API tools faq
paste
Advertisement
enchantique

03. EUTERPE

enchantique
Jul 25th, 2012
7,044
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.92 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. THEME: #03 - Euterpe
  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:Sidebar" content=""/>
  29. <meta name="image:Sidebar Background" content=""/>
  30. <meta name="image:Background" content="http://i39.tinypic.com/dp9y06.png"/>
  31. <meta name="image:Corner Background" content=""/>
  32.  
  33. <meta name="color:Background" content="#fff"/>
  34. <meta name="color:Post" content="#0C0C0C"/>
  35. <meta name="color:Post Border" content="#000"/>
  36. <meta name="color:Sidebar Text" content="#808080"/>
  37. <meta name="color:Sidebar Image Border" content="#fff"/>
  38. <meta name="color:Text" content="#dfdfdf"/>
  39. <meta name="color:Bold" content="#F1F1F1"/>
  40. <meta name="color:Italic" content="#ccc"/>
  41. <meta name="color:Link" content="#aaa"/>
  42. <meta name="color:Link Hover" content="#fff"/>
  43. <meta name="color:Nav Background" content="#000"/>
  44. <meta name="color:Nav Text" content="#fff"/>
  45. <meta name="color:Nav Hover Background" content="#fff"/>
  46. <meta name="color:Nav Hover Text" content="#000"/>
  47. <meta name="color:Title" content="#0F0F0F"/>
  48. <meta name="color:Title Background" content="#fff"/>
  49. <meta name="color:Border" content="#f19a79"/>
  50. <meta name="color:Title Dash" content="#8A4949"/>
  51. <meta name="color:Permalink" content="#303030"/>
  52. <meta name="color:Pagination" content="#0E0E0E"/>
  53. <meta name="color:Pagination Hover" content="#f1f1f1"/>
  54. <meta name="color:Info Background" content="#202020"/>
  55. <meta name="color:info Border" content="#eee"/>
  56. <meta name="color:Notes Background" content="#000"/>
  57. <meta name="color:Scrollbar Background" content="#fff"/>
  58. <meta name="color:Scrollbar Bar" content="#000"/>
  59.  
  60. <meta name="if:infinite scroll" content="0"/>
  61. <meta name="if:faded image" content="0"/>
  62. <meta name="if:grayscale" content="0"/>
  63. <meta name="if:grayscale with hover" content="0"/>
  64. <meta name="if:500px" content="0"/>
  65. <meta name="if:400px" content="1"/>
  66. <meta name="if:250px" content="0"/>
  67. <meta name="if:show caption" content="0"/>
  68. <meta name="if:sidebar pic" content="0"/>
  69.  
  70. <meta name="font:Body" content="arial"/>
  71.  
  72. <meta name="text:Blog Title" content=""/>
  73. <meta name="text:Font Size" content="10"/>
  74. <meta name="text:Link 1" content=""/>
  75. <meta name="text:Link Url 1" content=""/>
  76. <meta name="text:Link 2" content=""/>
  77. <meta name="text:Link Url 2" content=""/>
  78. <meta name="text:Link 3" content=""/>
  79. <meta name="text:Link Url 3" content=""/>
  80. <meta name="text:Link 4" content=""/>
  81. <meta name="text:Link Url 4" content=""/>
  82.  
  83. <style>
  84. iframe#tumblr_controls {
  85. position: fixed!important;
  86. right: 3px!important;
  87. }
  88. ::-webkit-scrollbar-thumb:vertical {
  89. background: {color:Scrollbar Bar};
  90. height: 100px;
  91. }
  92. ::-webkit-scrollbar {
  93. background: {color:Scrollbar Background};
  94. height: 10px;
  95. width: 10px;
  96. }
  97. body {
  98. font: {text:Font Size}px {font:Body};
  99. color: {color:Text};
  100. text-align: justify;
  101. word-wrap: break-word;
  102. background: {color:Background} url({image:Background}) repeat fixed;
  103. margin: 0;
  104. }
  105. b, strong {
  106. color: {color:Bold};
  107. }
  108. i, em {
  109. color: {color:Italic};
  110. }
  111. a {
  112. color: {color:Link};
  113. text-decoration: none;
  114. }
  115. a:hover {
  116. color: {color:Link Hover};
  117. }
  118. small {
  119. font-size: 10px;
  120. }
  121. pre {
  122. width: 100%;
  123. overflow: auto;
  124. }
  125. #entry img, iframe.photoset {
  126. max-width: 100%;
  127. border: 0;
  128. display: block;
  129. }
  130. #bg {
  131. position: fixed;
  132. bottom: 0px;
  133. right: 0px;
  134. z-index: -1;
  135. }
  136. #container {
  137. margin: 0 0 4px 500px;
  138. }
  139. #entry {
  140. {block:IndexPage}{block:If500px} width: 500px; {/block:If500px}
  141. {block:If250px} width: 250px; {/block:If250px}{/block:IndexPage}
  142. {block:If400px} width: 400px; {/block:If400px}
  143. {block:IfNot400px}{block:PermalinkPage} width: 500px; {/block:PermalinkPage}{/block:IfNot400px}
  144. background: {color:Post};
  145. border: 1px dashed {color:Sidebar Image Border};
  146. padding: 8px;
  147. margin-top: 4px;
  148. overflow: hidden;
  149. }
  150. {block:IndexPage}#entry img, .photoset {
  151. {block:IfFadedImage} opacity: 0.8; {/block:IfFadedImage}
  152. {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+ *
  153. filter: gray; /* IE6-9 */
  154. -webkit-filter: grayscale(100%); /* Google Chrome */ {/block:IfGrayscaleWithHover}{/block:IfNotGrayscale}
  155. {block:IfFadedImage} opacity: 0.8; {/block:IfFadedImage}
  156. {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+ *
  157. filter: gray; /* IE6-9 */
  158. -webkit-filter: grayscale(100%); /* Google Chrome */ {/block:IfGrayscale}{/block:IfNotGrayscaleWithHover}
  159. -webkit-transition: all 0.9s ease-in-out;
  160. -moz-transition: all 0.9s ease-in-out;
  161. -o-transition: all 0.9s ease-in-out;
  162. }
  163. #entry img:hover, .photoset:hover {
  164. {block:IfFadedImage} opacity: 1; {/block:IfFadedImage}
  165. {block:IfNotGrayscale}{block:IfGrayscaleWithHover} filter: none;
  166. -webkit-filter: grayscale(0%); {/block:IfGrayscaleWithHover}{/block:IfNotGrayscale}
  167. }{/block:IndexPage}
  168. h1 {
  169. color: {color:Title};
  170. font: lighter 14px lucida console;
  171. text-transform: uppercase;
  172. text-align: center;
  173. background: {color:Title Background};
  174. border-bottom: 1px dashed {color:Title Dash};
  175. padding; 4px;
  176. }
  177. h1 a {
  178. color: {color:Title};
  179. text-decoration: none;
  180. }
  181. blockquote {
  182. border-left: 2px solid {color:Border};
  183. padding-left: 5px;
  184. margin: 0 20px;
  185. }
  186. #entry:hover #perma {
  187. margin-top: 0px;
  188. opacity: 1;
  189. z-index: 1;
  190. }
  191. #perma {
  192. {block:If500px} width: 500px; {/block:If500px}
  193. {block:If400px} width: 400px; {/block:If400px}
  194. {block:If250px} width: 250px; {/block:If250px}
  195. position: absolute;
  196. margin-top: -10px;
  197. padding-bottom: 5px;
  198. opacity: 0;
  199. text-align: center;
  200. background: {color:Post};
  201. -webkit-transition: all 0.7s ease-in-out;
  202. -moz-transition: all 0.7s ease-in-out;
  203. -o-transition: all 0.7s ease-in-out;
  204. }
  205. #perma a {
  206. font: italic 9px georgia;
  207. color: {color:Link};
  208. text-transform: lowercase;
  209. text-decoration: none;
  210. }
  211. #perma a:hover {
  212. color: {color:Link Hover};
  213. }
  214. #info {
  215. {block:If400px} width: 415px; {/block:If400px}
  216. {block:IfNot400px} width: 515px; {/block:IfNot400px}
  217. text-align: center;
  218. background: {color:Info Background};
  219. border-bottom: 1px dashed {color:Info Border};
  220. margin-left: 1px;
  221. padding-left: 2px;
  222. }
  223. #notes {
  224. {block:If400px} width: 418px; {/block:If400px}
  225. {block:IfNot400px} width: 518px; {/block:IfNot400px}
  226. text-align: left;
  227. background: {color:Notes Background};
  228. padding: 5px 0;
  229. margin-top: 0px;
  230. }
  231. #sidebar {
  232. width: 210px;
  233. position: fixed;
  234. top: 60px;
  235. left: 255px;
  236. padding: 10px;
  237. }
  238. #sidebar img {
  239. width: 190px;
  240. background: {color:Post} url({image:Sidebar Background}) repeat fixed;
  241. border: 1px dashed {color:Sidebar Image Border};
  242. padding: 10px;
  243. }
  244. #nav {
  245. text-align: center;
  246. margin: -3px 0 2px 0;
  247. }
  248. #nav a {
  249. width: 50px;
  250. display: inline-block;
  251. font: bold italic 10px arial;
  252. color: {color:Nav Text};
  253. text-transform: lowercase;
  254. text-align: center;
  255. background: {color:Nav Background};
  256. padding: 3px 0;
  257. margin-bottom: 2px;
  258. -webkit-transition: all 0.7s ease-in-out;
  259. -moz-transition: all 0.7s ease-in-out;
  260. -o-transition: all 0.7s ease-in-out;
  261. }
  262. #nav a:hover {
  263. color: {color:Nav Hover Text};
  264. background: {color:Nav Hover Background};
  265. }
  266. #title {
  267. width: 212px;
  268. font: 12px lucida console;
  269. color: {color:Title};
  270. text-transform: lowercase;
  271. text-align: center;
  272. border-bottom: 4px solid {color:Border};
  273. }
  274. #desc {
  275. text-align: justify;
  276. color: {color:Sidebar Text};
  277. }
  278. #pg {
  279. text-align: center;
  280. }
  281. #pg a {
  282. color: {color:Pagination};
  283. font-weight: bold;
  284. font-size: 12px;
  285. }
  286. #pg a:hover {
  287. color: {color:Pagination Hover};
  288. }
  289. .qs {
  290. text-align: center;
  291. border-bottom: 1px dashed {color:Info Border};
  292. }
  293. .quote {
  294. padding: 0 10px;
  295. font-size: 14px;
  296. font-style: italic;
  297. text-indent: 25px;
  298. }
  299. .qtsource {
  300. text-align: right;
  301. margin: 5px 0 0 150px;
  302. }
  303. .audio {
  304. width: 100%;
  305. background: #000;
  306. }
  307. #backtotop {
  308. position: fixed;
  309. bottom: 0px;
  310. right: 10px;
  311. padding: 5px;
  312. text-align: center;
  313. }
  314. #backtotop a {
  315. font: 30px lucida console, trebuchet ms, sans-serif;
  316. color: {color:Link};
  317. text-decoration: none;
  318. }
  319. #backtotop a:hover {
  320. color: {color:Link Hover};
  321. }
  322. {CustomCSS}
  323. </style>
  324.  
  325. {block:IfInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll}
  326.  
  327. </head><body>
  328.  
  329. <div id="backtotop"><a href="javascript:scroll(0,0)">▲</a></div>
  330.  
  331. <div id="bg"><img src="{image:Corner Background}"></div>
  332.  
  333. <div id="sidebar">
  334. {block:IfBlogTitle}<div id="title">{text:Blog Title}</div>{/block:IfBlogTitle}
  335. {block:IfSidebarPic}<center><img src="{image:Sidebar}"></center>{/block:IfSidebarPic}
  336. <div id="nav">
  337. <a href="/">index</a>
  338. <a href="/ask">ask</a>
  339. <a href="/archive">past</a>
  340. <a href="http://sakurane.tumblr.com">theme</a>
  341. {block:IfLink1}<a href="{text:Link Url 1}">{text:Link 1}</a>{/block:IfLink1}
  342. {block:IfLink2}<a href="{text:Link Url 2}">{text:Link 2}</a>{/block:IfLink2}
  343. {block:IfLink3}<a href="{text:Link Url 3}">{text:Link 3}</a>{/block:IfLink3}
  344. {block:IfLink4}<a href="{text:Link Url 4}">{text:Link 4}</a>{/block:IfLink4}</div>
  345. <div id="desc">{Description}</div>
  346. <div id="pg">
  347. {block:IfNotInfiniteScroll}{block:Pagination}
  348. {block:PreviousPage}
  349. <a class="pg" href="{PreviousPage}">&laquo;</a>
  350. {/block:PreviousPage}
  351.  
  352. {block:NextPage}
  353. <a class="pg" href="{NextPage}">&raquo;</a>
  354. {/block:NextPage}
  355. {/block:Pagination}{/block:IfNotInfiniteScroll}</div>
  356. </div>
  357.  
  358. <div id="container">
  359. {block:IfInfiniteScroll}
  360. <div class="autopagerize_page_element">
  361. {/block:IfInfiniteScroll}
  362. {block:Posts}
  363.  
  364. <div id="entry">{block:indexpage}<div id="perma"><a href="{Permalink}">{NoteCount}</a> &middot; <a href="{ReblogURL}">Reblog</a></div>{/block:indexpage}
  365.  
  366. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  367.  
  368. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" {block:If400px}width="400"{/block:If400px}{block:IndexPage}{block:If250px}width="250"{/block:If250px}{/block:IndexPage}/>{LinkCloseTag}{block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}{block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{/block:Photo}
  369.  
  370. {block:Photoset}<div class="photoset">{block:IndexPage}{block:If500px}{Photoset-500}{/block:If500px}{block:If250px}{Photoset-250}{/block:If250px}{/block:IndexPage}{block:If400px}{Photoset-400}{/block:If400px}{block:IfNot400px}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{/block:IfNot400px}</div>{block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}{block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{/block:Photoset}
  371.  
  372. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="qtsource"> —{Source}</div>{/block:Source}{/block:Quote}
  373.  
  374. {block:Link}<h1><a class="h1" href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  375.  
  376. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<hr style="border:1px dashed #f1f1f1;">{/block:Lines}{/block:Chat}
  377.  
  378. {block:Audio}<div class="audio">{AudioPlayerBlack}</div>{block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}{block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{/block:Audio}
  379.  
  380. {block:Video}{block:IndexPage}{block:If500px}{Video-500}{/block:If500px}{block:If250px}{Video-250}{/block:If250px}{/block:IndexPage}{block:If400px}{Video-400}{/block:If400px}{block:IfNot400px}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{/block:IfNot400px}{block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:IfNotShowCaption}{block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{/block:Video}
  381.  
  382. {block:Answer}<div class="qs">{Asker}: {Question}</div>{Answer}{/block:Answer}
  383.  
  384. {block:ContentSource}
  385. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  386. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  387. {/block:SourceLogo}
  388. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  389. {/block:ContentSource}
  390.  
  391. </div>
  392.  
  393. {block:permalinkpage}<div id="info">{block:Date}Posted <a href="{Permalink}">{TimeAgo}</a> with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}{block:RebloggedFrom}<br>(via <a href="{ReblogParentURL}">{ReblogParentName}</a> & source <a href="{ReblogRootURL}">{ReblogRootName}</a>){/block:RebloggedFrom}<br>{block:HasTags}tagged: {block:Tags}#<a href="{TagUrl}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>{/block:permalinkpage}
  394.  
  395. {block:permalinkpage}<div id="notes">{block:PostNotes}{PostNotes}
  396. {/block:PostNotes}</div>{/block:permalinkpage}
  397.  
  398. {/block:Posts}</div>
  399.  
  400. </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!