API tools faq
paste
Advertisement
lovely-themesDOTcom

lovely-themesDOTcom/04

lovely-themesDOTcom
Mar 19th, 2013
1,645
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.35 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:#;
  10. background-image: url('http://static.tumblr.com/h0rxggh/usEm7fzaa/d.png');
  11. background-attachment:fixed;
  12. font-family: "tahoma";
  13. text-align:justify;
  14. font-size: 10px;
  15. line-height:12px;
  16. }
  17.  
  18. #main{
  19. width:450px; height:100%;
  20. margin-left:440px; margin-top:10px;
  21. overflow:hidden; padding:5px; padding-left:10px;
  22. background-color:#222; position:scroll;
  23. }
  24.  
  25. #content{
  26. width:450px; float:right;
  27. overflow:hidden; margin:2px;
  28. background-color:#222;
  29. }
  30.  
  31. #sidebar{
  32. width:200px; height:100%;
  33. left:235px; top:175px;
  34. float:right; position:fixed;
  35. padding:3px; padding-left:0px;
  36. position:fixed;
  37. }
  38.  
  39. #navi{
  40. width:500px;
  41. left:235px; top:50px;
  42. position:fixed;
  43. }
  44. #navi a{
  45. margin:1px; padding:5px;
  46. color:#e6c958; text-align:center;
  47. background-color:#111;
  48. font-family: arial; height:50px;
  49. font-size:12px; line-height:50px;
  50. float:left;
  51. text-transform:lowercase; width:93px;
  52. letter-spacing:0px; font-weight:normal;
  53. -webkit-transition:0.5s; -moz-transition:0.5s;
  54. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  55. }
  56. #navi a:hover{
  57. background-color:#222;
  58. }
  59. #navi2{
  60. width:500px;
  61. left:235px; top:112px;
  62. position:fixed;
  63. }
  64. #navi2 a{
  65. margin:1px; padding:5px;
  66. color:#e6c958; text-align:center;
  67. background-color:#111;
  68. font-family: arial; height:50px;
  69. font-size:12px; line-height:50px;
  70. float:left;
  71. text-transform:lowercase; width:93px;
  72. letter-spacing:0px; font-weight:normal;
  73. -webkit-transition:0.5s; -moz-transition:0.5s;
  74. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  75. }
  76. #navi2 a:hover{
  77. background-color:#222;
  78. }
  79.  
  80.  
  81. .box{
  82. background-color:#222;
  83. width:200px;padding:3px;
  84. color:#666;
  85. }
  86.  
  87. #permalink{
  88. display:block;
  89. padding:1px;
  90. margin-top:0px;
  91. margin-bottom:0px;
  92. text-align:center;
  93. }
  94.  
  95. a:link, a:active, a:visited{color:#86454f; text-decoration: none;}
  96. a:hover{color:#111; text-decoration: none;}
  97.  
  98. h1{
  99. font-family:times new roman;
  100. font-size:8px;
  101. color: #d8d8d8;
  102. text-decoration: none;
  103. text-transform: uppercase;
  104. text-align: center;
  105. margin: 0px; padding: 0px;
  106. font-weight: bold;
  107. letter-spacing: 1px;
  108. }
  109. h1:first-letter {
  110. color: #de9b42;
  111. }
  112.  
  113. a.nav:link, a.nav:active, a.nav:visited {font-family:times new roman;
  114. font-style: italic;
  115. font-size:10px;
  116. color: #dadada;
  117. text-transform: lowercase;
  118. letter-spacing: 2px;
  119. margin: 1px; padding: 2px;
  120. padding-left:10px;
  121. text-align: left;
  122. background-color:#111;
  123. display:block;
  124. -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  125. }
  126.  
  127. a.nav:hover {font-family:times new roman;
  128. font-style: italic;
  129. font-size:10px;
  130. color: #eee;
  131. text-transform: lowercase;
  132. letter-spacing: 2px;
  133. margin: 1px; padding: 2px;
  134. padding-left:20px;
  135. text-align: left;
  136. background-color:#333;
  137. display:block;
  138. -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  139. }
  140.  
  141. a.fav, a.fav:visited {
  142. margin:0px; padding:2px;
  143. line-height:18px;
  144. text-align: center;
  145. font-family: arial;
  146. font-size:10px;
  147. color:#86454f;
  148. background-color:#111;
  149. text-transform:uppercase;
  150. font-weight:bold;
  151. -webkit-transition:0.5s; -moz-transition:0.5s;
  152. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  153. }
  154. a.fav:hover {color:#111;background-color:#86454f;}
  155.  
  156. .title{
  157. color:#86454f; margin:0px;
  158. font-family: arial black;
  159. font-size:14pt;
  160. line-height:16px;
  161. text-transform:uppercase;
  162. letter-spacing:-1px;
  163. }
  164.  
  165. .quote{
  166. color:#86454f; margin:0px;
  167. font-family:arial black;
  168. letter-spacing:-1px;
  169. font-size:14px; line-height:14px;
  170. text-transform:uppercase;
  171. }
  172.  
  173. .stuff{
  174. margin:1px;padding:4px;
  175. display: block;
  176. line-height:8px;
  177. text-align:center;
  178. margin-top:0px;
  179. margin-bottom:10px;
  180. }
  181. .stuff a{
  182. margin:1px; padding:7px;
  183. color:#eee; text-align:
  184. center;background-color:#222;
  185. font-family: arial black;
  186. font-size:20px; text-transform:uppercase;
  187. letter-spacing:0px;
  188. font-weight:normal;
  189. -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
  190.  
  191. .stuff a:hover{background-color:#000;}
  192.  
  193. figure {
  194. display: block;
  195. position: relative;
  196. float: left;
  197. overflow: hidden;
  198. margin: 0px;
  199. opacity:0.6;
  200. }
  201. figure:hover{
  202. opacity:1;}
  203. figcaption {
  204. position: absolute;
  205. padding: 5px; opacity: 0;
  206. -webkit-transition: all 0.6s ease;
  207. -moz-transition: all 0.6s ease;
  208. -o-transition: all 0.6s ease;
  209. margin-left:70px; margin-bottom:120px;}
  210. figure:hover figcaption {opacity:1;}
  211. .cap-bot figcaption {left: 0; bottom: 0%;}
  212. .cap-bot:hover figcaption {bottom: 0;}
  213.  
  214. b {color:#86454f;}
  215. i {color:#e6c958;}
  216. u {color:#99303c;}
  217.  
  218. @font-face {font-family:”Handy00”;src:url(‘http://punk-rose.com/fonts/handy00.ttf’);
  219. }
  220. </style>
  221. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  222. </head>
  223.  
  224. <div id="main">
  225.  
  226. <div id="navi">
  227. <a href="/">link</a>
  228. <a href="/">link</a>
  229. </div>
  230. <div id="navi2">
  231. <a href="/">link</a>
  232. <a href="/">link</a>
  233. </div>
  234.  
  235. <div id="sidebar">
  236. <div align="justify">
  237. <div class="box">
  238. <h1>{title}</h1>
  239. <img src="http://25.media.tumblr.com/tumblr_m7fss6qStH1r1wbk6o1_500.jpg" width=200>
  240. <h1>about me</h1>
  241. {description}
  242. <p>
  243. <h1>get around</h1>
  244. <a href="/" class="nav">home</a>
  245. <a href="/ask" class="nav">ask box</a>
  246. <a href="/archive" class="nav">archive</a>
  247. <a href="http://lovely-themes.com/" class="nav">Theme</a>
  248. <p>
  249. <h1>favorites</h1>
  250. <center>
  251. <a href="" class="fav">001</a> <a href="" class="fav">002</a> <a href="" class="fav">003</a> <a href="" class="fav">004</a> <a href="" class="fav">005</a> <a href="" class="fav">006</a> <a href="" class="fav">007</a> <a href="" class="fav">008</a> </center>
  252. <p>
  253. </div>
  254. </div>
  255. </div>
  256.  
  257.  
  258. {block:Posts}
  259. <div class="autopagerize_page_element">
  260. <a href="{Permalink}"></a>
  261. <div id="content">
  262. {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}
  263.  
  264. {block:Photo}<figure class='cap-bot'>
  265. <a href="{ReblogURL}" alt="{PhotoAlt}" target="_blank"><img src="{PhotoURL-500}" width="450px"/></a>
  266. {/block:Photo}
  267. {block:Photoset}
  268. <center>{Photoset-500}</center>
  269. {/block:Photoset}<figcaption class='cap-bot'>
  270. <div class="stuff"><a href="{ReblogURL}">Reblog</a>{block:NoteCount} <a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}</div></figcaption></figure>
  271.  
  272.  
  273. {block:Quote}
  274. <span class="quote">"{Quote}"</span>
  275. {/block:Quote}
  276.  
  277. {block:Link}
  278. <a href="{URL}" class="link" {Target}><span class="title">{Name}</span></a>
  279. {/block:Link}
  280. {block:Link}
  281. {block:Description}
  282. <p align="justify">{Description}</p>
  283. {/block:Description}
  284. {/block:Link}
  285.  
  286. {block:Chat}<ul class="chat"><div style="margin:-8px 0 -8px 0;">{block:Lines}<li class="user_
  287.  
  288. {UserNumber}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}&nbsp;{Line}</li>
  289.  
  290. {/block:Lines}</ul>{/block:Chat}
  291.  
  292. {block:Audio}
  293. <center><div style="margin:0px 0 0px 0;"><div style="float:center">{AudioPlayerWhite}
  294. </div></center>
  295. {block:Caption}<div style="margin:-10px 0 -10px 0; text-align:center;">{Caption}</div>{/block:Caption}{/block:Audio}
  296.  
  297. {block:Video}<center>{Video-500}<br>{block:Caption}{Caption}{/block:Caption}</center>{/block:Video}
  298.  
  299. {block:Answer}
  300. <div style="margin-top:4px;"><i>{Asker}</i> asked: <b>{Question}</b></div>
  301. <br>
  302. <div style="margin-top:-3px; margin-bottom:-2px;">{Answer}</div>
  303. {/block:Answer}
  304.  
  305. </div>
  306.  
  307. {block:PostNotes}
  308.  
  309. <br><div style="text-align:center; margin-left:15px;">{block:RebloggedFrom}
  310. Via <b><a href="{ReblogParentURL}">{ReblogParentName}</a></b><br>Source <b><a href="{ReblogRootURL}">{ReblogRootName}</a></b> {/block:RebloggedFrom}</div>
  311.  
  312. {PostNotes}
  313.  
  314. <center>{block:ContentSource}<a href="{SourceURL}">
  315. {lang:Source}: {block:SourceLogo}
  316. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  317. {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a> {/block:ContentSource}</center>
  318.  
  319. {/block:PostNotes}
  320. {/block:Posts}
  321.  
  322. <center></div>
  323. <br>
  324. </body>
  325. </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!