Advertisement
bethanyyjay

Untitled

Jul 13th, 2012
2,919
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  5.  
  6. <title>Title Here</title>
  7.  
  8. <style type="text/css">
  9. body{
  10. background-color:#ff388c;
  11. background-image: url('http://i49.tinypic.com/2pt5wsj.png');
  12. background-attachment:fixed;
  13. background-repeat: repeat;
  14. color:#444;
  15. font-family: arial;
  16. font-size:10px;
  17. text-align:justify;
  18. line-height:12px;
  19. padding:0px;
  20. text-transform:lowercase
  21. margin: 0px;
  22. }
  23.  
  24. #main{
  25. width:360px;
  26. margin-bottom:0px;
  27. margin-left: 250px; margin-top: -15px;
  28. overflow:hidden; padding:5px; padding-left:5px;
  29. background-color:#; position: relative;
  30. }
  31.  
  32. #content{
  33. width:350px; float:right;
  34. position: auto;
  35. color: #fff; margin-top: 0px;
  36. overflow:hidden; margin-right: 0px;
  37. margin-bottom: 0px;
  38. margin-top: 0px;
  39. padding: 5px;
  40. background-color:#222;
  41. }
  42.  
  43. #sidebar{
  44. width:225px;
  45. left:35px; top:50px; background-color: #;
  46. float:right; position:fixed;
  47. padding:3px;
  48. position:fixed;
  49. }
  50.  
  51. .box{
  52. padding: 8px;
  53. background-color:#e9e3cb;
  54. width:205px;
  55. color:#222;
  56. }
  57.  
  58. #permalink{
  59. display:block;
  60. padding:1px;
  61. margin-top:0px;
  62. margin-bottom:0px;
  63. text-align:center;
  64. }
  65.  
  66. a:link, a:active, a:visited {color: #222; font-style: none; text-decoration: none;}
  67. a:hover{color:#fff; text-decoration: none;}
  68.  
  69. .nav {
  70. width:auto; height:39px; margin:1px; margin-top:4px; margin-bottom:1px; padding:6px; border: 0px solid #bddb6a; background: #e138ff; color: #fff;}
  71. .nav:hover {border:0px solid #c7c7c7; color: #222; background: #fff;}
  72.  
  73. .nav2 {
  74. width:auto; height:39px; margin:1px; margin-top:4px; margin-bottom:1px; padding:6px; border: 0px solid #bddb6a; background: #e138ff; color: #fff;}
  75. .nav2:hover {border:0px solid #c7c7c7; color: #222; background: #fff;}
  76.  
  77. .nav3 {
  78. width:auto; height:39px; margin:1px; margin-top:4px; margin-bottom:1px; padding:6px; border: 0px solid #bddb6a; background: #e138ff; color: #fff;}
  79. .nav3:hover {border:0px solid #c7c7c7; color: #222; background: #fff;}
  80.  
  81. h1{
  82. color:#fff; background-color:#ff388c; margin:0px;
  83. padding: 9px;
  84. font-weight: normal;
  85. font-family: courier;
  86. margin-bottom: 5px;
  87. font-size:16pt;
  88. line-height:12px;
  89. font-style: italic;
  90. text-transform:lowercase;
  91. letter-spacing:0px;
  92. text-align:left;
  93. }
  94.  
  95. .title{
  96. color:#e138ff; background-color:#; margin:0px;
  97. padding: 5px;
  98. font-weight: normal;
  99. font-family: courier;
  100. margin-bottom: 5px;
  101. font-size:16pt;
  102. line-height:12px;
  103. font-style: italic;
  104. text-transform:lowercase;
  105. letter-spacing:0px;
  106. text-align:left;
  107. }
  108. .quote{
  109. color:#e138ff; background-color:#; margin:0px;
  110. padding: 5px;
  111. font-weight: normal;
  112. font-family: courier;
  113. margin-bottom: 5px;
  114. font-size:9pt;
  115. line-height:12px;
  116. font-style: italic;
  117. text-transform:lowercase;
  118. letter-spacing:0px;
  119. text-align:left;
  120. }
  121.  
  122. .stuff{
  123. margin:1px;padding:2px;
  124. display: block;
  125. line-height:8px;
  126. text-align:center;
  127. margin-top:0px;
  128. margin-bottom:10px;
  129. }
  130. .stuff a{ width:auto; height:39px; margin:1px; margin-top:4px; margin-bottom:1px; padding:6px; border-bottom: 4px solid #1fffe7; background: #; color: #fff;}
  131.  
  132. .stuff a:hover
  133. {border-bottom:4px solid #ff1f79; color: #fff; background: #;}
  134.    
  135.    
  136. figure {
  137. display: block;
  138. position: relative;
  139. float: left;
  140. overflow: hidden;
  141. margin: 0px;}
  142. figcaption {
  143. position: absolute;
  144. padding: 5px; opacity: 0;
  145. -webkit-transition: all 0.6s ease;
  146. -moz-transition: all 0.6s ease;
  147. -o-transition: all 0.6s ease;}
  148. figure:hover figcaption {opacity:1;}
  149. .cap-bot figcaption {left: 0; bottom: 81%;}
  150. .cap-bot:hover figcaption {bottom: 81%;}
  151.  
  152. b{color:#1fffe7;}
  153. i{color:#1fffe7; font-family: arial; font-size:10px;}
  154. u{color:#1fffe7;}
  155.  
  156. .img{padding:0px; margin:0px;}
  157.  
  158. @font-face {font-family:”Handy00”;src:url(‘http://punk-rose.com/fonts/handy00.ttf’);
  159. }
  160. </style>
  161.  
  162. </head>
  163.  
  164. <div id="main">
  165. <div id="sidebar">
  166.  
  167. <CENTER>
  168. <a href="/" class="nav">home</a>
  169. <a href="/ask" class="nav2">ask box</a>
  170. <a href="/archive" class="nav3">archive</a>
  171. <a href="http://hot-themes.net/" class="nav">theme</a>
  172. </CENTER>
  173.  
  174. <BR>
  175. <div align="justify">
  176. <div class="box">
  177. <img src="http://media.tumblr.com/tumblr_m5n4v6Q4PC1r2pg0p.gif" width=207>
  178. <P>
  179.  
  180. <h1>about me</h1>
  181. This <b>tumblr theme</b> was made by <u>hot-themes.net</u>. Please <i>do not</i> remove the credit off this theme. It's not so hard keeping a small link to our site on this theme. You can remove this and write your about me or your welcome to all your views to see. <b>Thank you!</b>
  182. <BR>
  183. </div>
  184. <BR>
  185. <CENTER>
  186. <a href="/" class="nav">fav blog 1</a>
  187. <a href="/" class="nav2">fav blog 2</a>
  188. <a href="/" class="nav3">fav blog 3</a>
  189. </CENTER>
  190.    
  191. </div>
  192. </div>
  193.  
  194. <div class="autopagerize_page_element">
  195.  
  196. {block:Posts}
  197.  
  198. <a href="{Permalink}"></a>
  199. <div id="content">
  200. {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}
  201.  
  202. {block:Photo}<figure class='cap-bot'>
  203. <a href="{ReblogURL}" alt="{PhotoAlt}" target="_blank"><img src="{PhotoURL-500}" width="345px" height=""/></a>
  204. {/block:Photo}
  205. {block:Photoset}
  206. <center>{Photoset-240}</center>
  207. {/block:Photoset}<figcaption class='cap-bot'>
  208. <div class="stuff"><a href="{ReblogURL}">Reblog</a>{block:NoteCount} &hearts; <a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}</div></figcaption></figure>
  209.  
  210.  
  211. {block:Quote}
  212. <span class="quote">"{Quote}"</span>
  213. {/block:Quote}
  214.  
  215. {block:Link}
  216. <a href="{URL}" class="link" {Target}><span class="title">{Name}</span></a>
  217. {/block:Link}
  218. {block:Link}
  219. {block:Description}
  220. <p align="justify">{Description}</p>
  221. {/block:Description}
  222. {/block:Link}
  223.  
  224. {block:Chat}<ul class="chat"><div style="margin:-8px 0 -8px 0;">{block:Lines}<li class="user_
  225.  
  226. {UserNumber}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}&nbsp;{Line}</li>
  227.  
  228. {/block:Lines}</ul>{/block:Chat}
  229.  
  230. {block:Audio}
  231. <center><div style="margin:0px 0 0px 0;"><div style="float:center">{AudioPlayerWhite}
  232. </div></center>
  233. {block:Caption}<div style="margin:-10px 0 -10px 0; text-align:center;">{Caption}</div>{/block:Caption}{/block:Audio}
  234.  
  235. {block:Video}<center>{Video-500}<br>{block:Caption}{Caption}{/block:Caption}</center>{/block:Video}
  236.  
  237. {block:Answer}
  238. <div style="margin-top:4px;"><i>{Asker}</i> asked: <b>{Question}</b></div>
  239. <br>
  240. <div style="margin-top:-3px; margin-bottom:-2px;">{Answer}</div>
  241. {/block:Answer}
  242.  
  243. </div>
  244.  
  245. {block:PostNotes}
  246. </div>
  247.  
  248. <br><div style="text-align:center; margin-left:15px;">{block:RebloggedFrom}
  249. Via <b><a href="{ReblogParentURL}">{ReblogParentName}</a></b><br>Source <b><a href="{ReblogRootURL}">{ReblogRootName}</a></b> {/block:RebloggedFrom}</div>
  250.  
  251. {PostNotes}
  252.  
  253. <center>{block:ContentSource}<a href="{SourceURL}">
  254. {lang:Source}: {block:SourceLogo}
  255. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  256. {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a> {/block:ContentSource}</center>
  257.  
  258. {/block:PostNotes}
  259. {/block:Posts}
  260.  
  261. </div></div>
  262. </body>
  263. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement