bychloethemes

Bird Theme - By Chloe

Mar 30th, 2015
819
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.38 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!---Bird Theme by Chloe - dontbrag.tumblr.com
  6. - bychloethemes.tumblr.com
  7. Don't delete credit, because I spent a long time
  8. making it--->
  9.  
  10. {block:IfNotPagination}
  11. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  12. {/block:IfNotPagination}
  13.  
  14.  
  15. <meta name="color:Background" content="#fff7cc" />
  16. <meta name="color:Links" content="#979395" />
  17. <meta name="color:Masthead text" content="#252525" />
  18. <meta name="color:Text" content="#252525" />
  19. <meta name="color:Post Background" content="#ffffff" />
  20. <meta name="color:Post Accent" content="#eee" />
  21. <meta name="color:Nav Backgrounds" content="" />
  22. <meta name="if:Show Description" content="0"/>
  23. <meta name="if:Pagination" content="1" />
  24. <meta name="if:Captions" content="1" />
  25. <meta name="if:Post Borders" content="1" />
  26. <meta name="if:Archive Link" content="1" />
  27. <meta name="if:Transparent Posts" content="0" />
  28. <meta name="if:No Post Accents" content="0" />
  29. <meta name="if:Show Header" content="1" />
  30. <meta name="if:Alt Header" content="0" />
  31. <meta name="font:Body" content="Arial, Helvetica, sans-serif"/>
  32. <meta name="image:Background" content=""/>
  33. <meta name="image:Header" content="http://www.sp10siedlce.edu.pl/rys13_14/birds.png" />
  34. <meta name="text:Link 1" content="" />
  35. <meta name="text:URL 1" content="" />
  36. <meta name="text:Link 2" content="" />
  37. <meta name="text:URL 2" content="" />
  38. <meta name="text:Link 3" content="" />
  39. <meta name="text:URL 3" content="" />
  40. {block:Description} <meta name="description" content="{MetaDescription}" /> {/block:Description}
  41. <title>{block:TagPage}{Tag} - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  42.  
  43. <link rel="shortcut icon" href="{Favicon}"/>
  44. <link rel="alternate" type="application/rss+xml" title="{Title} RSS" href="{RSS}"/>
  45. <link rel="stylesheet" href="http://static.tumblr.com/hznqxps/ivOmgjf8v/normalize.css" />
  46.  
  47. <style>
  48. body {
  49. background: {color:Background} url('{image:Background}') no-repeat center center fixed;
  50. -webkit-background-size: cover;
  51. -moz-background-size: cover;
  52. -o-background-size: cover;
  53. background-size: cover;
  54. color: {color:Text};
  55. font-family: {font:Body};
  56. font-size: 0.8em;
  57. }
  58. a {
  59. color: {color:Links};
  60. text-decoration: none;
  61. }
  62. h1, h2, h3, h4, h5, h6 {
  63. font-weight: normal;
  64. letter-spacing: 0.1em;
  65. text-transform: uppercase;
  66. }
  67. nav ul {
  68. list-style: none;
  69. margin: 0;
  70. padding: 0;
  71. }
  72. nav li {
  73. display: inline;
  74. }
  75. iframe, img, embed, object, video {
  76. max-width: 100%;
  77. }
  78. #masthead {
  79. margin-bottom: 5%;
  80. padding: 1%;
  81. text-align: center;
  82. }
  83. #masthead a {
  84. color: {color:Masthead text};
  85. }
  86. #masthead nav li a {
  87. border-bottom: 1px solid {color:Masthead text};
  88. margin-right: 0.5%;
  89. padding: 0.2%;
  90. {block:IfAltHeader}
  91. background:{color:Nav Backgrounds};
  92. border: 1px solid;
  93. padding-left:4px;
  94. padding-right:4px;
  95. {/block:IfAltHeader}
  96. }
  97. #content {
  98. margin-left: auto;
  99. margin-right: auto;
  100. width: 435px;
  101. }
  102. #content article {
  103. {block:IfNotTransparentPosts}
  104. background: {color:Post Background};
  105. {/block:IfNotTransparentPosts}
  106. {block:IfTransparentPosts}
  107. {/block:IfTransparentPosts}
  108. margin-bottom: 5%;
  109. {block:IfPostBorders}
  110. border-style: solid;
  111. border-width: 1px;
  112. {/block:IfPostBorders}
  113. }
  114. .copyright {
  115. position:fixed;
  116. bottom:10px;
  117. left:10px;
  118. }
  119. article .inner {
  120. display: inline-block;
  121. padding: 4%;
  122. width: 92%;
  123. }
  124. .title a {
  125. color: {color:Text};
  126. }
  127. .photo img {
  128. display: block;
  129. }
  130. .html_photoset {
  131. text-align: center;
  132. padding: 6% 0;
  133. }
  134. .link .title a {
  135. border-bottom: 1px solid;
  136. }
  137. .chat ul {
  138. list-style: none;
  139. margin: 0;
  140. padding: 0;
  141. }
  142. .chat li {
  143. padding: 0.5% 2%;
  144. }
  145. .chat .even {
  146. {block:IfNotNoPostAccents}
  147. background: {color:Post Accent};
  148. {/block:IfNotNoPostAccents}
  149. }
  150. .tumblr_audio_player {
  151. height: 30px;
  152. width: 400px;
  153. }
  154. .user {
  155. font-size: 0.85em;
  156. text-align: center;
  157. text-transform: uppercase;
  158. float: left;
  159. margin-right: 3%;
  160. }
  161. .metadata {
  162. {block:IfNotNoPostAccents}
  163. background: {color:Post Accent};
  164. {/block:IfNotNoPostAccents}
  165. border-top: 1px solid #000;
  166. font-size: 0.9em;
  167. padding: 2% 4%;
  168. }
  169. .metadata ul {
  170. width: 100%;
  171. display: inline-block;
  172. }
  173. .metadata ul, #notes ol {
  174. list-style: none;
  175. margin: 0;
  176. padding: 0;
  177. }
  178. .tags {
  179. margin-top: 1% !important;
  180. }
  181. .tags li {
  182. padding: 0.5%;
  183. }
  184. .index li, .tags li {
  185. float: left;
  186. margin-right: 2%;
  187. }
  188. .note {
  189. border-bottom: 1px solid white;
  190. padding: 1% 0;
  191. }
  192. #pagination li {
  193. {block:IfNotTransparentPosts}
  194. background: #fff;
  195. {/block:IfNotTransparentPosts}
  196. {block:IfTransparentPosts}
  197. {/block:IfTransparentPosts}
  198. padding: 10px;
  199. border-style: solid;
  200. border-width: 1px;
  201. border-color:#000;
  202. margin: 5px;
  203. }
  204. #pagination li a{
  205. text-decoration:underline;
  206. }
  207. #pagination ul{
  208. margin-bottom: 20px;
  209. }
  210. #content article, .item {
  211. border-radius: 0.2em;
  212. }
  213. .right {
  214. text-align: right;
  215. float: right;
  216. }
  217. {CustomCSS}
  218. </style>
  219. </head>
  220.  
  221. <body>
  222. <header id="masthead">
  223.  
  224. {block:IfShowHeader}
  225. <img src="{image:Header}" height="150px"/>
  226. {/block:IfShowHeader}
  227.  
  228. <h1><a href="/" title="{lang:Home}">{Title}</a></h1>
  229. <nav>
  230. <ul>
  231. {block:IfShowDescription}
  232. <li><a href="/">{Description}</a></li>
  233. <li>/</li>
  234. {/block:IfShowDescription}
  235. {block:IfNotShowDescription}
  236. {/block:IfNotShowDescription}
  237. {block:AskEnabled}
  238. <li> <a href="/ask">{AskLabel}</a></li>
  239. {/block:AskEnabled}
  240. {block:SubmissionsEnabled}
  241. <li> <a href="/submit">{Submitlabel}</a></li>
  242. {/block:SubmissionsEnabled}
  243. {block:HasPages}
  244. {block:Pages}
  245. <li> <a href="{URL}">{Label}</a></li>
  246. {/block:Pages}
  247. {/block:HasPages}
  248. <li> <a href="{text:URL 1}">{text:Link 1}</a> </li>
  249. <li> <a href="{text:URL 2}">{text:Link 2}</a> </li>
  250. <li> <a href="{text:URL 3}">{text:Link 3}</a> </li>
  251. {block:IfArchiveLink}
  252. <li> <a href="/archive">past</a></li>
  253. {/block:IfArchiveLink}
  254. <li><a href="http://dontbrag.tumblr.com">theme</a></li>
  255.  
  256. </ul>
  257. </nav>
  258. </header>
  259.  
  260. <div id="content">
  261. {block:Posts}
  262. <article>
  263. {block:Text}
  264. <div class="text inner">
  265. {block:Title}<h1 class="title"><a href="{Permalink}">
  266. {Title}</a></h1>{/block:Title}
  267. {Body}
  268. {/block:Text}
  269.  
  270. {block:Photo}
  271. <div class="photo inner">
  272. {LinkOpenTag}<img src="{PhotoURL-HighRes}"
  273. alt="{PhotoAlt}" />{LinkCloseTag}
  274. <br>
  275. {block:IfCaptions}
  276. {block:Caption}{Caption}{/block:Caption}
  277. {/block:IfCaptions}
  278. {/block:Photo}
  279.  
  280. {block:Photoset}
  281. <div class="photoset inner">
  282. {Photoset-400}
  283. {block:IfCaptions}
  284. {block:Caption}{Caption}{/block:Caption}
  285. {/block:IfCaptions}
  286. {/block:Photoset}
  287.  
  288. {block:Quote}
  289. <div class="quote inner">
  290. <blockquote>&ldquo;{Quote}&rdquo;</blockquote>
  291. {block:Source}<p><cite> &mdash;{Source}</cite></p>{/block:Source}
  292. {/block:Quote}
  293.  
  294. {block:Link}
  295. <div class="link inner">
  296. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  297. {block:IfCaptions}
  298. {block:Description}{Description}{/block:Description}
  299. {/block:IfCaptions}
  300. {/block:Link}
  301.  
  302. {block:Chat}
  303. <div class="chat inner">
  304. <ul>
  305. {block:Lines}<li class="{Alt}"><p>{block:Label}
  306. <strong>{Label}</strong>{/block:Label} {Line} </p>
  307. </li>{/block:Lines}
  308. </ul>
  309. {/block:Chat}
  310.  
  311. {block:Audio}
  312. <div class="audio inner">
  313. {block:AlbumArt}<img src="{AlbumArtURL}" width="400"
  314. height="400"/>{/block:AlbumArt}
  315. {AudioPlayerWhite}
  316. <p>{block:Artist}<b>{Artist}</b> &mdash;{/block:Artist}
  317. {block:TrackName}&ldquo;{TrackName}&rdquo;{/block:TrackName}
  318. // {PlayCountWithLabel}
  319. </p>
  320. {block:IfCaptions}
  321. {block:Caption}{Caption}{/block:Caption}
  322. {/block:IfCaptions}
  323. {/block:Audio}
  324.  
  325. {block:Video}
  326. <div class="video inner">
  327. {Video-400}
  328. {block:IfCaptions}
  329. {block:Caption}{Caption}{/block:Caption}
  330. {/block:IfCaptions}
  331. {/block:Video}
  332.  
  333. {block:Answer}
  334. <div class="answer inner">
  335. <div style="color: #000000; background-color:
  336. {color:Post Accent};padding: 10px;">
  337. {lang:Asker asked 2}: {Question}</div>
  338. <div style="text-indent: 20px;">{Answer}</div>
  339. {/block:Answer}
  340.  
  341. {block:Date}
  342. <footer class="metadata">
  343. <ul class="index">
  344. <li><a href="{Permalink}"> <time
  345. datetime="{Year}-{MonthNumberWithZero}-
  346. {DayOfMonthWithZero}">{DayOfMonth} {Month} {Year}
  347. </time> </a></li>
  348.  
  349. {block:NoteCount}
  350. <div class="right">
  351. <li><a class="notecount"
  352. href="{Permalink}#notes">
  353. {NoteCount}</a>
  354. </li>{/block:NoteCount}
  355. </div>
  356. </ul>
  357. {block:IfShowTags}
  358. {block:HasTags}
  359. <ul class="tags">
  360. {block:Tags}<li><a href="{TagURL}">#{Tag}</a> </li>
  361. {/block:Tags}
  362. </ul>
  363. {/block:HasTags}
  364. {/block:IfShowTags}
  365.  
  366. {block:PermalinkPage}
  367. {block:HasTags}
  368. <ul class="tags">
  369. {block:Tags}<li><a href="{TagURL}">#{Tag}</a> </li>
  370. {/block:Tags}
  371. </ul>
  372. {/block:HasTags}
  373.  
  374. {block:PostNotes}
  375. <div id="notes">
  376. {PostNotes}
  377. </div>
  378. {/block:PostNotes}
  379. {/block:PermalinkPage}
  380. </footer>
  381. {/block:Date}
  382.  
  383. </article>
  384. {/block:Posts}
  385.  
  386. {block:IfPagination}
  387. <nav id="pagination">
  388. <ul>
  389. {block:Pagination}
  390. {block:PreviousPage}
  391. <li><a href="{PreviousPage}">Previous</a></li>
  392. {/block:PreviousPage}{block:JumpPagination length="5"}
  393. {block:CurrentPage}
  394. <li><span class="current_page">{PageNumber}</span></li>
  395. {/block:CurrentPage}
  396. {block:JumpPage}
  397. <li><a class="jump_page" href="{URL}">{PageNumber}</a></li>
  398. {/block:JumpPage}{/block:JumpPagination}
  399. <li>...</li>
  400. {block:NextPage}
  401. <li><a href="{NextPage}">Next</a></li>
  402. {/block:NextPage}{/block:Pagination}
  403. </ul>
  404. </nav>
  405. {/block:IfPagination}
  406.  
  407. <div class="copyright"><a href="http://dontbrag.tumblr.com">&copy;
  408. </a></div>
  409.  
  410. </div>
  411. </body>
  412. </html>
Advertisement
Add Comment
Please, Sign In to add comment