Advertisement
hxcfairy

theme by becca @ confunded.tumblr.com

Nov 5th, 2011
315
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.98 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. <!--
  3. theme by becca @ confunded.tumblr.com
  4.  
  5. Leave all credit intact and do not steal or distribute this theme. Do not move the credit to another page. Thank you.
  6. -->
  7.  
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9.  
  10. <head>
  11.  
  12. <meta name="color:background" content="#ffffff"/>
  13. <meta name="color:text" content="#777777"/>
  14. <meta name="color:post" content="#F5F1E6"/>
  15. <meta name="color:link" content="#B1A59A"/>
  16. <meta name="color:link hover" content="#E9DED6"/>
  17. <meta name="color:blog title" content="#FCF7F3"/>
  18. <meta name="color:sidebar" content="#F5F1E6"/>
  19. <meta name="color:sidelinks background" content="#F5F1E6"/>
  20. <meta name="color:sidelinks background hover" content="#EDE5DD"/>
  21. <meta name="color:sidelinks hover" content="#CFC3B9"/>
  22. <meta name="color:above bar background" content="#E7DFD8"/>
  23. <meta name="color:above bar line" content="#F5F1E6"/>
  24. <meta name="color:notes" content="#EDE5DD"/>
  25. <meta name="color:asker background" content="#f9f9f5"/>
  26. <meta name="color:asker line" content="#EBE3DD"/>
  27. <meta name="color:pagination" content="#EDE5DD"/>
  28. <meta name="font:title" content="arial"/>
  29. <meta name="font:body" content="arial"/>
  30. <meta name="if:Show sidebar image" content="1"/>
  31. <meta name="image:sidebar" content=""/>
  32. <meta name="text:Link 1" content="" />
  33. <meta name="text:Link 1 Title" content="" />
  34. <meta name="text:Link 2" content="" />
  35. <meta name="text:Link 2 Title" content="" />
  36. <meta name="image:background" content=""/>
  37. <meta name="image:above" content=""/>
  38.  
  39. <title>{Title}</title>
  40. <link rel="shortcut icon" href="{Favicon}">
  41. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  42. {block:Description}
  43. <meta name="description" content="{MetaDescription}" />
  44. {/block:Description}
  45.  
  46.  
  47. <style type="text/css">
  48.  
  49. body{background-color:{color:background}; background-image:url('{image:background}'); background-attachment:fixed;
  50.  
  51. color:{color:text}; font-family:{font:body}; font-size:11px; margin:0px;}
  52.  
  53. a:link, a:active, a:visited{color: {color:link}; text-decoration:none;}
  54. a:hover{color:{color:link hover}; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  55.  
  56. blockquote{border-left:4px solid {color:notes}; padding-left:5px;}
  57.  
  58. #entries{width:500px; margin-left:380px; margin-top:90px; position:absolute;}
  59.  
  60. #post{background-color:{color:post}; margin-bottom:10px; padding:7px;}
  61. #post:hover #tags {opacity:1; display:block;}
  62.  
  63. #blogtitle{margin-top:30px; margin-left:80px; font-family:century gothic; text-transform:uppercase; text-align:center;
  64.  
  65. opacity:0; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  66. #blogtitle a{color:{color:blog title}; font-size:18px; letter-spacing:1px;}
  67. #blogtitle a:hover{color:{color:notes};}
  68.  
  69. #above{width:100%; height:68px; background-color:{color:above bar background}; background-image:url('{image:above}');
  70.  
  71. background-attachment:fixed; border-bottom: 3px solid {color:above bar line}; position:fixed; margin:0px; z-index:2;}
  72. #above:hover #blogtitle {opacity:1;}
  73.  
  74. #sidelinks{position:fixed; margin-bottom:3px; margin-top:44px; z-index:3; margin-left:145px;}
  75. #sidelinks a{width:262px; background-color:{color:sidelinks background}; text-align:center; letter-spacing:1px; padding:10px
  76.  
  77. 14px 10px 14px; font-size:10px;}
  78. #sidelinks a:hover{background-color:{color:sidelinks background hover}; color:{color:sidelinks hover};}
  79.  
  80. #belowabove{background-color:{color:background}; background-image:url('{image:background}'); background-attachment:fixed;
  81.  
  82. width:100%; margin-top:62px; height:28px; z-index:1; overflow:hidden; position:fixed;}
  83.  
  84. #sidebar{width:266px; margin-left:95px; margin-top:90px; padding:0px 0px 8px 0px; position:fixed;
  85.  
  86. background-color:{color:sidebar}; font-family:{font:body}; font-size:10px;}
  87.  
  88. #sidebarimage{margin: 10px 0 5px 0; text-align:center;}
  89.  
  90. #sidebarimage img{max-width:250px; height:auto; text-align:center;}
  91.  
  92. #desc{width:250px; margin-left:8px; text-align:justified; margin-bottom:10px;}
  93.  
  94. #pagination{color:{color:text}; font-size:11px; font-family:georgia; text-decoration:none; text-align:center;
  95.  
  96. background-color:{color:pagination}; padding:5px; width:245px; margin-left:5px; letter-spacing:1px;}
  97. #pagination a{color:{color:link};}
  98. #pagination a:hover{color:{color:link hover};}
  99.  
  100. #date{background-color:{color:post}; width: 500px; font-size:9px; text-align: right; color:{color:link}; letter-spacing:1px;
  101.  
  102. padding:2px; text-transform:uppercase; font-family:trebuchet ms; opacity:0.7; border-bottom: 1px solid {color:asker line};}
  103. #date a{color:{color:link}; opacity:1; margin-right:10px;}
  104. #date a:hover{color: {color:link hover}}
  105.  
  106. #right{position:absolute; margin-left:518px;}
  107. #right a{text-transform: lowercase; text-align:center; font-family:arial; font-size:9px; letter-spacing:2px; padding:4px 20px
  108.  
  109. 4px 20px; background-color:{color:post}; display:block;}
  110. #right a:hover{background-color:{color:sidelinks background hover}; color:{color:text};}
  111.  
  112. #tags{position:absolute; width:200px; margin-left:605px; opacity:0; margin-top:-23px; letter-spacing:1px;
  113.  
  114. -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  115. #tags a{color:{color:link}; letter-spacing:0px; font-size:10px;}
  116. #tags a:hover{color:{color:link hover};}
  117.  
  118. #etc{background-color:{color:notes}; width: 500px; margin-bottom:20px; margin-top:-10px; font-size:9px; text-align: left;
  119.  
  120. letter-spacing:2px; padding:2px;}
  121. #etc a{color: {color:link}; margin-left:5px;}
  122. #etc a:hover{color: {color:text}}
  123.  
  124. #quote{font-size:14px; font-style:italic; font-family:georgia;}
  125. #source{margin-left:50px; font-size:10px; margin-top:3px;}
  126.  
  127. #title{font-size:16px; font-style:italic; font-family:georgia;}
  128.  
  129. #link{font-size:16px; font-style:italic; font-family:georgia;}
  130.  
  131. .user_1 {background-color:{color:notes}; margin-right:10px;}
  132. .user_2 {background-color:transparent; margin-right:15px;}
  133.  
  134. #ask{margin-left:5px; letter-spacing:1px; background-color:{color:asker background}; padding:5px; width:480px;
  135.  
  136. margin-right:5px;}
  137.  
  138. #askerline{margin-top:10px; opacity:0.7; width:50%; margin-left:125px; border-bottom: 1px solid {color:asker line};}
  139.  
  140. #notes{background-color:{color:post}; width:500px; margin-bottom:15px;}
  141.  
  142. #notess{width:500px; background-color:{color:post}; padding:0px;}
  143.  
  144. </style>
  145. </head>
  146.  
  147. <body>
  148.  
  149. <div id="above"></div>
  150.  
  151. <div id="belowabove"></div>
  152.  
  153. <div id="sidelinks">
  154. <a href="/">home</a>
  155. <a href="/ask">ask me</a>
  156. <a href="/archive">archive</a>
  157. <a href="/aboutme">about me</a>
  158. <a href="/tags">tags</a>
  159. <a href="/sites">elsewhere</a>
  160. <a href="/followforever">favorites</a>
  161. <a href="http://confunded.tumblr.com">theme</a>
  162. </div>
  163.  
  164. <div id="sidebar">
  165.  
  166. <div id="sidebarimage">
  167. {block:IfShowSidebarImage} {block:IfSidebarImage}<a href="/"><img
  168.  
  169. src="{image:sidebar}"/></a>{/block:IfSidebarImage}{/block:IfShowSidebarImage}</div>
  170.  
  171. {block:Description}<div id="desc">{Description}</div>{/block:Description}
  172.  
  173. <div id="pagination">
  174. {block:Pagination}
  175. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{CurrentPage}/{TotalPages} {block:NextPage}<a
  176.  
  177. href="{NextPage}">»</a>{/block:NextPage}
  178. {/block:Pagination}
  179. </div>
  180.  
  181. </div>
  182.  
  183. <div id="entries">
  184.  
  185. {block:Posts}
  186.  
  187. <div id="right">{block:NoteCount} <a href="{Permalink}"> {NoteCountWithLabel}</a>{/block:NoteCount}</div>
  188.  
  189. <div id="date"><a href="{Permalink}">{DayOfMonth} {Month} {Year} @ {12Hour}:{Minutes} {CapitalAmPm}</a></div>
  190.  
  191. <div id="post">
  192.  
  193. {block:Text}
  194. <div id="post text">
  195. {block:Title}
  196. <div id="title"><a href="{Permalink}">{Title}</a></div>
  197. {/block:Title}
  198. {Body}
  199. </div>
  200. {/block:Text}
  201.  
  202. {block:Photo}
  203. <div class="post photo">
  204. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  205. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  206. </div>
  207. {/block:Photo}
  208.  
  209. {block:Photoset}
  210. <div class="post photoset">
  211. {Photoset-500}
  212. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  213. </div>
  214. {/block:Photoset}
  215.  
  216. {block:Quote}
  217. <div id="quote">"{Quote}"</div>
  218. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  219. {/block:Quote}
  220.  
  221. {block:Link}
  222. <div id="link">
  223. <a href="{URL}" class="link" {Target}>{Name}</a></div>
  224. {block:Description}
  225. <div class="description">{Description}</div>
  226. {/block:Description}
  227. {/block:Link}
  228.  
  229. {block:Chat}
  230. <div class="post chat">
  231. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
  232. <ul class="chat">
  233. {block:Lines}
  234. <div class="{Alt} user_{UserNumber}">
  235. {block:Label}
  236. <span class="label">{Label}</span>
  237. {/block:Label}
  238. {Line}
  239. </div>
  240. {/block:Lines}
  241. </ul>
  242. </div>
  243. {/block:Chat}
  244.  
  245. {block:Video}
  246. <div id="post video">
  247. {Video-500}
  248. {block:Caption}
  249. <div class="caption">{Caption}</div>
  250. {/block:Caption}
  251. </div>
  252. {/block:Video}
  253.  
  254. {block:Audio}
  255. <div id="post audio">
  256. {AudioPlayerWhite}
  257. {block:Caption}
  258. <div id="caption">{Caption}</div>
  259. {/block:Caption}
  260. </div>
  261. {/block:Audio}
  262.  
  263. {block:Answer}
  264. <div id="ask"><b>{Asker} asked:</b> "{Question}"</div>
  265. <div id="askerline"></div>
  266. {Answer}
  267. {/block:answer}
  268.  
  269. </div>
  270.  
  271.  
  272. <div id="etc">
  273. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:audio} | {PlayCountWithLabel}{/block:audio}
  274. {block:RebloggedFrom} | via <a href="{ReblogParentURL}">{ReblogParentName}</a> (originally <a
  275.  
  276. href="{ReblogRootURL}">{ReblogRootName}</a>){/block:RebloggedFrom}
  277. {block:HasTags}<br>{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  278. </div>
  279.  
  280. {/block:Posts}
  281.  
  282. {block:PostNotes}
  283. <div id="notes"><div id="notess">{PostNotes}</div></div></div>
  284. {/block:PostNotes}
  285.  
  286. </div>
  287.  
  288. </div>
  289.  
  290. </body>
  291. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement