Advertisement
duckponds

theme #2

Jun 19th, 2011
12,252
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.67 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 rachel (duckponds.tumblr.com) -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <head>
  8. <!-- DEFAULT VARIABLES -->
  9.  
  10. <meta name="image:Sidebar" content=""/>
  11. <meta name="image:Background" content=""/>
  12.  
  13. <meta name="if:Fixed Background" content "0" />
  14. <meta name="if:Faded Images" content="1" />
  15. <meta name="if:Anti Aliased Text" content="1" />
  16. <meta name="if:Show Sidebar Image" content "0" />
  17. <meta name="if:Round Icon" content="0" />
  18. <meta name="if:Custom Link 1" content="0" />
  19. <meta name="if:Custom Link 2" content="0" />
  20. <meta name="if:Custom Link 3" content="0" />
  21.  
  22.  
  23. <meta name="text:Background Position" content="" />
  24. <meta name="text:Link 1 Url" content="http://" />
  25. <meta name="text:Link 1 Name" content="Link 1" />
  26. <meta name="text:Link 2 Url" content="http://" />
  27. <meta name="text:Link 2 Name" content="Link 2" />
  28. <meta name="text:Link 3 Url" content="http://" />
  29. <meta name="text:Link 3 Name" content="Link 3" />
  30. <meta name="text:Font Size" content="11px" />
  31.  
  32.  
  33. <meta name="font:Title" content="Courier New" />
  34. <meta name="font:Body" content="Arial" />
  35. <meta name="font:Permalink" content="Georgia" />
  36.  
  37. <meta name="color:Background" content="#fff" />
  38. <meta name="color:Text" content="#241f1f" />
  39. <meta name="color:Title" content="#241f1f" />
  40. <meta name="color:Sidebar Text" content="#000" />
  41. <meta name="color:Sidebar Link" content="#000" />
  42. <meta name="color:Sidebar Background" content="#fff" />
  43. <meta name="color:Link" content="#000" />
  44. <meta name="color:Link Hover" content="#000" />
  45. <meta name="color:Bold" content="#000" />
  46. <meta name="color:Italic" content="#000" />
  47. <meta name="color:Permalink Background" content="#fff" />
  48. <meta name="color:Permalink Text" content="#000" />
  49. <meta name="color:Question Background" content="#000" />
  50. <meta name="color:Question Text" content="#fff" />
  51.  
  52. <meta name="color:Navigation Link" content="#000" />
  53. <meta name="color:Navigation Link Hover" content="#000" />
  54.  
  55.  
  56.  
  57. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  58.  
  59. <title>{Title}</title>
  60. <link rel="shortcut icon" href="{Favicon}">
  61. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  62. {block:Description}
  63. <meta name="description" content="{MetaDescription}" />
  64. {/block:Description}
  65.  
  66.  
  67. <style type="text/css">
  68. body {
  69. background-color:{color:background};
  70. color:{color:text};
  71. background-image: url('{image:background}');
  72. background-position: {text:background position};
  73. font-family: {font:body};
  74. font-size: {text:Font size}}
  75.  
  76.  
  77. {block:IfAntiAliasedText}
  78. #posts p, #sidebartext, ul, .quote, h3 {-webkit-text-stroke: 1px transparent;
  79. -moz-text-stroke: 1px transparent;
  80. -o-text-stroke: 1px transparent;
  81. text-stroke: 1px transparent;}{/block:IfAntiAliasedText}
  82.  
  83. b, .strong, strong {color:{color:Bold};}
  84. i {color:{color:italic};}
  85.  
  86. {block:IfFixedBackground}
  87. body {background-attachment:fixed; background-repeat:no-repeat;}
  88. {/block:IfFixedBackground}
  89.  
  90. #container {width:100%; padding:0px; margin-left:0px; margin-right: auto;}
  91.  
  92. {block:IfFadedImages}#posts img, #navigation img{
  93. -webkit-transition: opacity 0.7s linear;
  94. opacity: 0.85;
  95. }
  96. #posts img:hover, #navigation img:hover {
  97. -webkit-transition: opacity 0.7s linear;
  98. opacity: 1;
  99. }{/block:IfFadedImages}
  100.  
  101. #posts {width:500px;margin-left:376px;}
  102.  
  103. blockquote {border-left:5px {color:body} solid; padding-left:5px; margin:0px 0px 0px 20px;}
  104.  
  105. #sidebar {top: 10px; margin-left:116px;padding:0px; float:left; width: 250px; position:fixed;}
  106. #sidebartext {background-color:{color:sidebar background};
  107. color:{color:sidebar text}; margin:0px; padding:5px 0px 5px 0px; text-align:justify; border-bottom:0px solid {color:sidebar text}}
  108. #sidebar a {color:{color:sidebar link}; text-stroke:0px!important;}
  109.  
  110. #navigation {position:fixed; margin-left:10px; width:96px;}
  111. #navigation a {display:block; background-color:none; margin:2px 0px 2px 0px; font:15px times new roman; text-transform: lowercase; color:{color:navigation link}; text-decoration: none; letter-spacing: 0px; font-style:italic; text-align:right; padding:2px; height:10px;
  112. -webkit-transition: color 0.6s linear}
  113. #navigation a:first-letter {font-weight:bold; color:{color:navigation link hover};}
  114. #navigation a:hover {color:{color:navigation link hover}; -webkit-transition: color 0.6s linear}
  115.  
  116. {block:IfRoundIcon}
  117. #navigation img {-moz-border-radius:200px;-webkit-border-radius:100px;}
  118. {/block:IfRoundIcon}
  119.  
  120. #pagination {display:block; width:250px; background-color:{color:background}; margin:2px 0px 2px 0px; font:8px arial; text-transform: lowercase; font:9px georgia; color:{color:text}; letter-spacing: 3px; text-align:center; padding:2px;}
  121. #pagination a {text-decoration: none; color:{color:link};}
  122. #pagination a:hover {color:{color:link hover};}
  123.  
  124. a {color:{color:link}; text-decoration:none; letter-spacing:1px;}
  125. a:hover {color:{color:link hover};}
  126. img a {border:0px!important;}
  127.  
  128. #permalink {display:block; background-color: {color:Permalink Background}; margin:3px 0px 3px 0px; padding:2px; color:{color:Permalink Text}; font:9px {font:Permalink}; letter-spacing:0px; text-transform:lowercase; border-top:0px solid #000;}
  129. #permalink a {color:{color:Permalink Text};}
  130. #permalink, #permalinks{-webkit-transition: opacity 0.7s linear; opacity: 0.85;}
  131. #permalink:hover, #permalinks:hover {-webkit-transition: opacity 0.7s linear; opacity: 1;}
  132. #permalink img {float:left; margin:1px 5px 1px 1px; display: inline; height:22px;}
  133.  
  134. .label {font-weight:bold; color:{color:bold}}
  135.  
  136. #posts:hover #tags {display: block; opacity:0.8;}
  137.  
  138.  
  139. #tags {font:10px georgia; color:{color:link}; margin-left:505px; opacity:0; position:absolute; -webkit-transition-duration: 0.4s; padding:3px; -moz-border-radius:0px; -webkit-border-radius:5px; z-index:3;}
  140. #tags a {font-weight:normal;}
  141.  
  142.  
  143. h3, .link {font-size:20px; font-family: {font:title}; margin:0px; font-weight:normal; color: {color:title}}
  144. h3 a, .link{font-weight:normal; color:{color:title}}
  145.  
  146. .description, .caption {padding:0px; margin:0px;}
  147.  
  148. .quote {font: 13px arial; font-style:italic;}
  149. .source {text-align:right;}
  150.  
  151. #audio {display:block; background-color:#000; height:27px; width:500px;}
  152.  
  153. #questions {background-color:{color:question background}; color: {color:question Text}; padding:10px; margin-bottom:0px;}
  154. #questions a {color:{color:question text};}
  155. #thequest {font:{text:font size} {font:body}; letter-spacing:1px}
  156.  
  157. </style>
  158. </head>
  159. <body>
  160. <div id="container">
  161.  
  162. <div id="navigation">
  163. <img src="{PortraitURL-96}">
  164. <a href="/ask">ask</a>
  165. <a href="/archive">archive</a>
  166. <a href="/">home</a>
  167. {block:IfCustomLink1}<a href="{text:Link 1 Url}">{text:Link 1 Name}</a>{/block:IfCustomLink1}
  168. {block:IfCustomLink2}<a href="{text:Link 2 Url}">{text:Link 2 Name}</a>{/block:IfCustomLink2}
  169. {block:IfCustomLink3}<a href="{text:Link 3 Url}">{text:Link 3 Name}</a>{/block:IfCustomLink3}
  170. <a href="http://duckponds.tumblr.com/tagged/themes">theme</a>
  171. </div>
  172.  
  173. <div id="sidebar">
  174. <a href="/"><h3>{Title}</h3></a>
  175. {block:IfShowSidebarImage}<a href="/"><img src="{image:Sidebar}" width="250px"/></a>{/block:IfShowSidebarImage}
  176. <div id="sidebartext">
  177. {description}
  178. </div>
  179. <div id=pagination>
  180. {block:Pagination}
  181. {block:PreviousPage}
  182. <a href="{PreviousPage}">Previous</a>
  183. {/block:PreviousPage}
  184.  
  185. {block:JumpPagination length="10"}
  186. {block:CurrentPage}
  187. <span class="current_page">{PageNumber}</span>
  188. {/block:CurrentPage}
  189.  
  190. {block:JumpPage}
  191. <a class="jump_page" href="{URL}">{PageNumber}</a>
  192. {/block:JumpPage}
  193. {/block:JumpPagination}
  194.  
  195. {block:NextPage}
  196. <a href="{NextPage}">Next</a>
  197. {/block:NextPage}
  198. {/block:Pagination}</div>
  199. </div>
  200.  
  201. {block:Posts}
  202. <div id="posts">
  203. {block:Text}
  204. <div id="tags">{block:HasTags}<b>tagged as:</b>{block:Tags}<br> #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  205. {block:Title}
  206. <h3><a href="{Permalink}">{Title}</a></h3>
  207. {/block:Title}
  208.  
  209. {Body}
  210.  
  211. {/block:Text}
  212.  
  213. {block:Photo}
  214. <div id="tags">{block:HasTags}<b>tagged as:</b>{block:Tags}<br> #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  215. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  216.  
  217. {block:Caption}
  218. <div class="caption">{Caption}</div>
  219. {/block:Caption}
  220.  
  221. {/block:Photo}
  222.  
  223. {block:Photoset}
  224. <div id="tags">{block:HasTags}<b>tagged as:</b>{block:Tags}<br> #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  225. {Photoset-500}
  226.  
  227. {block:Caption}
  228. <div class="caption">{Caption}</div>
  229. {/block:Caption}
  230.  
  231. {/block:Photoset}
  232.  
  233. {block:Quote}
  234. <div id="tags">{block:HasTags}<b>tagged as:</b>{block:Tags}<br> #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  235. <div class="quote">"{Quote}"</div>
  236.  
  237. {block:Source}
  238. <div class="source">- {Source}</div>
  239. {/block:Source}
  240.  
  241. {/block:Quote}
  242.  
  243. {block:Link}
  244. <div id="tags">{block:HasTags}<b>tagged as:</b>{block:Tags}<br> #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  245. <a href="{URL}" class="link" {Target}>→ {Name}</a>
  246.  
  247. {block:Description}
  248. <div class="description">{Description}</div>
  249. {/block:Description}
  250.  
  251. {/block:Link}
  252.  
  253. {block:Chat}
  254. <div id="tags">{block:HasTags}<b>tagged as:</b>{block:Tags}<br> #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  255. {block:Title}
  256. <h3><a href="{Permalink}">{Title}</a></h3>
  257. {/block:Title}
  258.  
  259. <ul class="chat">
  260. {block:Lines}
  261. <li class="{Alt} user_{UserNumber}">
  262. {block:Label}
  263. <span class="label">{Label}</span>
  264. {/block:Label}
  265.  
  266. {Line}
  267. </li>
  268. {/block:Lines}
  269. </ul>
  270.  
  271. {/block:Chat}
  272.  
  273. {block:Video}
  274. <div id="tags">{block:HasTags}<b>tagged as:</b>{block:Tags}<br> #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  275. {Video-500}
  276.  
  277. {block:Caption}
  278. <div class="caption">{Caption}</div>
  279. {/block:Caption}
  280.  
  281. {/block:Video}
  282.  
  283. {block:Audio}
  284.  
  285. <div id=audio>{AudioPlayerBlack}</div>
  286.  
  287. {block:Caption}
  288. <div class="caption">{Caption}</div>
  289. {/block:Caption}
  290.  
  291. {/block:Audio}
  292.  
  293. {block:Answer}
  294. <div id="tags">{block:HasTags}<b>tagged as:</b>{block:Tags}<br> #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  295. <div id="questions"><div id="thequest">"{Question}"</div> <div align=center>asked by {Asker} </div></div>
  296. {Answer}
  297.  
  298. {/block:answer}
  299.  
  300.  
  301. <div id=permalink>{block:RebloggedFrom}<a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-24}"></a>→ reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>, {/block:RebloggedFrom}
  302. {block:ContentSource}originally from <a href="{SourceURL}">{SourceLink}</a><br>
  303. {/block:ContentSource}
  304. <a href="{Permalink}">→ {block:NoteCount}{NoteCount} notes, {/block:NoteCount}{block:Date}posted {TimeAgo}{/block:Date}</a></div><p><p>
  305.  
  306.  
  307. {block:PostNotes}{PostNotes}{/block:PostNotes}
  308. </div>
  309. {/block:Posts}<p>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement