Advertisement
themesbylily

theme 01 fixed

Mar 4th, 2013
216
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.42 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!----theme by dimpls--->
  9.  
  10. <meta name="color:background" content="#ffffff"/>
  11. <meta name="color:text" content="#838282"/>
  12. <meta name="color:Link" content="#b8b8b8"/>
  13. <meta name="color:sbLinks" content="#a3a3a3"/>
  14.  
  15. <meta name="image:sidebar" content=""/>
  16.  
  17. <meta name="text:link1" content=""/>
  18. <meta name="text:link1 url" content=""/>
  19. <meta name="text:link2" content=""/>
  20. <meta name="text:link2 url" content=""/>
  21. <meta name="text:link3" content=""/>
  22. <meta name="text:link3 url" content=""/>
  23. <meta name="text:link4" content=""/>
  24. <meta name="text:link4 url" content=""/>
  25.  
  26.  
  27. <style type="text/css">
  28.  
  29. ::-webkit-scrollbar {width: 5px; height: 3px; background:transparent;}
  30.  
  31. ::-webkit-scrollbar-thumb {background-color:#a3a3a3 ; border: 0px solid black;}
  32.  
  33. #bite
  34. #bite a{
  35. display:block
  36. }
  37. #bite .death {
  38. margin-top:-40px;filter: alpha(opacity = 0);
  39. opacity:0;-webkit-transition: all 0.5s ease-out;
  40. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  41. }
  42.  
  43. #bite:hover .death {
  44. margin-top:2px;
  45. -webkit-transition: all 0.8s ease-out;
  46. -moz-transition: all 0.8s ease-out;
  47. transition: all 0.8s ease-out;
  48. filter: alpha(opacity = 100);
  49. filter: alpha(opacity = 100);
  50. opacity:100;
  51. }
  52.  
  53.  
  54. body {
  55. background:{color:background};
  56. margin:0px;
  57. color:{color:text};
  58. font-family:Calibri;
  59. font-size:10px;
  60. line-height:100%;
  61. color:{color:text};
  62. }
  63.  
  64. a {
  65. text-decoration:none;
  66. outline:none;
  67. -moz-outline-style:none;
  68. color:{color:link};
  69. }
  70.  
  71. img {
  72. border:none;
  73. }
  74.  
  75. blockquote {
  76. padding-left:5px;
  77. border-left:2px solid;
  78. }
  79.  
  80. blockquote blockquote {
  81. padding-left:5px;
  82. border-left:2px solid;
  83. }
  84.  
  85. h1 {
  86. font-size:15px;
  87. }
  88.  
  89. #entries {
  90. padding:10px;
  91. width:500px;
  92. margin-left:500px;
  93. margin-top:40px;
  94. }
  95.  
  96. #post {
  97. width:500px;
  98. padding-bottom:20px;
  99. }
  100.  
  101. #sidebar {
  102. width:102px;
  103. position:fixed;
  104. margin-left:200px;
  105. margin-top:100px;
  106. }
  107.  
  108.  
  109. #title {
  110. font-size:0px;
  111. text-align:left;
  112. margin-bottom:5px;
  113. }
  114.  
  115. #sidebarimage {
  116. width 100px;
  117. }
  118.  
  119. #sidebarimage img {
  120. width:100px;
  121. border: 1px solid #aaa;
  122.  
  123. }
  124.  
  125. #links {
  126. padding:3px;
  127. margin-top:2px;
  128. width:100px;
  129. }
  130.  
  131.  
  132. #links a {
  133. color:{color:sbLinks};
  134. font-family:calibri;
  135. text-decoration:lowercase;
  136. -webkit-transition-duration: 0.6s;}
  137. }
  138.  
  139. #links a:hover{
  140. color:{color:hover};
  141. text-decoration:none;
  142. }
  143.  
  144.  
  145. #description {
  146. padding:5px;
  147. text-align:center;
  148. margin-top:5px;
  149. border: 1px solid #ececec;
  150.  
  151. }
  152.  
  153. #pagination {
  154. font-size:10px;
  155. text-align:center;
  156. }
  157.  
  158. #info {
  159. text-align:center;
  160. margin-top:10px;
  161. }
  162.  
  163. #asker {
  164. float:left;
  165. margin-right:5px;
  166. }
  167.  
  168. #credit {
  169. position:fixed;
  170. bottom:10px;
  171. right:10px;
  172. font: 9px cambria;
  173. color: {color:#c9c9c9};
  174. border: 1px solid #e8e8e8;
  175. background-color: #FAFAFA;
  176. text-transform:lowercase;
  177. letter-spacing:0.5px;
  178. padding: 4px;}
  179.  
  180. #credit a {
  181. color:{color:link}; opacity:0.8;
  182. background-color: #fafafa;}
  183.  
  184. #credit a:hover {
  185. color:{color:link hover}; opacity:0.8;
  186. background-color: #FAFAFA; opacity:0.8;}
  187.  
  188. {CustomCSS}</style></head><body>
  189.  
  190.  
  191. <div id="sidebar">
  192.  
  193. <div id="title">{Title}</div>
  194.  
  195. <div id="bite"><div id="sidebarimage"><img src="{image:sidebar}"> </div>
  196.  
  197. <div id="links">
  198. <a href="{text:link1 url}">{text:link1}</a> &nbsp;
  199. <a href="{text:link2 url}">{text:link2}</a> &nbsp;
  200. <a href="{text:link3 url}">{text:link3}</a> &nbsp;
  201. <a href="{text:link4 url}">{text:link4}</a></div>
  202.  
  203. <div class="death"><div id="description">{Description}</div></div>
  204.  
  205. <div id="pagination">
  206. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  207. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  208. </div>
  209.  
  210. </div>
  211. </div>
  212.  
  213. <div id="entries">{block:Posts}<div id="post">
  214.  
  215. <div id="tags">{block:Tags}{block:HasTags}<a href="{TagURL}">#{Tag}</a ><p>{/block:Tags}{/block:HasTags}{/block:Tags}</div>
  216.  
  217. {block:Text}<h3>{block:Title}{Title}{/block:Title}</h3>{Body}{/block:Text}
  218.  
  219. {block:Photo}
  220. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  221. {/block:Photo}
  222.  
  223. {block:Photoset}
  224. <center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}
  225. {/block:Photoset}
  226.  
  227. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  228.  
  229. {block:Link}<h3><a href="{URL}" {Target}>{Name}</a></h3>{block:Description}{Description}{/block:Description}{/block:Link}
  230.  
  231. {block:Chat}
  232. <div class="post chat">
  233. <div style="margin-bottom: 5px;">
  234. {block:Title}
  235. <h3><a href="{Permalink}">{Title}</a></h3>
  236. {/block:Title}
  237. <ul class="chat">
  238. {block:Lines}
  239. <li class="{Alt} user_{UserNumber}">
  240. {block:Label}
  241. <span class="label">{Label}</span>
  242. {/block:Label}
  243. {Line}
  244. </li>
  245. {/block:Lines}
  246. </ul>
  247. </div>
  248. </div>
  249. {/block:Chat}
  250.  
  251. {block:Audio}
  252. <div class="post audio">
  253. <div style="margin-top: 0px;">
  254. {block:AlbumArt}
  255. <div class="albumart"><img src="{AlbumArtURL}"></div>
  256. {/block:AlbumArt}
  257. <span class="audioback"><center>
  258. {AudioPlayerWhite}</center></span>
  259. {block:Caption}
  260. <div class="caption">{Caption}</div>
  261. {/block:Caption}
  262. </div></div>
  263. {/block:Audio}
  264.  
  265. {block:Answer}
  266. <div style="background-color:#ffffff;padding:4px;">
  267. {Asker}: {Question}
  268. </div>
  269. {Answer}
  270. {/block:Answer}
  271.  
  272. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  273.  
  274. <div id="info">
  275. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} &nbsp;&nbsp;<a href="{Permalink}"> {NoteCountWithLabel}</a> {/block:NoteCount}{block:ContentSource} &nbsp;&nbsp;{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} &nbsp;&nbsp<a href="{SourceURL}">source</a>{/block:ContentSource} </div>
  276.  
  277. </div>
  278. {block:PostNotes}{PostNotes}{/block:PostNotes}
  279. {/block:Posts}</div>
  280.  
  281.  
  282. <div id="credit"><a href="http://dimpls.tumblr.com/">©</a></div>
  283.  
  284. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement