API tools faq
paste
Advertisement
foxybieber

Little Things Theme

foxybieber
Dec 8th, 2012
61
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.62 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <meta name="image:Background" content="">
  9. <meta name="image:Header" content="">
  10.  
  11. <meta name="if:400px" content="1"/>
  12. <meta name="if:500px" content="0"/>
  13.  
  14. <meta name="if:Show Caption" content="0"/>
  15. <meta name="if:Show Tags" content="0"/>
  16. <meta name="if:AudioPlayerWhite" content="1"/>
  17. <meta name="if:AudioPlayerGrey" content="0"/>
  18. <meta name="if:AudioPlayerBlack" content="0"/>
  19.  
  20. <meta name="if:Infinite Scroll" content="0"/>
  21. <meta name="if:Faded Image" content="0"/>
  22. <meta name="if:Grayscale" content="0"/>
  23. <meta name="if:Grayscale With Hover" content="0"/>
  24.  
  25. <meta name="color:Scrollbar BG" content="#fff">
  26. <meta name="color:Scrollbar" content="#444">
  27. <meta name="color:Background" content="#fff">
  28. <meta name="color:Post Font" content="#999">
  29. <meta name="color:Link" content="#444">
  30. <meta name="color:Post BG" content="#fff">
  31. <meta name="color:Menu Link BG" content="#444">
  32. <meta name="color:Menu Link" content="#eee">
  33. <meta name="color:Menu Link Hover" content="#808080">
  34. <meta name="color:Title" content="#7f7fa3">
  35. <meta name="color:Sidebar Link" content="#aaa">
  36. <meta name="color:Sidebar Link BG" content="#eee">
  37. <meta name="color:Info Link" content="#8686ac">
  38. <meta name="color:Info Border" content="#ebebeb">
  39. <meta name="color:Tags BG" content="#f6f5f5">
  40. <meta name="color:Asker Link" content="#a5a5bd">
  41.  
  42. <meta name="text:Blog Title" content="">
  43.  
  44. <meta name="text:Main Font" content="cambria"/>
  45. <meta name="font:Secondary Font" content="trebuchet ms"/>
  46.  
  47. <meta name="text:Menu Link Font Size" content="10"/>
  48. <meta name="text:Sidebar Title Font Size" content="14"/>
  49. <meta name="text:Post Title Font Size" content="18"/>
  50. <meta name="text:Post Font Size" content="11"/>
  51.  
  52. <meta name="text:Link 1" content=""/>
  53. <meta name="text:Link Url 1" content=""/>
  54. <meta name="text:Link 2" content=""/>
  55. <meta name="text:Link Url 2" content=""/>
  56. <meta name="text:Link 3" content=""/>
  57. <meta name="text:Link Url 3" content=""/>
  58. <meta name="text:Link 4" content=""/>
  59. <meta name="text:Link Url 4" content=""/>
  60. <meta name="text:Link 5" content=""/>
  61. <meta name="text:Link Url 5" content=""/>
  62. <meta name="text:Link 6" content=""/>
  63. <meta name="text:Link Url 6" content=""/>
  64.  
  65. <style>
  66. iframe#tumblr_controls {
  67. position: fixed!important;
  68. right: 3px!important;
  69. }
  70. ::-webkit-scrollbar-thumb:vertical {
  71. height: 100px;
  72. background: {color:Scrollbar};
  73. }
  74. ::-webkit-scrollbar {
  75. height: 10px;
  76. width: 10px;
  77. background: {color:Scrollbar BG};
  78. }
  79. ::selection, ::-moz-selection {
  80. background-color: #f9f9f9;
  81. color: #888;
  82. }
  83. body {
  84. margin: 0;
  85. background: {color:Background} url({image:Background}) repeat fixed;
  86. color: {color:Post Font};
  87. font-size: 9px;
  88. font-family: monospace;
  89. }
  90. a {
  91. color: {color:Link};
  92. text-decoration: none;
  93. border: 0;
  94. }
  95. #container {
  96. width: 750px;
  97. background: {color:Post BG};
  98. margin: 0 auto;
  99. }
  100. #entry {
  101. {block:If400px}width: 400px; padding: 20px 40px;{/block:If400px}
  102. {block:If500px}width: 500px; padding: 20px 15px;{/block:If500px}
  103. line-height: 14px;
  104. margin-left: 270px;
  105.  
  106. }
  107. #entry img {
  108. border: 0;
  109. {block:If400px}max-width: 400px;{/block:If400px}
  110. }
  111. {block:IndexPage}#entry img, .photoset {
  112. {block:IfFadedImage} opacity: 0.8; {/block:IfFadedImage}
  113. {block:IfNotGrayscale}{block:IfGrayscaleWithHover} filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ *
  114. filter: gray; /* IE6-9 */
  115. -webkit-filter: grayscale(100%); /* Google Chrome */ {/block:IfGrayscaleWithHover}{/block:IfNotGrayscale}
  116. {block:IfFadedImage} opacity: 0.8; {/block:IfFadedImage}
  117. {block:IfNotGrayscaleWithHover}{block:IfGrayscale} filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ *
  118. filter: gray; /* IE6-9 */
  119. -webkit-filter: grayscale(100%); /* Google Chrome */ {/block:IfGrayscale}{/block:IfNotGrayscaleWithHover}
  120. -webkit-transition: all 0.9s ease-in-out;
  121. -moz-transition: all 0.9s ease-in-out;
  122. -o-transition: all 0.9s ease-in-out;
  123. }
  124. #entry img:hover, .photoset:hover {
  125. {block:IfFadedImage} opacity: 1; {/block:IfFadedImage}
  126. {block:IfNotGrayscale}{block:IfGrayscaleWithHover} filter: none;
  127. -webkit-filter: grayscale(0%); {/block:IfGrayscaleWithHover}{/block:IfNotGrayscale}
  128. }{/block:IndexPage}
  129. #header {
  130. width: 750px;
  131. margin: 0 auto;
  132. }
  133. #header img {
  134. width: 750px;
  135. }
  136. #menu {
  137. width: 750px;
  138. background: {color:Menu Link BG};
  139. text-align: center;
  140. padding: 8px 0;
  141. margin-top: -3px;
  142. }
  143. #menu a {
  144. color: {color:Menu Link};
  145. font: {text:Menu Link Font Size}px {font:Secondary Font};
  146. margin: 0 30px;
  147. letter-spacing: 2px;
  148. text-transform: uppercase;
  149. }
  150. #menu a:hover {
  151. color: {color:Menu Link Hover};
  152. }
  153. #sidebar {
  154. {block:If400px}width: 210px; padding: 20px 40px;{/block:If400px}
  155. {block:If500px}width: 190px; padding: 20px;{/block:If500px}
  156. float: right;
  157. height: 100%;
  158. width: 200px;
  159. border-right: 1px solid #eee;
  160. font-family: monospace;
  161. position: fixed;
  162. margin-left: 20px;
  163. }
  164. #desc {
  165. text-align: justify;
  166. line-height: 14px;
  167. }
  168. h1 {
  169. font-size: {text:Post Title Font Size}px;
  170. font-style: italic;
  171. font-weight: normal;
  172. letter-spacing: 2px;
  173. font-family: georgia;
  174. text-align: center;
  175. text-transform: lowercase;
  176. color: {color:Title};
  177. }
  178. h1 a {
  179. color: {color:Title}
  180. }
  181. h2 {
  182. font-size: 10px;
  183. font-style: italic;
  184. opacity: 0;
  185. letter-spacing: 2px;
  186. margin-top: -20px;
  187. font-weight: normal;
  188. text-align: center;
  189. font-family:georgia;
  190. text-transform: lowercase;
  191. color: {color:Title};
  192. }
  193. blockquote {
  194. border-left: 1px solid #eee;
  195. margin: 0 15px;
  196. padding: 0 5px;
  197. }
  198. blockquote blockquote {
  199. margin: 0px 0px 4px 10px;
  200. }
  201. img {
  202. max-width: 100%;
  203. }
  204. pre {
  205. width: 100%;
  206. overflow: auto;
  207. }
  208. #nav {
  209. margin-top: 15px;
  210. text-align: center;
  211. font-family: georgia;
  212. }
  213. #nav a {
  214. {block:If400px}width: 99px;{/block:If400px}
  215. {block:If500px}width: 89px;{/block:If500px}
  216. display: inline-block;
  217. text-align: center;
  218. background: {color:Sidebar Link BG};
  219. color: {color:Sidebar Link};
  220. margin: 1px;
  221. padding: 2px;
  222. font-family: georgia;
  223. letter-spacing: 2px;
  224. text-transform: lowercase;
  225. font-style: italic;
  226. font: 8px {font:Secondary Font};
  227. -webkit-transition: all 0.5s ease-in-out;
  228. -moz-transition: all 0.5s ease-in-out;
  229. -o-transition: all 0.5s ease-in-out;
  230. transition: all 0.5s ease-in-out;
  231. }
  232. #nav a:hover {
  233. background: {color:Menu Link BG};
  234. color: {color:Menu Link};
  235. }
  236. #pg {
  237. {block:If400px}width: 210px;{/block:If400px}
  238. {block:If500px}width: 200px;{/block:If500px}
  239. font-style: italic;
  240. font-family: georgia;
  241. text-align: center;
  242. padding-top: 15px;
  243. }
  244. #entry:hover #reblog {
  245. opacity: 1;
  246. }
  247. #reblog {
  248. background: {color:Post BG};
  249. font-style: italic;
  250. position: absolute;
  251. padding: 5px;
  252. {block:If400px}margin: 10px 0 0 350px;{/block:If400px}
  253. {block:If500px}margin: 10px 0 0 450px;{/block:If500px}
  254. opacity: 0;
  255. margin-left: 10px;
  256. z-index: 9999;
  257. -webkit-transition: all 0.5s ease-in-out;
  258. -moz-transition: all 0.5s ease-in-out;
  259. -o-transition: all 0.5s ease-in-out;
  260. transition: all 0.5s ease-in-out;
  261. }
  262. #info {
  263. margin-top: 8px;
  264. text-transform: lowercase;
  265. letter-spacing: 1px;
  266. font-family: cambria;
  267. }
  268. #info a {
  269. color: {color:Info Link};
  270. }
  271. #tags {
  272. padding-bottom: 5px;
  273. {block:IfNotShowTags}{block:IndexPage}display: none;{/block:IndexPage}{/block:IfNotShowTags}
  274. }
  275. #tags a {
  276. font-style: italic;
  277. background: {color:Tags BG};
  278. color: {color:Sidebar Link};
  279. }
  280. #permabar {
  281. border-top: 1px solid {color:Info Border};
  282. padding-top: 5px;
  283. }
  284. #via {
  285. float: right;
  286. }
  287. #notes {
  288. text-align: left;
  289. margin-left: 240px;
  290. {block:If400px}width: 400px;{/block:If400px}
  291. {block:If500px}width: 500px;{/block:If500px}
  292. }
  293. #notes a {
  294. color: {color:Sidebar Link};
  295. }
  296. ol.notes li.note {
  297. list-style-type: none;
  298. margin: 10px 0;
  299. }
  300. ol.notes li.note img.avatar {
  301. width: 10px;
  302. height: 10px;
  303. border-radius: 5px;
  304. -moz-border-radius: 5px;
  305. }
  306. .q {
  307. font: bold 60px georgia;
  308. line-height: 50px;
  309. position: absolute;
  310. color: {color:Asker Link};
  311. }
  312. .quote {
  313. font: 12px {font:Secondary Font};
  314. text-indent: 35px;
  315. text-align: justify;
  316. }
  317. .quote:first-letter {
  318. font: italic 22px Script MT Bold;
  319. padding-right: 1px;
  320. }
  321. .source {
  322. text-align: center;
  323. text-transform: uppercase;
  324. letter-spacing: 2px;
  325. font-size: 9px;
  326. }
  327. .music {
  328. height: 60px;
  329. }
  330. .audio {
  331. width: 26px;
  332. height: 26px;
  333. position: absolute;
  334. margin: 17px 0 0 32px;
  335. overflow: hidden;
  336. opacity: 0.5;
  337. z-index: 999;
  338. {block:IfAudioPlayerWhite} background: #fff; {/block:IfAudioPlayerWhite}{block:IfAudioPlayerGrey} background: #e4e4e4; {/block:IfAudioPlayerGrey}{block:IfAudioPlayerBlack} background: #000; {/block:IfAudioPlayerBlack}
  339. }
  340. .album {
  341. width: 50px;
  342. height: 50px;
  343. float: left;
  344. margin: 0 20px;
  345. padding-top: 5px;
  346. }
  347. .audinfo {
  348. padding-top: 8px;
  349. }
  350. .ask {
  351. font-size: 9px;
  352. font-family: monospace;
  353. padding: 0 10px;
  354. letter-spacing: 1px;
  355. }
  356. .asker, .asker a, #reblog a {
  357. color: {color:Asker Link};
  358. }
  359. #backtotop{
  360. position: fixed;
  361. right: 10px;
  362. bottom: 0px;
  363. padding: 5px;
  364. text-align: center;
  365. }
  366. #backtotop a{
  367. text-transform: uppercase;
  368. letter-spacing: 2px;
  369. }
  370. {CustomCSS}
  371. </style>
  372.  
  373. {block:IfInfiniteScroll}<script type="text/javascript" src="http://static.tumblr.com/6hsqxdt/iBxmbtmw4/infinitescrolling.js"></script>{/block:IfInfiniteScroll}
  374.  
  375. </head><body>
  376.  
  377. {block:IfInfiniteScroll}<div id="backtotop"><a href="javascript:scroll(0,0)">top</a></div>{/block:IfInfiniteScroll}
  378.  
  379. <div id="container">
  380. <div id="sidebar">
  381. <a href="/"><div style="opacity:.80;text-align:center;margin-bottom:3px;margin-top:9px; border: 3px double #eee; padding: 10px; "><img src="http://media.tumblr.com/tumblr_meqwoaosVe1rr0gsu.png"></a></div>
  382. <h2>{text:Blog Title}</h2><div id="desc">{Description}</div><div id="nav">{block:ifLink1}<a href="{text:Link URL 1}">{text:Link 1}</a>{/block:ifLink1}{block:ifLink2}<a href="{text:Link URL 2}">{text:Link 2}</a>{/block:ifLink2}{block:ifLink3}<a href="{text:Link URL 3}">{text:Link 3}</a>{/block:ifLink3}{block:ifLink4}<a href="{text:Link URL 4}">{text:Link 4}</a>{/block:ifLink4}{block:ifLink5}<a href="{text:Link URL 5}">{text:Link 5}</a>{/block:ifLink5}<a href="http://foxybieber.tumblr.com">credit</a></div>{block:IfNotInfiniteScroll}{block:Pagination}
  383. <div id="pg">
  384. {block:PreviousPage} <a href="{PreviousPage}">past</a> {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">future</a> {/block:NextPage}</div> {/block:Pagination}{/block:IfNotInfiniteScroll}</div>
  385.  
  386. {block:IfInfiniteScroll}
  387. <div class="autopagerize_page_element">
  388. {/block:IfInfiniteScroll}
  389.  
  390. {block:Posts}<div id="entry">{block:IndexPage}<div id="reblog"><a href="{ReblogURL}">reblog</a></div>{/block:IndexPage}
  391.  
  392. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  393.  
  394. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" {block:If400px}width="400"{/block:If400px}>{LinkCloseTag}{block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}{/block:Photo}
  395.  
  396. {block:Photoset}<div class="photoset">{block:If400px}{Photoset-400}{/block:If400px}{block:If500px}{Photoset-500}{/block:If500px}</div>{block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}{/block:Photoset}
  397.  
  398. {block:Quote}<div class="q">“</div><div class="quote">{Quote}</div>{block:Source} <div class="source">{Source}</div>{/block:Source}{/block:Quote}
  399.  
  400. {block:Link}<h1><a href="{URL}" {Target}>{Name} →</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  401.  
  402. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  403.  
  404. {block:Audio}<div class="audio">{block:IfAudioPlayerWhite}{AudioPlayerWhite}{/block:IfAudioPlayerWhite}{block:IfAudioPlayerGrey}{AudioPlayerGrey}{/block:IfAudioPlayerGrey}{block:IfAudioPlayerBlack}{AudioPlayerBlack}{/block:IfAudioPlayerBlack}</div><div class="music"><div style="{block:AlbumArt}display:none;{/block:AlbumArt}"><img class="album" src="http://static.tumblr.com/6hsqxdt/NN9mbun3w/cd.png"></div>{block:AlbumArt}<img class="album" src="{AlbumArtURL}">{/block:AlbumArt}<div class="audinfo">{block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName}<br>{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br>{block:Album}<b>Album</b>: {Album}{/block:Album}</div></div>{block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}{/block:Audio}
  405.  
  406. {block:Video}{block:If400px}{Video-400}{/block:If400px}{block:If500px}{Video-500}{/block:If500px}{block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}{/block:Video}
  407.  
  408. {block:Answer}<table width="100%"><tr><td width="30"><img src="{AskerPortraitURL-40}" style="margin: 4px; border-radius: 20px; -moz-border-radius: 20px;"></td><td class="ask"><div class="asker">{Asker}</div>{Question}</td></tr></table>{Answer}{/block:Answer}
  409.  
  410. {block:ContentSource}
  411. <!-- {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:RebloggedFrom}{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  412. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  413. {/block:SourceLogo}
  414. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  415. {/block:ContentSource}
  416.  
  417. <div id="info">{block:HasTags}<div id="tags">filed under: {block:Tags}<a href="{TagURL}">{Tag}</a> &nbsp;{/block:Tags}</div>{/block:HasTags}<div id="permabar">{block:Date}Posted <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>{/block:Date}{block:RebloggedFrom}<div id="via"><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> &middot; <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a></div>{/block:RebloggedFrom}</div></div>
  418.  
  419. </div>{/block:Posts}
  420.  
  421. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  422.  
  423. </div>
  424.  
  425. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!