API tools faq
paste
Advertisement
enchantique

07. POND

enchantique
Oct 14th, 2012
9,054
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.51 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. THEME: #07 - Pond
  3. by sakurane - (sakurane.tumblr.com)
  4. ----------------------------------------------------------------------
  5. TERMS OF USAGE
  6. 1. Do not remove the credit. (You may move it to a credits page.)
  7. 2. Do not use as a base code.
  8. 3. Do not take any part of the code.
  9. 4. Do not redistribute.
  10. 5. Do not claim as your own.
  11. 6. You may customize to your liking, but keep the credit intact.
  12. -->
  13.  
  14. <!DOCTYPE html>
  15. <html>
  16. <head>
  17.  
  18. <title>{Title}</title>
  19.  
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. <link rel="stylesheet" href="http://static.tumblr.com/kzorqqu/8EOmgtzik/normalize.css"/>
  23.  
  24. {block:Description}
  25. <meta name="description" content="{MetaDescription}" />
  26. {/block:Description}
  27.  
  28. <meta name="image:Background" content=""/>
  29. <meta name="image:Sidebar" content=""/>
  30.  
  31. <meta name="if:500px" content="1"/>
  32. <meta name="if:400px" content="0"/>
  33. <meta name="if:250px" content="0"/>
  34. <meta name="if:Show Caption" content="0"/>
  35. <meta name="if:Show Tags" content="0"/>
  36. <meta name="if:No Side Links" content="0"/>
  37. <meta name="if:AudioPlayerWhite" content="1"/>
  38. <meta name="if:AudioPlayerGrey" content="0"/>
  39. <meta name="if:AudioPlayerBlack" content="0"/>
  40.  
  41. <meta name="if:Infinite Scroll" content="0"/>
  42. <meta name="if:Faded Image" content="0"/>
  43. <meta name="if:Grayscale" content="0"/>
  44. <meta name="if:Grayscale With Hover" content="0"/>
  45.  
  46. <meta name="color:Scrollbar BG" content="#fff"/>
  47. <meta name="color:Scrollbar" content="#d1afb3"/>
  48.  
  49. <meta name="color:Background" content="#fff"/>
  50. <meta name="color:Post Font" content="#c09995"/>
  51. <meta name="color:Bold" content="#ccc"/>
  52. <meta name="color:Italic" content="#ccc"/>
  53. <meta name="color:Link" content="#a3dada"/>
  54. <meta name="color:Sidebar BG" content="#fffaf0"/>
  55. <meta name="color:Sidebar Border" content="#fcf2e0"/>
  56. <meta name="color:Sidebar Font" content="#999"/>
  57. <meta name="color:Sidebar Link" content="#f7efd6"/>
  58. <meta name="color:Sidebar Menu BG" content="#fff"/>
  59. <meta name="color:Post Title" content="#ee9191"/>
  60. <meta name="color:Post Title Border" content="#f2d5d8"/>
  61. <meta name="color:Post Info Link" content="#aaa"/>
  62.  
  63. <meta name="color:Tooltip BG" content="#e7f9f8"/>
  64. <meta name="color:Tooltip Font" content="#8eadbd"/>
  65. <meta name="color:Tooltip Border" content="#d4e8e7"/>
  66.  
  67. <meta name="text:Blog Title" content=""/>
  68.  
  69. <meta name="text:Desc Height" content="105px"/>
  70.  
  71. <meta name="font:Main Font" content="helvetica"/>
  72. <meta name="font:Secondary Font" content="garamond"/>
  73.  
  74. <meta name="text:Desc Font Size" content="10"/>
  75. <meta name="text:Post Title Font Size" content="18"/>
  76. <meta name="text:Post Font Size" content="11"/>
  77. <meta name="text:Post Info Font Size" content="7"/>
  78.  
  79. <meta name="text:Link 1" content=""/>
  80. <meta name="text:Link Url 1" content=""/>
  81. <meta name="text:Link 2" content=""/>
  82. <meta name="text:Link Url 2" content=""/>
  83. <meta name="text:Link 3" content=""/>
  84. <meta name="text:Link Url 3" content=""/>
  85. <meta name="text:Link 4" content=""/>
  86. <meta name="text:Link Url 4" content=""/>
  87.  
  88. <style>
  89. iframe#tumblr_controls {
  90. position: fixed!important;
  91. right: 3px!important;
  92. }
  93. ::-webkit-scrollbar-thumb:vertical {
  94. height: 100px;
  95. background: {color:Scrollbar};
  96. }
  97. ::-webkit-scrollbar {
  98. height: 10px;
  99. width: 10px;
  100. background: {color:Scrollbar BG};
  101. }
  102. body {
  103. font: {text:Post Font Size}px '{font:Main Font}', arial;
  104. color: {color:Post Font};
  105. word-wrap: break-word;
  106. background: {color:Background} url({image:Background}) repeat fixed;
  107. margin: 0;
  108. }
  109. a {
  110. color: {color:Link};
  111. text-decoration: none;
  112. border: 0;
  113. }
  114. b, strong {
  115. color: {color:Bold};
  116. }
  117. i, em {
  118. color: {color:Italic};
  119. }
  120. small {
  121. font-size: 10px;
  122. }
  123. pre {
  124. width: 100%;
  125. overflow: auto;
  126. }
  127. #entry img, iframe.photoset {
  128. border: 0;
  129. max-width: 100%;
  130. }
  131. .iframe.photoset {
  132. display: block;
  133. }
  134. #container {
  135. margin-left: 450px;
  136. padding: 40px 0 20px 0;
  137. }
  138. #entry {
  139. {block:If500px} width: 500px; {/block:If500px}
  140. {block:IndexPage}{block:If400px} width: 400px; {/block:If400px}
  141. {block:If250px} width: 250px; {/block:If250px}{/block:IndexPage}
  142. {block:PermalinkPage} width: 500px; {/block:PermalinkPage}
  143. border: 1px solid {color:Sidebar Border};
  144. background: {color:Sidebar BG};
  145. padding: 20px;
  146. margin: 15px 0;
  147. overflow: hidden;
  148. }
  149. {block:IndexPage}#entry img, .photoset {
  150. {block:IfFadedImage} opacity: 0.8; {/block:IfFadedImage}
  151. {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+ *
  152. filter: gray; /* IE6-9 */
  153. -webkit-filter: grayscale(100%); /* Google Chrome */ {/block:IfGrayscaleWithHover}{/block:IfNotGrayscale}
  154. {block:IfFadedImage} opacity: 0.8; {/block:IfFadedImage}
  155. {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+ *
  156. filter: gray; /* IE6-9 */
  157. -webkit-filter: grayscale(100%); /* Google Chrome */ {/block:IfGrayscale}{/block:IfNotGrayscaleWithHover}
  158. -webkit-transition: all 0.9s ease-in-out;
  159. -moz-transition: all 0.9s ease-in-out;
  160. -o-transition: all 0.9s ease-in-out;
  161. }
  162. #entry img:hover, .photoset:hover {
  163. {block:IfFadedImage} opacity: 1; {/block:IfFadedImage}
  164. {block:IfNotGrayscale}{block:IfGrayscaleWithHover} filter: none;
  165. -webkit-filter: grayscale(0%); {/block:IfGrayscaleWithHover}{/block:IfNotGrayscale}
  166. }{/block:IndexPage}
  167. #sidebar {
  168. width: 262px;
  169. position: fixed;
  170. top: 80px;
  171. left: 120px;
  172. text-align: center;
  173. }
  174. h1 {
  175. font: {text:Post Title Font Size}px {font:Secondary Font};
  176. color: {color:Post Title};
  177. text-transform: lowercase;
  178. letter-spacing: 5px;
  179. text-align: center;
  180. padding-left: 10px;
  181. border-bottom: 1px solid {color:Post Title Border};
  182. }
  183. h1 a {
  184. color: {color:Post Title};
  185. }
  186. h2 {
  187. font: bold 12px {font:Secondary Font};
  188. color: {color:Link};
  189. text-align: center;
  190. text-transform: uppercase;
  191. letter-spacing: 5px;
  192. margin-bottom: 6px;
  193. }
  194. blockquote {
  195. background: {color:Sidebar Menu BG};
  196. margin: 0 15px;
  197. padding: 0 5px;
  198. }
  199. blockquote blockquote {
  200. margin: 0px 0px 4px 10px;
  201. }
  202. #desc {
  203. height: {text:Desc Height};
  204. font-size: {text:Desc Font Size}px;
  205. color: {color:Sidebar Font};
  206. {block:IfNotNoSideLinks}padding: 6px 15px 6px 45px;{block:IfNotNoSideLinks}{block:IfNoSideLinks}padding: 6px 15px;{block:IfNoSideLinks}
  207. text-align: justify;
  208. border-bottom: 4px solid {color:Sidebar Border};
  209. overflow: auto;
  210. }
  211. #menu {
  212. width: 220px;
  213. opacity: 0.7;
  214. position: absolute;
  215. text-align: center;
  216. margin: -38px 0 0 21px;
  217. z-index: 9999;
  218. background: {color:Sidebar Menu BG};
  219. text-transform: lowercase;
  220. padding: 5px 0 0 0;
  221. -webkit-transition: all 0.5s ease-in-out;
  222. -moz-transition: all 0.5s ease-in-out;
  223. -o-transition: all 0.5s ease-in-out;
  224. transition: all 0.5s ease-in-out;
  225. }
  226. #menu img {
  227. width: 16px !important;
  228. border: 0 !important;
  229. padding: 0 !important;
  230. }
  231. #menu a {
  232. margin: 0 10px;
  233. }
  234. #menu:hover {
  235. opacity: 1;
  236. }
  237. #nav {
  238. position: absolute;
  239. margin: 5px 0 0 15px;
  240. z-index: 99999;
  241. {block:IfNoSideLinks} display:none; {/block:IfNoSideLinks}
  242. }
  243. #nav a {
  244. width: 20px;
  245. height: 20px;
  246. display: block;
  247. background: {color:Sidebar Link};
  248. margin: 5px 0;
  249. }
  250. #s-m-t-tooltip{
  251. max-width: 300px;
  252. z-index: 10;
  253. margin: 24px 14px 7px 12px;
  254. padding: 4px;
  255. background: {color:Tooltip BG};
  256. border: 1px solid {color:Tooltip Border};
  257. -moz-border-radius: 3px;
  258. -webkit-border-radius: 3px;
  259. border-radius: 3px;
  260. color: {color:Tooltip Font};
  261. }
  262. #pg {
  263. font: italic 18px {Font:Secondary Font};
  264. margin-top: 5px;
  265. }
  266. #entry:hover #reblog {
  267. opacity: 0.7;
  268. }
  269. #reblog {
  270. {block:If500px} width: 500px; {/block:If500px}
  271. {block:IndexPage}{block:If400px} width: 400px; {/block:If400px}
  272. {block:If250px} width: 250px; {/block:If250px}{/block:IndexPage}
  273. font-size: 9px;
  274. text-transform: uppercase;
  275. letter-spacing: 5px;
  276. background: {color:Sidebar Menu BG};
  277. opacity: 0;
  278. position: absolute;
  279. margin: -25px 0 0 0;
  280. padding: 5px 0;
  281. text-align: right;
  282. -webkit-transition: all 0.5s ease-in-out;
  283. -moz-transition: all 0.5s ease-in-out;
  284. -o-transition: all 0.5s ease-in-out;
  285. transition: all 0.5s ease-in-out;
  286. z-index: 999;
  287. }
  288. #entry:hover #reblog:hover {
  289. opacity: 1;
  290. }
  291. #reblog a {
  292. color: {color:Post Info Link};
  293. }
  294. #permabar {
  295. {block:If500px} width: 540px; {/block:If500px}
  296. {block:IndexPage}{block:If400px} width: 440px; {/block:If400px}
  297. {block:If250px} width: 290px; {/block:If250px}{/block:IndexPage}
  298. {block:PermalinkPage} width: 540px; {/block:PermalinkPage}
  299. font-size: {text:Post Info Font Size}px;
  300. text-transform: uppercase;
  301. letter-spacing: 1px;
  302. text-align: right;
  303. margin: -10px 0 30px 0;
  304. }
  305. #permabar a {
  306. color: {color:Post Info Link};
  307. }
  308. #tags {
  309. border-right: 20px solid {color:Sidebar Link};
  310. padding-right: 8px;
  311. margin-top: 3px;
  312. {block:IfNotShowTags}{block:IndexPage}display: none;{/block:IndexPage}{/block:IfNotShowTags}
  313. }
  314. #notes {
  315. width: 500px;
  316. text-align: left;
  317. }
  318. ol.notes {
  319. margin-left: -15px;
  320. }
  321. ol.notes li.note {
  322. list-style-type: none;
  323. }
  324. ol.notes li.note img.avatar {
  325. width: 16px;
  326. height: 16px;
  327. border: 4px solid {color:Sidebar Border};
  328. margin: 5px;
  329. vertical-align: -12px;
  330. }
  331. .quote {
  332. text-align: center;
  333. font: italic 16px {Font:Secondary Font};
  334. }
  335. .source {
  336. text-align: center;
  337. border-top: 1px solid {color:Post Title Border};
  338. text-transform: lowercase;
  339. color: {color:Link};
  340. margin-top: 5px;
  341. }
  342. .music {
  343. height: 60px;
  344. margin-top: 10px;
  345. }
  346. .audio {
  347. width: 100%;
  348. {block:IfAudioPlayerWhite} background: #fff; {/block:IfAudioPlayerWhite}{block:IfAudioPlayerGrey} background: #e4e4e4; {/block:IfAudioPlayerGrey}{block:IfAudioPlayerBlack} background: #000; {/block:IfAudioPlayerBlack}
  349. }
  350. .album {
  351. width: 50px;
  352. height: 50px;
  353. float: left;
  354. margin: 0 20px;
  355. padding-top: 5px;
  356. }
  357. .audinfo {
  358. padding-top: 8px;
  359. }
  360. #backtotop{
  361. position: fixed;
  362. right: 10px;
  363. bottom: 0px;
  364. padding: 5px;
  365. text-align: center;
  366. }
  367. #backtotop a{
  368. text-transform: uppercase;
  369. letter-spacing: 5px;
  370. color: {color:Link};
  371. }
  372. {CustomCss}
  373. </style>
  374.  
  375. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script><script src="http://static.tumblr.com/6hsqxdt/FkUmbu6qr/jquery.style-my-tooltips.js"></script>
  376.  
  377. <script>
  378. (function($){
  379. $(document).ready(function(){
  380. $("[title]").style_my_tooltips();
  381. });
  382. })(jQuery);
  383. </script>
  384.  
  385. {block:IfInfiniteScroll}<script type="text/javascript" src="http://static.tumblr.com/6hsqxdt/iBxmbtmw4/infinitescrolling.js"></script>{/block:IfInfiniteScroll}
  386.  
  387. </head><body>
  388.  
  389. {block:IfInfiniteScroll}<div id="backtotop"><a href="javascript:scroll(0,0)">top</a></div>{/block:IfInfiniteScroll}
  390.  
  391. <div id="sidebar"><h2>{text:Blog Title}</h2><img src="{image:Sidebar}" style="width: 220px; padding: 10px; border: 1px solid {color:Sidebar Border}; background: {color:Sidebar BG};"><div id="menu"><a href="/"><img src="http://static.tumblr.com/6hsqxdt/TwXmbt5gb/home_16x16.png"></a> <a href="/ask" title="ask"><img src="http://static.tumblr.com/6hsqxdt/gHImbt5h5/mail_16x12.png"></a> <a href="/archive" title="past"><img src="http://static.tumblr.com/6hsqxdt/uAwmbt5hw/folder_stroke_16x16.png"></a> <a href="http://sakurane.tumblr.com" title="theme"><img src="http://static.tumblr.com/6hsqxdt/XKkmbt5if/cog_16x16.png"></a></div><div id="nav">{block:IfLink1}<a href="{text:Link URL 1}" title="{text:Link 1}"></a>{/block:IfLink1}{block:IfLink2}<a href="{text:Link URL 2}" title="{text:Link 2}"></a>{/block:IfLink2}{block:IfLink3}<a href="{text:Link URL 3}" title="{text:Link 3}"></a>{/block:IfLink3}{block:IfLink4}<a href="{text:Link URL 4}" title="{text:Link 4}"></a>{/block:IfLink4}</div><div id="desc">{Description}</div>{block:IfNotInfiniteScroll}{block:Pagination} <div id="pg">{block:PreviousPage} <a href="{PreviousPage}">-</a> {/block:PreviousPage}{block:NextPage} {CurrentPage}/{TotalPages} <a href="{NextPage}">+</a> {/block:NextPage} </div>{/block:Pagination}{/block:IfNotInfiniteScroll}
  392. </div>
  393.  
  394. <div id="container">
  395. {block:IfInfiniteScroll}
  396. <div class="autopagerize_page_element">
  397. {/block:IfInfiniteScroll}
  398. {block:Posts}
  399.  
  400. <div id="entry">
  401.  
  402. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  403.  
  404. {block:Photo}{LinkOpenTag}<img style="display: block;" src="{PhotoURL-500}" {block:IndexPage}width="{block:If400px}400{/block:If400px}{block:If250px}250{/block:If250px}"{/block:IndexPage}>{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}
  405.  
  406. {block:Photoset}<div class="photoset">{block:IndexPage}{block:If500px}{Photoset-500}{/block:If500px}{block:If400px}{Photoset-400}{/block:If400px}{block:If250px}{Photoset-250}{/block:If250px}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</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}
  407.  
  408. {block:Quote}<div class="quote">{Quote}</div>{block:Source} <div class="source">{Source}</div>{/block:Source}{/block:Quote}
  409.  
  410. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  411.  
  412. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<table>{block:Lines}<tr>{block:Label}<td><b>{Label}</b></td>{/block:Label}<td style="padding-left: 10px;">{Line}</td></tr>{/block:Lines}</table>{/block:Chat}
  413.  
  414. {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}
  415.  
  416. {block:Video}{block:IndexPage}{block:If500px}{Video-500}{/block:If500px}{block:If400px}{Video-400}{/block:If400px}{block:If250px}{Video-250}{/block:If250px}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}{/block:Video}
  417.  
  418. {block:Answer}<table width="100%"><tr><td width="30"><img src="{AskerPortraitURL-30}" style="padding: 4px;"></td><td style="padding: 0 10px; font-size: 12px; color: {color:Sidebar Font};">{Asker}<br>{Question}</td></tr></table><div style="border-top: 1px solid {color:Post Title Border};">{Answer}</div>{/block:Answer}
  419.  
  420. {block:ContentSource}
  421. <!-- {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:RebloggedFrom}{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  422. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  423. {/block:SourceLogo}
  424. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  425. {/block:ContentSource}
  426.  
  427. {block:IndexPage}<div id="reblog">{block:RebloggedFrom}<div style="float:left; margin-left: 5px;"><a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a> / <a href="{ReblogRootURL}" title="{ReblogRootName}">Source</a></div>{/block:RebloggedFrom} <a href="{ReblogURL}">Reblog</a></div>{/block:IndexPage}
  428.  
  429. </div>
  430.  
  431. <div id="permabar">{block:Date}<span style="border-right: 20px solid {color:Sidebar Link}; padding-right: 8px;">{block:IfNot250px}Posted on <a href="{Permalink}">{DayofWeek}, {Month} {DayofMonthWithZero}, {Year}</a> {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}{/block:IfNot250px}{block:If250px}Posted on <a href="{Permalink}">{Month} {DayofMonthWithZero}, {Year}</a> {block:PermalinkPage}{block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}{/block:PermalinkPage}{/block:If250px}</span>{/block:Date}{block:HasTags}<div id="tags">Tagged: {block:Tags} &nbsp;&nbsp;#<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>
  432.  
  433. {/block:Posts}
  434. {block:PermalinkPage}{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}{/block:PermalinkPage}
  435. </div>
  436.  
  437. </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!