Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

theme 70

By: hotthemess3 on Jul 7th, 2012  |  syntax: None  |  size: 7.27 KB  |  hits: 99  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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:#d929ff;
  10. background-image: url('');
  11. background-attachment:fixed;
  12. color:#000;
  13. font-family: "arial";
  14. font-size:11px;
  15. line-height:13px;  
  16. margin: 0px;
  17. padding: 0px;
  18. font-weight:normal;
  19. margin-bottom: 0px;
  20. }
  21.  
  22. #main{
  23. width:428px;
  24. margin-left:20px; margin-bottom: 0px;
  25. overflow:hidden; padding:5px; padding-left:10px;
  26. background-color:#000; position:scroll;
  27. }
  28.  
  29. #content{ color: #fff;
  30. width:410px; float:right; padding: 10px;
  31. overflow:hidden; margin:2px;
  32. background-color:#000; border: 4px # solid;
  33. }
  34.  
  35. #sidebar{
  36. width:149px; height:110%;
  37. left:459px; top:0px; background-color: #f7d1ff;
  38. float:right; position:fixed;
  39. padding:3px;
  40. position:fixed;
  41. }
  42. .box{
  43. background-color:#f7d1ff; border: 4px # solid;
  44. width:137px;padding:6px;font-style:italic; height: 110%;
  45. }
  46.  
  47. #links{
  48. width:100px; height:100%;
  49. left:920px; top:300px;
  50. float:right; position:fixed;
  51. padding:3px;
  52. position:fixed;
  53. }
  54.  
  55. #name{
  56. width:250px; height:100%;
  57. left:50px; top:177px;
  58. float:right; position:fixed;
  59. padding:3px;
  60. position:fixed;
  61. }
  62.  
  63. #permalink{
  64. display:block;
  65. padding:1px;
  66. margin-top:0px;
  67. margin-bottom:0px;
  68. text-align:center;
  69. }
  70.  
  71. ::-webkit-scrollbar-thumb {
  72. background-color: #c3ae8b;  
  73. }
  74. ::-webkit-scrollbar {
  75. width: 10px; height: 4px;
  76. background: #dcc9ab;
  77. }
  78.  
  79. a:link, a:active, a:visited{color:#a8396b; display: block;text-decoration: none; font-weight: bold; background-color:#f5bad5; }
  80. a:hover{color:#222; text-decoration: none; background-color:#fff; }
  81.  
  82. img:hover {opacity: 1;-webkit-transition: opacity 0.4s;display:block;}
  83.  
  84. h1{
  85. font-family: Gerogia;
  86. font-size:16px;
  87. line-height:18px;
  88. text-transform:lowercase;
  89. letter-spacing:0px;
  90. font-weight:normal;
  91. font-style:normal;
  92. display:block;
  93. margin:6px;
  94. color:#a8396b;
  95. background-color:#f5bad5;
  96. text-align:center;
  97. }
  98.  
  99. h2{
  100. color: #c9b79e;
  101. font-family: georgia;
  102. font-style:italic;
  103. font-size: 35px; padding:2px;
  104. font-weight: normal;
  105. padding-left:10px;
  106. display:block; letter-spacing:-2px;
  107. text-transform: lowercase;
  108. margin:0px;
  109. }
  110. h2:hover{
  111.     color:#ffc3d6;}
  112.  
  113. a.nav1:link, a.nav1:active, a.nav1:visited {
  114. margin:-1px; padding:2px;
  115. color:#eee; text-align:center;
  116. background-color:#332f2f;
  117. font-family: Gerogia;
  118. font-size:10px; line-height:9px;
  119. text-transform:lowercase;display:block;
  120. letter-spacing:0px; font-weight:normal;  width:100px;
  121. -webkit-transition:0.5s; -moz-transition:0.5s;
  122. -ms-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
  123.  
  124. a.nav1:hover {color:#fff; background-color:#222; width:110px;}
  125.  
  126. .title{
  127. color:#e63081; margin:0px;
  128. font-family: Arial;
  129. font-size:15pt;
  130. line-height:16px;
  131. text-transform:lowercase;
  132. letter-spacing:-1px;
  133. }
  134.  
  135. .quote{
  136. color:#e63081; margin:0px;
  137. font-family: Gerogia;
  138. letter-spacing:-1px;
  139. font-size:14px; line-height:14px;
  140. text-transform:lowercase;
  141. }
  142.  
  143. .stuff{
  144. margin:1px;padding:4px;
  145. display: block;
  146. line-height:8px;
  147. text-align:center;
  148. margin-top:0px;
  149. margin-bottom:10px;
  150. }
  151. .stuff a{margin:0px; padding:5px;
  152. color:#fff; text-align:center;
  153. background-color:#a8396b;
  154. font-family: "georgia";
  155. font-size:12px; line-height:12px;
  156. text-transform:lowercase;
  157. letter-spacing:0px; 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{color:#222; background-color:#c9769b;}
  162.    
  163. figure {
  164. display: block;
  165. position: relative;
  166. float: left;
  167. overflow: hidden;
  168. margin: 0px;}
  169. figcaption {
  170. position: absolute;
  171. padding: 5px; opacity: 0;
  172. -webkit-transition: all 0.6s ease;
  173. -moz-transition: all 0.6s ease;
  174. -o-transition: all 0.6s ease;}
  175. figure:hover figcaption {opacity:1;}
  176. .cap-bot figcaption {left: 0; bottom: -20%;}
  177. .cap-bot:hover figcaption {bottom: 0;}
  178.  
  179. b{color:#e63081;font-weight:normal;}
  180. i{color:#e63081; font-family: "Handy00"; font-size:8px; line-height:9px; text-transform:lowercase; letter-spacing:0px; font-weight:normal; font-style:normal}
  181. u{color:#fe63081ff;}
  182.  
  183.  
  184. </style>
  185.  
  186. </head>
  187.  
  188. <div id="main">
  189.  
  190. <div id="sidebar">
  191. <div align="justify">
  192. <div class="box">
  193. <img src="http://media.tumblr.com/tumblr_m636axJzJ61rq8rev.gif" width=135>
  194. <h1>about me</h1>
  195. You can write your about me here. Put text here to all your views and followers. Please do not remove hot-themes.net credit. This this was made and created by hot-themes.net
  196. <P>
  197. <center>
  198. <a href="/" class="">Home</a>
  199. <a href="/" class="">Personal</a>
  200. <a href="/ask" class="">Ask Me</a>
  201. <a href="/archive" class="">Archive</a>
  202. <a href="http://hot-themes.net/" class="">Theme</a><P>
  203. {block:PreviousPage}<a href="{PreviousPage}" class="">◄ Previous Page</a>{/block:PreviousPage}
  204. </td>
  205.          
  206. {block:NextPage}<a href="{NextPage}" class="nav3">Next Page ►</a>{/block:NextPage}
  207.      
  208. {/block:Pagination}
  209. </center>
  210. <H1>be yourself</h1>
  211. </div><p>
  212.  
  213. </div>
  214. </div>
  215.  
  216.  
  217. {block:Posts}
  218. <a href="{Permalink}"></a>
  219. <div id="content">
  220. {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}
  221.  
  222. {block:Photo}<figure class='cap-bot'>
  223. <a href="{ReblogURL}" alt="{PhotoAlt}" target="_blank"><img src="{PhotoURL-500}" width="410px"/></a>
  224. {/block:Photo}
  225. {block:Photoset}
  226. <center>{Photoset-500}</center>
  227. {/block:Photoset}<figcaption class='cap-bot'>
  228. <div class="stuff"><a href="{ReblogURL}">Reblog</a>{block:NoteCount}  <a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}</div></figcaption></figure>
  229.  
  230.  
  231. {block:Quote}
  232. <span class="quote">"{Quote}"</span>
  233. {/block:Quote}
  234.  
  235. {block:Link}
  236. <a href="{URL}" class="link" {Target}><span class="title">{Name}</span></a>
  237. {/block:Link}
  238. {block:Link}
  239. {block:Description}
  240. <p align="justify">{Description}</p>
  241. {/block:Description}
  242. {/block:Link}
  243.  
  244. {block:Chat}<ul class="chat"><div style="margin:-8px 0 -8px 0;">{block:Lines}<li class="user_
  245.  
  246. {UserNumber}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}&nbsp;{Line}</li>
  247.  
  248. {/block:Lines}</ul>{/block:Chat}
  249.  
  250. {block:Audio}
  251. <center><div style="margin:0px 0 0px 0;"><div style="float:center">{AudioPlayerWhite}
  252. </div></center>
  253. {block:Caption}<div style="margin:-10px 0 -10px 0; text-align:center;">{Caption}</div>{/block:Caption}{/block:Audio}
  254.  
  255. {block:Video}<center>{Video-500}<br>{block:Caption}{Caption}{/block:Caption}</center>{/block:Video}
  256.  
  257. {block:Answer}
  258. <div style="margin-top:4px;"><i>{Asker}</i> asked: <b>{Question}</b></div>
  259. <br>
  260. <div style="margin-top:-3px; margin-bottom:-2px;">{Answer}</div>
  261. {/block:Answer}
  262.  
  263. </div>
  264.  
  265. {block:PostNotes}
  266.  
  267. <br><div style="text-align:center; margin-left:15px;">{block:RebloggedFrom}
  268. Via <b><a href="{ReblogParentURL}">{ReblogParentName}</a></b><br>Source <b><a href="{ReblogRootURL}">{ReblogRootName}</a></b> {/block:RebloggedFrom}</div>
  269.  
  270. {PostNotes}
  271.  
  272. <center>{block:ContentSource}<a href="{SourceURL}">
  273. {lang:Source}: {block:SourceLogo}
  274. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  275. {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a> {/block:ContentSource}</center>
  276.  
  277. {/block:PostNotes}
  278. {/block:Posts}
  279.  
  280. <center>
  281. <br>
  282. </body>
  283. </html>
create a new version of this paste RAW Paste Data