API tools faq
paste
Advertisement
lovely-themesDOTcom

lovely-themesDOTcom/16

lovely-themesDOTcom
Mar 21st, 2013
2,441
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.51 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.  
  5. <title>{Title}</title>
  6.  
  7. <style type="text/css">
  8. body{
  9. background-color:#dadada;
  10. background-image: url('http://static.tumblr.com/necydca/HsHmk00p9/bg.png');
  11. background-attachment:fixed;
  12. color:#999;
  13. font-family: "04b03";
  14. font-size:8px;
  15. line-height:9px;
  16. font-weight:normal;
  17. text-transform: uppercase;
  18. }
  19. @font-face {
  20. font-family: "04b03";
  21. src: url("http://static.tumblr.com/necydca/Eurmjztdk/04b_03__.ttf")
  22. }
  23.  
  24. #main{
  25. margin: 0 auto;
  26. margin-top:-10px;
  27. width:800px;
  28. background-color:#222;
  29. border: 1px solid #000;
  30. }
  31. #header{
  32. width:800px; height: 25px;
  33. position:fixed;
  34. z-index:1;
  35. background-color:#000;
  36. }
  37. #header a{
  38. float:left;
  39. width:150px;
  40. display:block;
  41. background-color:#222;
  42. color:#eee;
  43. font-family:"04b03";
  44. font-size: 8px;
  45. font-weight:normal;
  46. line-height:12px;
  47. padding:4px; margin:1px;
  48. text-align:center;
  49. -webkit-transition:0.5s; -moz-transition:0.5s;
  50. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  51. }
  52. #header a:hover{
  53. float:left;
  54. width:150px;
  55. display:block;
  56. background-color:#333;
  57. color:#eee;
  58. font-family:"04b03";
  59. font-size: 8px;
  60. font-weight:normal;
  61. line-height:12px;
  62. padding:4px; margin:1px;
  63. text-align:center;
  64. letter-spacing:3px;
  65. -webkit-transition:0.5s; -moz-transition:0.5s;
  66. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  67. }
  68. #sidebar{
  69. float: left;
  70. height:100%;
  71. width: 250px;
  72. padding:0px;
  73. margin-top:30px;
  74. margin-left:5px;
  75. position: fixed;
  76. z-index:1;
  77. }
  78. #content{
  79. float: right;
  80. width: 500px;
  81. padding:5px;
  82. margin-right:4px;
  83. background-color:#222;
  84. }
  85.  
  86. #footer{
  87. clear:both;
  88. }
  89. .box{
  90. background-color:#111;
  91. width:268px;padding:3px;
  92. padding:5px;
  93. }
  94.  
  95. .box2{
  96. background-color:#111;
  97. width:268px;padding:3px;
  98. padding:5px;
  99. height: 65px;
  100. }
  101.  
  102. #permalink{
  103. display:block;
  104. padding:1px;
  105. margin-top:0px;
  106. margin-bottom:0px;
  107. text-align:center;
  108. }
  109.  
  110. ::-webkit-scrollbar-thumb {
  111. background-color: #222;
  112. }
  113. ::-webkit-scrollbar {
  114. width: 10px; height: 4px;
  115. background: #ccc;
  116. }
  117.  
  118. a:link, a:active, a:visited{color:#dd4ca5; text-decoration: none;}
  119. a:hover{color:#111; text-decoration: none;}
  120.  
  121. h1{
  122. color:#000;
  123. font-family: "04b03";
  124. font-size:8px;
  125. text-align:center;
  126. line-height:9px; margin:0px;
  127. font-weight:normal;
  128. background-color: #dd4ca5;
  129. margin-bottom:4px;
  130. padding-top:2px;
  131. letter-spacing: 3px;
  132. border-bottom: 1px dashed #111;
  133. }
  134. h2{
  135. color:#000;
  136. font-family: "04b03";
  137. font-size:8px;
  138. text-align:center;
  139. line-height:9px; margin:0px;
  140. font-weight:normal;
  141. background-color: #5faba3;
  142. margin-bottom:4px;
  143. padding-top:2px;
  144. letter-spacing: 3px;
  145. border-bottom: 1px dashed #111;
  146. }
  147. h3{
  148. color:#000;
  149. font-family: "04b03";
  150. font-size:8px;
  151. text-align:center;
  152. line-height:9px; margin:0px;
  153. font-weight:normal;
  154. background-color: #af79a4;
  155. margin-bottom:4px;
  156. padding-top:2px;
  157. letter-spacing: 3px;
  158. border-bottom: 1px dashed #111;
  159. }
  160. h4{
  161. color:#000;
  162. font-family: "04b03";
  163. font-size:8px;
  164. text-align:center;
  165. line-height:9px; margin:0px;
  166. font-weight:normal;
  167. background-color: #dec05d;
  168. margin-bottom:4px;
  169. padding-top:2px;
  170. letter-spacing: 3px;
  171. border-bottom: 1px dashed #111;
  172. }
  173.  
  174. a.nav1, a.nav1:visited {
  175. margin:1px; padding:3px;
  176. padding-left:10px;
  177. text-align: left;
  178. font-family: "04b03";
  179. font-size:8px;
  180. color:#dd4ca5;
  181. display: block;
  182. background-color:#191919;
  183. border-left:5px solid #dd4ca5;
  184. text-transform:uppercase;
  185. font-weight:normal;
  186. letter-spacing:3px;
  187. -webkit-transition:0.5s; -moz-transition:0.5s;
  188. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  189. }
  190. a.nav1:hover {border-left:25px solid #dd4ca5;}
  191.  
  192. a.nav2, a.nav2:visited {
  193. margin:1px; padding:3px;
  194. padding-left:10px;
  195. text-align: left;
  196. font-family: "04b03";
  197. font-size:8px;
  198. color:#5faba3;
  199. display: block;
  200. background-color:#191919;
  201. border-left:5px solid #5faba3;
  202. text-transform:uppercase;
  203. font-weight:normal;
  204. letter-spacing:3px;
  205. -webkit-transition:0.5s; -moz-transition:0.5s;
  206. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  207. }
  208. a.nav2:hover {border-left:25px solid #5faba3;}
  209.  
  210. a.nav3, a.nav3:visited {
  211. margin:1px; padding:3px;
  212. padding-left:10px;
  213. text-align: left;
  214. font-family: "04b03";
  215. font-size:8px;
  216. color:#af79a4;
  217. display: block;
  218. background-color:#191919;
  219. border-left:5px solid #af79a4;
  220. text-transform:uppercase;
  221. font-weight:normal;
  222. letter-spacing:3px;
  223. -webkit-transition:0.5s; -moz-transition:0.5s;
  224. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  225. }
  226. a.nav3:hover {border-left:25px solid #af79a4;}
  227.  
  228. a.nav4, a.nav4:visited {
  229. margin:1px; padding:3px;
  230. padding-left:10px;
  231. text-align: left;
  232. font-family: "04b03";
  233. font-size:8px;
  234. color:#dec05d;
  235. display: block;
  236. background-color:#191919;
  237. border-left:5px solid #dec05d;
  238. text-transform:uppercase;
  239. font-weight:normal;
  240. letter-spacing:3px;
  241. -webkit-transition:0.5s; -moz-transition:0.5s;
  242. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  243. }
  244. a.nav4:hover {border-left:25px solid #dec05d;}
  245.  
  246. a.nav5, a.nav5:visited {
  247. float:left; display:block; width:22px;
  248. color:#666;
  249. font-family: "04b03";
  250. font-size:8px;
  251. line-height:10x;
  252. text-align: center;
  253. background-color:#191919;
  254. text-transform:uppercase;
  255. margin:1px; padding:7px;
  256. -webkit-transition:0.5s; -moz-transition:0.5s;
  257. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  258. }
  259. a.nav5:hover {color: #000; background-color:#dd4ca5;}
  260.  
  261. a.nav6, a.nav6:visited {
  262. float:left; display:block; width:22px;
  263. color:#666;
  264. font-family: "04b03";
  265. font-size:8px;
  266. line-height:10x;
  267. text-align: center;
  268. background-color:#191919;
  269. text-transform:uppercase;
  270. margin:1px; padding:7px;
  271. -webkit-transition:0.5s; -moz-transition:0.5s;
  272. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  273. }
  274. a.nav6:hover {color: #000; background-color:#5faba3;}
  275.  
  276. .title{
  277. color:#000;
  278. font-family: "04b03";
  279. font-size:8px;
  280. text-align:center;
  281. line-height:9px; margin:0px;
  282. font-weight:normal;
  283. background-color: #dec05d;
  284. margin-bottom:4px;
  285. padding-top:2px;
  286. letter-spacing: 3px;
  287. border-bottom: 1px dashed #111;
  288. display: block;
  289. }
  290.  
  291. .quote{
  292. color:#dec05d;
  293. font-family: "04b03";
  294. font-size:8px;
  295. line-height:10px;
  296. font-weight:normal;
  297. }
  298.  
  299. .stuff{
  300. margin:1px; padding:4px;
  301. display: block;
  302. line-height:8px;
  303. text-align:center;
  304. margin-top:0px;
  305. margin-bottom:10px;
  306. }
  307. .stuff a{
  308. margin:0px; padding:5px;
  309. text-align:center;
  310. color:#000; background-color:#dec05d;
  311. font-family: "04b03";
  312. font-size:8px; line-height:10px;
  313. text-transform:uppercase;
  314. letter-spacing:0px; font-weight:normal;
  315. -webkit-transition:0.5s; -moz-transition:0.5s;
  316. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  317. -webkit-border-radius: 10px;
  318. border-radius: 10px;
  319. }
  320.  
  321. .stuff a:hover{
  322. color:#ffffff; background-color:#111;
  323. -webkit-border-radius: 10px;
  324. border-radius: 10px;
  325. }
  326.  
  327. figure {
  328. display: block;
  329. position: relative;
  330. float: left;
  331. overflow: hidden;
  332. margin: 0px;}
  333. figcaption {
  334. position: absolute;
  335. padding: 5px; opacity: 0;
  336. -webkit-transition: all 0.6s ease;
  337. -moz-transition: all 0.6s ease;
  338. -o-transition: all 0.6s ease;}
  339. figure:hover figcaption {opacity:1;}
  340. .cap-bot figcaption {left: 0; bottom: -0%;}
  341. .cap-bot:hover figcaption {bottom: 0;}
  342.  
  343. b {color: #dd4ca5; font-weight: normal;}
  344. i {color:#2fa7bc;}
  345. u {color:#5faba3;}
  346. s {color:#dec05d;}
  347.  
  348. img {
  349. opacity: 0.6;
  350. transition: opacity 1s ease-in-out;
  351. -moz-transition: opacity 1s ease-in-out;
  352. -webkit-transition: opacity 1s ease-in-out;
  353. text-decoration:none;
  354. }
  355. img:hover {
  356. opacity: 1.0;
  357. transition: opacity .55s ease-in-out;
  358. -moz-transition: opacity .55s ease-in-out;
  359. -webkit-transition: opacity .55s ease-in-out;
  360. text-decoration:none;
  361. }​
  362. </style>
  363. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  364. </head>
  365.  
  366. <div id="main">
  367. <div id="header">
  368. <a href="">link</a>
  369. <a href="">link</a>
  370. <a href="">link</a>
  371. <a href="">link</a>
  372. <a href="">link</a>
  373. </div>
  374. <div id="sidebar">
  375. <div align="justify">
  376.  
  377. <div class="box">
  378. <h1>{title}</h1>
  379. <img src="http://25.media.tumblr.com/tumblr_m7fss6qStH1r1wbk6o1_500.jpg" width=268>
  380. </div><p>
  381.  
  382. <div class="box">
  383. <h2>description</h2>
  384. {description}
  385. </div><p>
  386.  
  387. <div class="box">
  388. <h3>the links</h3>
  389. <a href="/" class="nav1">home</a>
  390. <a href="/archive" class="nav2">archive</a>
  391. <a href="/ask" class="nav3">ask box</a>
  392. <a href="http://lovely-themes.com/" class="nav4">Theme</a>
  393. </div><p>
  394.  
  395. <div class="box2">
  396. <h4>favorites</h4>
  397. <center>
  398. <a href="URL" class="nav5">01</a>
  399. <a href="URL" class="nav6">02</a>
  400. <a href="URL" class="nav5">03</a>
  401. <a href="URL" class="nav6">04</a>
  402. <a href="URL" class="nav5">05</a>
  403. <a href="URL" class="nav6">06</a>
  404. <a href="URL" class="nav5">07</a>
  405. <a href="URL" class="nav5">08</a>
  406. <a href="URL" class="nav6">09</a>
  407. <a href="URL" class="nav5">10</a>
  408. <a href="URL" class="nav6">11</a>
  409. <a href="URL" class="nav5">12</a>
  410. <a href="URL" class="nav6">13</a>
  411. <a href="URL" class="nav5">14</a>
  412. </center>
  413. </div>
  414.  
  415. </div>
  416. </div>
  417.  
  418.  
  419. {block:Posts}
  420.  
  421. <br><br><br>
  422. <div id="content">
  423. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<div style="margin:-8px 0 -9px 0; text-align:justify;">{Body}</div>{/block:Text}
  424.  
  425. {block:Photo}
  426. <figure class='cap-bot'>
  427. <a href="{ReblogURL}" alt="{PhotoAlt}" target="_blank"><img src="{PhotoURL-500}" width="500px"/></a>
  428. {/block:Photo}
  429. {block:Photoset}
  430. <center>{Photoset-500}</center>
  431. {/block:Photoset}<figcaption class='cap-bot'>
  432. <div class="stuff"><a href="{ReblogURL}">Reblog</a>{block:NoteCount} <a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}</div>
  433. </figcaption></figure>
  434.  
  435.  
  436. {block:Quote}
  437. <span class="quote">"{Quote}"</span>
  438. {/block:Quote}
  439.  
  440. {block:Link}
  441. <a href="{URL}" class="link" {Target}><span class="title">{Name}</span></a>
  442. {/block:Link}
  443. {block:Link}
  444. {block:Description}
  445. <p align="justify">{Description}</p>
  446. {/block:Description}
  447. {/block:Link}
  448.  
  449. {block:Chat}<ul class="chat"><div style="margin:-8px 0 -8px 0;">{block:Lines}<li class="user_
  450.  
  451. {UserNumber}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}&nbsp;{Line}</li>
  452.  
  453. {/block:Lines}</ul>{/block:Chat}
  454.  
  455. {block:Audio}
  456. <center><div style="margin:0px 0 0px 0;">
  457. <div style="float:center">{AudioPlayerWhite}</div></center>
  458. {block:Caption}
  459. <div style="margin:-10px 0 -10px 0; text-align:center;">{Caption}</div>
  460. {/block:Caption}{/block:Audio}
  461.  
  462. {block:Video}<center>{Video-500}<br>{block:Caption}{Caption}{/block:Caption}</center>{/block:Video}
  463.  
  464. {block:Answer}
  465. <div style="margin-top:4px;"><i>{Asker}</i> asked: <b>{Question}</b></div>
  466. <br>
  467. <div style="margin-top:-3px; margin-bottom:-2px;">{Answer}
  468. </div>
  469. {/block:Answer}
  470.  
  471. </div>
  472.  
  473. {block:PostNotes}
  474. <div id="content">
  475. {block:RebloggedFrom}
  476. Via <b><a href="{ReblogParentURL}">{ReblogParentName}</a></b><br>
  477. Source <b><a href="{ReblogRootURL}">{ReblogRootName}</a></b>
  478. {/block:RebloggedFrom}
  479.  
  480. {PostNotes}
  481.  
  482. <center>{block:ContentSource}<a href="{SourceURL}">
  483. {lang:Source}: {block:SourceLogo}
  484. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  485. {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a> {/block:ContentSource}</center>
  486. </div>
  487. {/block:PostNotes}
  488. {/block:Posts}
  489. <center>
  490.  
  491. <div id="footer">
  492. </div>
  493. <div style="position: fixed; left: 5px; bottom: 5px; background: #000; padding: 3px; text-transform: uppercase;"><a href="http://lovely-themes.com">theme</a></div>
  494. </body>
  495. </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!