Advertisement
lovely-themesDOTcom

lovely-themesDOTcom/07

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