Advertisement
rasperries

selkas peach theme

Jun 29th, 2014
428
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.46 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <!--
  4.  
  5.  
  6.  
  7. peach theme by selkas
  8. http://selkas.tumblr.com
  9.  
  10.  
  11.  
  12. -->
  13. <head>
  14. <title>{Title}</title>
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  16. <link rel="shortcut icon" href="{Favicon}"/>
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18. <meta name="color:background" content="#ffffff"/>
  19. <meta name="color:text" content="#363636"/>
  20. <meta name="color:accent" content="#bbbbbb"/>
  21. <meta name="color:border" content="#dddddd"/>
  22. <meta name="color:scrollbar" content="#ededed"/>
  23. <meta name="if:side post info" content="1"/>
  24. <meta name="if:show captions" content="1"/>
  25. <meta name="if:show tags" content="1"/>
  26. <meta name="text:font size" content="10"/>
  27. <meta name="text:font family" content=""/>
  28. <meta name="text:home link" content="home"/>
  29. <meta name="text:archive link" content="archive"/>
  30. <meta name="text:ask link" content="message"/>
  31. <meta name="text:link 1" content=""/>
  32. <meta name="text:link 1 url" content=""/>
  33. <meta name="text:link 2" content=""/>
  34. <meta name="text:link 2 url" content=""/>
  35. <meta name="text:link 3" content=""/>
  36. <meta name="text:link 3 url" content=""/>
  37. <meta name="text:link 4" content=""/>
  38. <meta name="text:link 4 url" content=""/>
  39. <meta name="text:link 5" content=""/>
  40. <meta name="text:link 5 url" content=""/>
  41. <meta name="text:link 6" content=""/>
  42. <meta name="text:link 6 url" content=""/>
  43. <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  44. <style type="text/css">
  45. ::-webkit-scrollbar {
  46. width:6px;
  47. height:6px;
  48. background-color:{color:background};
  49. }
  50. ::-webkit-scrollbar-track {
  51. background-color:{color:background};
  52. }
  53. ::-webkit-scrollbar-thumb {
  54. background-color:{color:scrollbar};
  55. border:2px solid white;
  56. }
  57. body {
  58. margin:0px;
  59. background-color:{color:background};
  60. color:{color:text};
  61. font-family:'inconsolata', consolas, monospace;
  62. font-family:{text:font family}, 'inconsolata', consolas, monospace;
  63. font-size:10px;
  64. font-size:{text:font size};
  65. font-size:{text:font size}px;
  66. line-height:1.5em;
  67. word-wrap:break-word;
  68. }
  69. blockquote, ol, ul, p, pre {
  70. margin-top:.67em;
  71. margin-bottom:.67em;
  72. }
  73. blockquote {
  74. margin-left:0px;
  75. margin-right:0px;
  76. padding:0px 10px;
  77. border-left:1px dotted {color:border};
  78. }
  79. pre {
  80. white-space:normal;
  81. font-family:'inconsolata', consolas, monospace;
  82. padding:5px;
  83. background-color:rgba(0,0,0,.04);
  84. }
  85. img {
  86. border:0px;
  87. }
  88. a {
  89. color:inherit;
  90. text-decoration:none;
  91. }
  92. small, sub {
  93. font-size:1em;
  94. vertical-align:baseline;
  95. }
  96. h1 {
  97. font-size:16px;
  98. line-height:1.25em;
  99. margin:0px;
  100. }
  101. h2, h3, h4, h5, h6 {
  102. font-size:1em;
  103. }
  104. #main {
  105. margin:0px auto;
  106. width:500px;
  107. {block:ifSidePostInfo}{block:IndexPage}width:746px;{/block:IndexPage}{/block:ifSidePostInfo}
  108. }
  109. #header {
  110. margin-top:50px;
  111. }
  112. #header .title {
  113. font-size:20px;
  114. font-weight:bold;
  115. line-height:1.15em;
  116. }
  117. #header .nav,
  118. #header .description {
  119. margin:1.45em 0px;
  120. }
  121. #header .nav a {
  122. margin-right:.75em;
  123. text-transform:lowercase;
  124. }
  125. #header .nav a:last-child {
  126. margin-right:0px;
  127. }
  128. #content {
  129. margin-top:50px;
  130. position:relative;
  131. }
  132. .entry {
  133. position:relative;
  134. padding-top:50px;
  135. margin:50px 0px;
  136. border-top:1px dotted {color:border};
  137. {block:ifSidePostInfo}{block:IndexPage}padding-right:33%;
  138. min-height:2.5em;{/block:IndexPage}{/block:ifSidePostInfo}
  139. }
  140. .info.index {
  141. top:50px;
  142. left:70%;
  143. right:0px;
  144. bottom:0px;
  145. padding:0px 10px;
  146. -moz-box-sizing:border-box;
  147. box-sizing:border-box;
  148. position:absolute;
  149. overflow:auto;
  150. }
  151. .info.perma {
  152. margin:20px 0px;
  153. }
  154. .info .date {
  155. color:{color:accent};
  156. {block:ifSidePostInfo}{block:PermalinkPage}margin-top:1.12em;{/block:PermalinkPage}{/block:ifSidePostInfo}
  157. {block:ifNotSidePostInfo}margin-top:1.12em;{/block:ifNotSidePostInfo}
  158. }
  159. .info .tagged {
  160. {block:IndexPage}{block:ifNotShowTags}display:none;{/block:ifNotShowTags}{/block:IndexPage}
  161. }
  162. .info .comma:last-child {
  163. display:none;
  164. }
  165. .post {
  166. overflow:hidden;
  167. line-height:1.5em;
  168. }
  169. .post a,
  170. .caption a {
  171. border-bottom:1px dotted {color:border};
  172. }
  173. .post img {
  174. max-width:100%;
  175. height:auto;
  176. margin:auto;
  177. }
  178. .caption,
  179. .body,
  180. .source {
  181. margin-top:1.12em;
  182. }
  183. .caption *:first-child,
  184. .body *:first-child,
  185. .source *:first-child {
  186. margin-top:0px;
  187. }
  188. .caption *:last-child,
  189. .body *:last-child,
  190. .source *:last-child {
  191. margin-bottom:0px;
  192. }
  193. .caption {
  194. {block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage}
  195. }
  196. .source {
  197. text-align:right;
  198. }
  199. .media {
  200. overflow:hidden;
  201. }
  202. .media img {
  203. max-width:100%;
  204. display:block;
  205. float:left;
  206. }
  207. .media .photoset {
  208. display:block;
  209. float:left;
  210. }
  211. .question {
  212. margin-bottom:20px;
  213. font-weight:bold;
  214. }
  215. .quote {
  216. margin-bottom:20px;
  217. font-weight:bold;
  218. font-size:1.2em;
  219. }
  220. .chat .line {
  221. padding:1px 0;
  222. }
  223. .chat .label {
  224. margin-right:.5em;
  225. font-weight:bold;
  226. }
  227. .audio .tumblr_audio_player {
  228. {block:ifSidePostInfo}width:500px;
  229. height:100%;{/block:ifSidePostInfo}
  230. }
  231. .post.n {
  232. padding-top:50px;
  233. margin:50px 0px;
  234. border-top:1px dotted {color:border};
  235. }
  236. .post .notes ol {
  237. list-style-type:none;
  238. padding:0px;
  239. }
  240. .post .notes a {
  241. text-decoration:none;
  242. border-bottom:0px;
  243. background-color:transparent;
  244. }
  245. .post .notes img {
  246. display:none;
  247. }
  248. #footer {
  249. position:relative;
  250. padding-top:50px;
  251. margin:50px 0px;
  252. border-top:1px dotted {color:border};
  253. }
  254. #footer .pagination {
  255. text-transform:lowercase;
  256. {block:ifInfiniteScroll}display:none;{/block:ifInfiniteScroll}
  257. }
  258. #credit {
  259. float:right;
  260. color:{color:accent};
  261. }
  262. </style>
  263. </head>
  264. <body>
  265. <div id="main">
  266. <div id="header"><div class="title">{Title}</div><div class="nav"><a href="/">{text:home link}</a><a href="/archive">{text:archive link}</a>{block:AskEnabled}<a href="/ask">{text:ask link}</a>{/block:AskEnabled}{block:ifLink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:ifLink1}{block:ifLink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:ifLink2}{block:ifLink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:ifLink3}{block:ifLink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:ifLink4}{block:ifLink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:ifLink5}{block:ifLink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:ifLink6}</div>{block:Description}<div class="description">{Description}</div>{/block:Description}</div>
  267. <div id="content">
  268. {block:Posts}<article class="entry"><div class="post">
  269. {block:Answer}<!-- answer --><div class="question"><span class="asker">{Asker}</span>: <span class="q">{Question}</span></div><div class="answer body">{Answer}</div>{/block:Answer}{block:Audio}<!-- audio --><div class="audio"> {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>{/block:Audio}{block:Chat}<!-- chat --> {block:Title}<h1>{Title}</h1>{/block:Title}<div class="chat body">{block:Lines}<div class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</div>{/block:Lines} </div>{/block:Chat}{block:Link}<!-- link --><h1><a href="{URL}">{Name}</a></h1>{block:Description}<div class="body">{Description}</div>{/block:Description}{/block:Link}{block:Photo}<!-- photo --><div class="media">{LinkOpenTag}<img src="{PhotoURL-500}"/>{LinkCloseTag}</div>{/block:Photo}{block:Photoset}<!-- photoset --><div class="media">{Photoset-500}</div>{/block:Photoset}{block:Quote}<!-- quote --><div class="quote">{Quote}</div>{block:Source}<div class="source">{Source}</div>{/block:Source}{/block:Quote}{block:Text}<!-- text -->{block:Title}<h1>{Title}</h1>{/block:Title}<div class="body">{Body}</div>{/block:Text}{block:Video}<!-- video --><div class="media video">{Video-500}</div>{/block:Video}
  270. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  271. </div>
  272. {block:ifNotSidePostInfo}<div class="info">{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{block:Date}<div class="date"><a href="{Permalink}">{DayOfMonth} {Month} {Year}</a>{block:NoteCount}&nbsp; /&nbsp; {NoteCountWithLabel}{/block:NoteCount}{block:HasTags}<span class="tagged"><br/>{lang:Tagged} {block:Tags}<a href="{TagURL}">#{Tag}</a><span class="comma">, </span>{/block:Tags}</span>{/block:HasTags}</div>{/block:Date}</div>{/block:ifNotSidePostInfo}
  273. {block:ifSidePostInfo}<div class="info {block:IndexPage}index{/block:IndexPage}{block:PermalinkPage}perma{/block:PermalinkPage}">{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{block:Date}<div class="date"><a href="{Permalink}">{DayOfMonth} {Month} {Year}</a>{block:NoteCount}&nbsp; /&nbsp; {NoteCountWithLabel}{/block:NoteCount}{block:HasTags}<span class="tagged"><br/>{lang:Tagged} {block:Tags}<a href="{TagURL}">#{Tag}</a><span class="comma">, </span>{/block:Tags}</span>{/block:HasTags}</div>{/block:Date}{block:IndexPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IndexPage}</div>{/block:ifSidePostInfo}
  274. </article>
  275. {block:PostNotes}<!-- post notes --><div class="post n"><div class="notes">{PostNotes}</div></div>{/block:PostNotes}
  276. {/block:Posts}
  277. </div>
  278. <div id="footer"><a href="http://selkas.tumblr.com" id="credit">theme</a>{block:Pagination}<div class="pagination">{block:PreviousPage}<a class="back" href="{PreviousPage}">{lang:Back}</a>{/block:PreviousPage}{block:NextPage}{block:PreviousPage} / {/block:PreviousPage}{/block:NextPage}{block:NextPage}<a class="next" href="{NextPage}">{lang:Next}</a>{/block:NextPage}</div>{/block:Pagination}</div>
  279. </div>
  280. </body>
  281. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement