kthms

peach theme

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