API tools faq
paste
Advertisement
lovely-themesDOTcom

lovely-themesDOTcom/06

lovely-themesDOTcom
Mar 19th, 2013
1,007
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.65 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/h0rxggh/XQBm7fueg/sds.png');
  11. background-attachment:fixed;
  12. color:#666;
  13. font-family: trebuchet ms;
  14. font-size:11px;
  15. line-height:13px;
  16. font-weight:normal;
  17. }
  18. #main{
  19. margin: 0 auto;
  20. margin-top:-10px;
  21. width:800px;
  22. background-color:#dadada;
  23. }
  24. #header{
  25. width:800px; height: 30px;
  26. }
  27. #header a{
  28. float:left;
  29. width:150px;
  30. display:block;
  31. background-color:#222;
  32. color:#eee;
  33. font-family:georgia;
  34. font-size: 12px;
  35. font-weight:normal;
  36. line-height:25px;
  37. padding:4px; margin:1px;
  38. text-align:center;
  39. font-style:italic;
  40. -webkit-transition:0.5s; -moz-transition:0.5s;
  41. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  42. }
  43. #header a:hover{
  44. float:left;
  45. width:150px;
  46. display:block;
  47. background-color:#333;
  48. color:#fff;
  49. font-family:georgia;
  50. font-size: 12px;
  51. font-weight:normal;
  52. line-height:25px;
  53. padding:4px; margin:1px;
  54. text-align:center;
  55. font-style:italic;
  56. letter-spacing:3px;
  57. -webkit-transition:0.5s; -moz-transition:0.5s;
  58. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  59. }
  60. #sidebar{
  61. float: left;
  62. height:100%;
  63. width: 250px;
  64. padding:0px;
  65. margin-top:2px;
  66. margin-left:5px;
  67. }
  68. #content{
  69. float: right;
  70. width: 500px;
  71. padding:5px;
  72. margin:0px;
  73. margin-right:4px;
  74. background-color:#dadada;
  75. }
  76. #footer{
  77. clear:both;
  78. }
  79. .box{
  80. background-color:#bdbaba;
  81. width:268px;padding:3px;
  82. padding:5px;
  83. }
  84.  
  85. #permalink{
  86. display:block;
  87. padding:1px;
  88. margin-top:0px;
  89. margin-bottom:0px;
  90. text-align:center;
  91. }
  92.  
  93. ::-webkit-scrollbar-thumb {
  94. background-color: #222;
  95. }
  96. ::-webkit-scrollbar {
  97. width: 10px; height: 4px;
  98. background: #ccc;
  99. }
  100.  
  101. a:link, a:active, a:visited{color:#8b46a4; text-decoration: none;}
  102. a:hover{color:#111; text-decoration: none;}
  103.  
  104. h1{
  105. color:#dadada;
  106. font-family: georgia;
  107. font-size:12px;
  108. text-align:center;
  109. line-height:12px;
  110. padding:2px;margin:0px;
  111. font-style:italic;
  112. font-weight:normal;
  113. background-color: #ca3995;
  114. margin-bottom:4px;
  115. }
  116. h2{
  117. color:#dadada;
  118. font-family: georgia;
  119. font-size:12px;
  120. text-align:center;
  121. line-height:12px;
  122. padding:2px;margin:0px;
  123. font-style:italic;
  124. font-weight:normal;
  125. background-color: #f58220;
  126. margin-bottom:4px;
  127. }
  128. h3{
  129. color:#dadada;
  130. font-family: georgia;
  131. font-size:12px;
  132. text-align:center;
  133. line-height:12px;
  134. padding:2px;margin:0px;
  135. font-style:italic;
  136. font-weight:normal;
  137. background-color: #7e267c;
  138. margin-bottom:4px;
  139. }
  140.  
  141. a.nav1, a.nav1:visited {
  142. margin:1px; padding:3px;
  143. padding-left:10px;
  144. text-align: left;
  145. font-family: arial;
  146. font-size:10px;
  147. color:#7e267c;
  148. display: block;
  149. background-color:#dadada;
  150. border-left:5px solid #7e267c;
  151. text-transform:uppercase;
  152. font-weight:bold;
  153. letter-spacing:0px;
  154. -webkit-transition:0.5s; -moz-transition:0.5s;
  155. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  156. }
  157. a.nav1:hover {border-left:25px solid #7e267c;}
  158.  
  159. a.nav2, a.nav2:visited {
  160. margin:1px; padding:3px;
  161. padding-left:10px;
  162. text-align: left;
  163. font-family: arial;
  164. font-size:10px;
  165. color:#bed73d;
  166. display: block;
  167. background-color:#dadada;
  168. border-left:5px solid #bed73d;
  169. text-transform:uppercase;
  170. font-weight:bold;
  171. letter-spacing:0px;
  172. -webkit-transition:0.5s; -moz-transition:0.5s;
  173. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  174. }
  175. a.nav2:hover {border-left:25px solid #bed73d;}
  176.  
  177. a.nav3, a.nav3:visited {
  178. margin:1px; padding:3px;
  179. padding-left:10px;
  180. text-align: left;
  181. font-family: arial;
  182. font-size:10px;
  183. color:#f58220;
  184. display: block;
  185. background-color:#dadada;
  186. border-left:5px solid #f58220;
  187. text-transform:uppercase;
  188. font-weight:bold;
  189. letter-spacing:0px;
  190. -webkit-transition:0.5s; -moz-transition:0.5s;
  191. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  192. }
  193. a.nav3:hover {border-left:25px solid #f58220;}
  194.  
  195. a.nav4, a.nav4:visited {
  196. margin:1px; padding:3px;
  197. padding-left:10px;
  198. text-align: left;
  199. font-family: arial;
  200. font-size:10px;
  201. color:#ca3995;
  202. display: block;
  203. background-color:#dadada;
  204. border-left:5px solid #ca3995;
  205. text-transform:uppercase;
  206. font-weight:bold;
  207. letter-spacing:0px;
  208. -webkit-transition:0.5s; -moz-transition:0.5s;
  209. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  210. }
  211. a.nav4:hover {border-left:25px solid #ca3995;}
  212.  
  213. a.nav5, a.nav5:visited {
  214. margin:1px; padding:3px;
  215. line-height:12px;
  216. text-align: center;
  217. font-family: arial;
  218. font-size:10px;
  219. color:#ca3995;
  220. background-color:#dadada;
  221. text-transform:uppercase;
  222. font-weight:bold;
  223. -webkit-transition:0.5s; -moz-transition:0.5s;
  224. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;
  225. }
  226. a.nav5:hover {background-color:#fff;}
  227.  
  228. .title{
  229. color:#7e267c; margin:0px;
  230. font-family: arial black;
  231. font-size:14pt;
  232. line-height:16px;
  233. text-transform:uppercase;
  234. letter-spacing:-1px;
  235. }
  236.  
  237. .quote{
  238. color:#f35fba; margin:0px;
  239. font-family:arial black;
  240. letter-spacing:-1px;
  241. font-size:14px; line-height:14px;
  242. text-transform:uppercase;
  243. }
  244.  
  245. .stuff{
  246. margin:1px;padding:4px;
  247. display: block;
  248. line-height:8px;
  249. text-align:center;
  250. margin-top:0px;
  251. margin-bottom:10px;
  252. }
  253. .stuff a{margin:0px; padding:5px;
  254. text-align:center;
  255. color:#fff; background-color:#7e267c;
  256. font-family: "georgia";
  257. font-size:12px; line-height:12px;
  258. text-transform:lowercase;
  259. letter-spacing:0px; font-weight:normal;
  260. -webkit-transition:0.5s; -moz-transition:0.5s;
  261. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
  262.  
  263. .stuff a:hover{color:#fff; background-color:#f35fba;}
  264.  
  265. figure {
  266. display: block;
  267. position: relative;
  268. float: left;
  269. overflow: hidden;
  270. margin: 0px;}
  271. figcaption {
  272. position: absolute;
  273. padding: 5px; opacity: 0;
  274. -webkit-transition: all 0.6s ease;
  275. -moz-transition: all 0.6s ease;
  276. -o-transition: all 0.6s ease;}
  277. figure:hover figcaption {opacity:1;}
  278. .cap-bot figcaption {left: 0; bottom: -0%;}
  279. .cap-bot:hover figcaption {bottom: 0;}
  280.  
  281. b{color:#7e267c;}
  282. i{color:#f58220;}
  283. u{color:#bed73d;}
  284.  
  285.  
  286. </style>
  287. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  288. </head>
  289.  
  290. <div id="main">
  291. <div id="header">
  292. <a href="">link</a>
  293. <a href="">link</a>
  294. <a href="">link</a>
  295. <a href="">link</a>
  296. <a href="">link</a>
  297. </div>
  298. <div id="sidebar">
  299. <div align="justify">
  300.  
  301. <img src="http://25.media.tumblr.com/tumblr_m7fss6qStH1r1wbk6o1_500.jpg" width=277><p>
  302.  
  303. <div class="box">
  304. <h1>description</h1>
  305. {description}
  306. </div><p>
  307.  
  308.  
  309. <div class="box">
  310. <h2>the links</h2>
  311. <a href="/" class="nav2" title="Tumblr Themes">home</a>
  312. <a href="/archive" class="nav3" title="Tumblr Themes">archive</a>
  313. <a href="/ask" class="nav4" title="Tumblr Themes">ask box</a>
  314. <a href="http://lovely-themes.com/" class="nav1" title="Tumblr Themes">Theme Credit</a>
  315. </div><p>
  316.  
  317. <div class="box">
  318. <h3>favorites</h3>
  319. <center>
  320. <a href="URL" class="nav5">01</a> <a href="URL" class="nav5">02</a> <a href="URL" class="nav5">03</a> <a href="URL" class="nav5">04</a> <a href="URL" class="nav5">05</a> <a href="URL" class="nav5">06</a> <a href="URL" class="nav5">07</a> <a href="URL" class="nav5">08</a> <a href="URL" class="nav5">09</a> <a href="URL" class="nav5">10</a>
  321. </center>
  322. </div>
  323.  
  324. </div>
  325. </div>
  326.  
  327.  
  328. {block:Posts}
  329. <div class="autopagerize_page_element">
  330.  
  331. <a href="{Permalink}"></a>
  332. <div id="content">
  333. {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}
  334.  
  335. {block:Photo}
  336. <figure class='cap-bot'>
  337. <a href="{ReblogURL}" alt="{PhotoAlt}" target="_blank"><img src="{PhotoURL-500}" width="500px"/></a>
  338. {/block:Photo}
  339. {block:Photoset}
  340. <center>{Photoset-500}</center>
  341. {/block:Photoset}<figcaption class='cap-bot'>
  342. <div class="stuff"><a href="{ReblogURL}">Reblog</a>{block:NoteCount} <a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}</div>
  343. </figcaption></figure>
  344.  
  345.  
  346. {block:Quote}
  347. <span class="quote">"{Quote}"</span>
  348. {/block:Quote}
  349.  
  350. {block:Link}
  351. <a href="{URL}" class="link" {Target}><span class="title">{Name}</span></a>
  352. {/block:Link}
  353. {block:Link}
  354. {block:Description}
  355. <p align="justify">{Description}</p>
  356. {/block:Description}
  357. {/block:Link}
  358.  
  359. {block:Chat}<ul class="chat"><div style="margin:-8px 0 -8px 0;">{block:Lines}<li class="user_
  360.  
  361. {UserNumber}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}&nbsp;{Line}</li>
  362.  
  363. {/block:Lines}</ul>{/block:Chat}
  364.  
  365. {block:Audio}
  366. <center><div style="margin:0px 0 0px 0;">
  367. <div style="float:center">{AudioPlayerWhite}</div></center>
  368. {block:Caption}
  369. <div style="margin:-10px 0 -10px 0; text-align:center;">{Caption}</div>
  370. {/block:Caption}{/block:Audio}
  371.  
  372. {block:Video}<center>{Video-500}<br>{block:Caption}{Caption}{/block:Caption}</center>{/block:Video}
  373.  
  374. {block:Answer}
  375. <div style="margin-top:4px;"><i>{Asker}</i> asked: <b>{Question}</b></div>
  376. <br>
  377. <div style="margin-top:-3px; margin-bottom:-2px;">{Answer}
  378. </div>
  379. {/block:Answer}
  380.  
  381. </div>
  382.  
  383. {block:PostNotes}
  384. <div id="content">
  385. {block:RebloggedFrom}
  386. Via <b><a href="{ReblogParentURL}">{ReblogParentName}</a></b><br>
  387. Source <b><a href="{ReblogRootURL}">{ReblogRootName}</a></b>
  388. {/block:RebloggedFrom}
  389.  
  390. {PostNotes}
  391.  
  392. <center>{block:ContentSource}<a href="{SourceURL}">
  393. {lang:Source}: {block:SourceLogo}
  394. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  395. {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a> {/block:ContentSource}</center>
  396. </div>
  397. {/block:PostNotes}
  398. {/block:Posts}
  399. <center></div>
  400. <br>
  401.  
  402. <div id="footer">
  403. </div>
  404. </body>
  405. </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!