API tools faq
paste
Advertisement
enchantique

09. SANCTUARY

enchantique
Nov 4th, 2012
17,418
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.45 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. THEME: #09 - Sanctuary
  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}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25.  
  26. <meta name="image:Background" content=""/>
  27. <meta name="image:Sidebar" content=""/>
  28.  
  29. <meta name="if:400px" content="0"/>
  30. <meta name="if:500px" content="1"/>
  31.  
  32. <meta name="if:Show Caption" content="0"/>
  33. <meta name="if:Show Tags" content="0"/>
  34.  
  35. <meta name="if:AudioPlayerWhite" content="1"/>
  36. <meta name="if:AudioPlayerGrey" content="0"/>
  37. <meta name="if:AudioPlayerBlack" content="0"/>
  38.  
  39. <meta name="if:Infinite Scroll" content="0"/>
  40. <meta name="if:Faded Image" content="0"/>
  41. <meta name="if:Grayscale" content="0"/>
  42. <meta name="if:Grayscale With Hover" content="0"/>
  43.  
  44. <meta name="color:Background" content="#fbf6f3"/>
  45. <meta name="color:Post Font" content="#9d9391"/>
  46. <meta name="color:Post Title" content="#b9a9ab"/>
  47. <meta name="color:Post Title Border" content="#f2ebe5"/>
  48. <meta name="color:Link" content="#bcadae"/>
  49. <meta name="color:Bold" content="#9d9391"/>
  50. <meta name="color:Italic" content="#9d9391"/>
  51. <meta name="color:Blockquote BG" content="#fff"/>
  52. <meta name="color:Sidebar BG" content="#373438"/>
  53. <meta name="color:Sidebar IMG Border" content="#605e5a"/>
  54. <meta name="color:Sidebar Link BG" content="#554f4e"/>
  55. <meta name="color:Sidebar Link" content="#bcadae"/>
  56. <meta name="color:Sidebar Title" content="#e8dbda"/>
  57. <meta name="color:Sidebar Quotation Mark" content="#554f4e"/>
  58. <meta name="color:Tags BG" content="#f2ebe5"/>
  59. <meta name="color:Info Border" content="#e3ded7"/>
  60. <meta name="color:Scrollbar BG" content="#fff"/>
  61. <meta name="color:Scrollbar" content="#f3eae5"/>
  62.  
  63. <meta name="font:Main Font" content="trebuchet ms"/>
  64. <meta name="text:Secondary Font" content="cambria"/>
  65.  
  66. <meta name="text:Desc Font Size" content="16"/>
  67. <meta name="text:Post Font Size" content="11"/>
  68. <meta name="text:Info Font Size" content="10"/>
  69. <meta name="text:Tags Font Size" content="12"/>
  70. <meta name="text:Desc Symbol" content="♛"/>
  71. <meta name="text:Ask" content="asked"/>
  72.  
  73. <meta name="text:Blog Title" content=""/>
  74.  
  75. <meta name="text:Link 1" content=""/>
  76. <meta name="text:Link Url 1" content=""/>
  77. <meta name="text:Link 2" content=""/>
  78. <meta name="text:Link Url 2" content=""/>
  79. <meta name="text:Link 3" content=""/>
  80. <meta name="text:Link Url 3" content=""/>
  81. <meta name="text:Link 4" content=""/>
  82. <meta name="text:Link Url 4" content=""/>
  83.  
  84. <style>
  85. iframe#tumblr_controls {
  86. position: fixed!important;
  87. right: 3px!important;
  88. }
  89. ::-webkit-scrollbar-thumb:vertical {
  90. height: 100px;
  91. background: {color:Scrollbar};
  92. }
  93. ::-webkit-scrollbar {
  94. height: 10px;
  95. width: 10px;
  96. background: {color:Scrollbar BG};
  97. }
  98. ::selection, ::-moz-selection {
  99. background-color: #fff;
  100. color: #888;
  101. }
  102. body {
  103. background: {color:Background} url({image:Background}) repeat fixed;
  104. margin: 0;
  105. word-wrap: break-word;
  106. color: {color:Post Font};
  107. font: {text:Post Font Size}px {font:Main Font};
  108. }
  109. a {
  110. text-decoration: none;
  111. color: {color:Link};
  112. }
  113. b, strong {
  114. color: {color:Bold};
  115. }
  116. i, em {
  117. color: {color:Italic};
  118. }
  119. blockquote {
  120. background: {color:Blockquote BG};
  121. margin: 0 15px;
  122. padding: 2px 15px;
  123. }
  124. blockquote blockquote {
  125. margin: 0px 0px 4px 10px;
  126. }
  127. #entry img, iframe.photoset {
  128. border: 0;
  129. max-width: 100%;
  130. }
  131. .iframe.photoset {
  132. display: block;
  133. }
  134. pre {
  135. width: 100%;
  136. overflow: auto;
  137. }
  138. #container {
  139. margin-left: 450px;
  140. padding-bottom: 60px;
  141. }
  142. #entry {
  143. {block:If500px} width: 500px; {/block:If500px}
  144. {block:If400px}{block:IndexPage} width: 400px; {/block:IndexPage}{block:PermalinkPage} width: 500px; {/block:PermalinkPage}{/block:If400px}
  145. padding: 20px;
  146. margin: 60px 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. #sidebar1 {
  168. width: 270px;
  169. height: 110%;
  170. background: url({image:Sidebar}) repeat fixed 0 100%;
  171. left: 0;
  172. position: fixed;
  173. margin-top: -60px;
  174. }
  175. #sidebar2 {
  176. width: 136px;
  177. height: 100%;
  178. background: {color:Sidebar BG};
  179. text-align: center;
  180. padding-top: 180px;
  181. position: fixed;
  182. left: 270px;
  183. margin-top: -60px;
  184. }
  185. #sidebar2 img {
  186. width: 50px;
  187. height: 50px;
  188. border: 10px solid {color:Sidebar IMG Border};
  189. }
  190. .about {
  191. {block:If500px} width: 520px; {/block:If500px}
  192. {block:If400px}{block:IndexPage} width: 420px; {/block:IndexPage}{block:PermalinkPage} width: 520px; {/block:PermalinkPage}{/block:If400px}
  193. color: #5b5855;
  194. font: {text:Desc Font Size}px {text:Secondary Font};
  195. padding: 10px;
  196. text-align: center;
  197. margin-top: 60px;
  198. border-bottom: 1px solid {color:Info Border};
  199. background: {color:Background};
  200. }
  201. #nav {
  202. width: 70px;
  203. margin: 15px 0 0 34px;
  204. letter-spacing: 2px;
  205. font: 8px {font:Main Font};
  206. text-transform: uppercase;
  207. }
  208. #nav a {
  209. display: block;
  210. background: {color:Sidebar Link BG};
  211. margin: 5px 0;
  212. color: {color:Sidebar Link};
  213. }
  214. h1 {
  215. font: italic 14px {text:Secondary Font};
  216. border-left: 15px solid {color:Post Title Border};
  217. padding-left: 10px;
  218. color: {color:Post Title};
  219. margin-top: -10px;
  220. }
  221. h2 {
  222. width: 70px;
  223. color: {color:Sidebar Title};
  224. font: italic 12px {text:Secondary Font};
  225. letter-spacing: 1px;
  226. margin: 15px 0 0 34px;
  227. position: relative;
  228. z-index: 999;
  229. }
  230. .q {
  231. font: 8em georgia;
  232. position: fixed;
  233. margin-left: 2%;
  234. color: {color:Sidebar Quotation Mark};
  235. height: 40px;
  236. overflow: hidden;
  237. }
  238. .q2 {
  239. font: 8em georgia;
  240. text-align: center;
  241. height: 50px;
  242. overflow: hidden;
  243. }
  244. #pg {
  245. margin-top: 15px;
  246. }
  247. #info {
  248. {block:If500px} width: 490px; {/block:If500px}
  249. {block:If400px}{block:IndexPage} width: 390px; {/block:IndexPage}{block:PermalinkPage} width: 490px; {/block:PermalinkPage}{/block:If400px}
  250. margin-top: -60px;
  251. text-transform: uppercase;
  252. letter-spacing: 2px;
  253. border-top: 1px solid {color:Info Border};
  254. padding: 0 5px;
  255. margin-left: 20px;
  256. font-size: {text:Info Font Size}px;
  257. }
  258. #tags {
  259. font: italic {text:Tags Font Size}px {text:Secondary Font};
  260. margin: 20px 0 -20px 0;
  261. letter-spacing: 1px;
  262. background: {color:Tags BG};
  263. padding: 10px 5px;
  264. {block:IfNotShowTags}{block:IndexPage}display:none;{/block:IndexPage}{/block:IfNotShowTags}
  265. }
  266. #notes {
  267. text-align: left;
  268. {block:If500px} width: 500px; {/block:If500px}
  269. {block:If400px}{block:IndexPage} width: 400px; {/block:IndexPage}{block:PermalinkPage} width: 500px; {/block:PermalinkPage}{/block:If400px}
  270. margin-top: 80px;
  271. }
  272. ol.notes li.note {
  273. list-style-image: url('http://static.tumblr.com/6hsqxdt/YmUmcuf27/heart.png');
  274. margin: 0 10px;
  275. }
  276. ol.notes li.note img.avatar {
  277. display: none;
  278. }
  279. .asker {
  280. font: italic 16px {text:Secondary Font};
  281. letter-spacing: 1px;
  282. }
  283. .qs {
  284. padding: 10px;
  285. background: {color:Blockquote BG};
  286. }
  287. .quote {
  288. text-align: center;
  289. padding: 0 40px;
  290. font: italic 16px {text:Secondary Font};
  291. }
  292. .music {
  293. height: 60px;
  294. }
  295. .audio {
  296. width: 26px;
  297. height: 26px;
  298. position: absolute;
  299. margin: 17px 0 0 32px;
  300. overflow: hidden;
  301. opacity: 0.5;
  302. z-index: 999;
  303. {block:IfAudioPlayerWhite} background: #fff; {/block:IfAudioPlayerWhite}{block:IfAudioPlayerGrey} background: #e4e4e4; {/block:IfAudioPlayerGrey}{block:IfAudioPlayerBlack} background: #000; {/block:IfAudioPlayerBlack}
  304. }
  305. .album {
  306. width: 50px;
  307. height: 50px;
  308. float: left;
  309. margin: 0 20px;
  310. padding-top: 5px;
  311. }
  312. .audinfo {
  313. padding-top: 6px;
  314. }
  315. #backtotop{
  316. position: fixed;
  317. right: 10px;
  318. bottom: 0px;
  319. padding: 5px;
  320. text-align: center;
  321. }
  322. #backtotop a{
  323. text-transform: uppercase;
  324. letter-spacing: 2px;
  325. }
  326. {CustomCSS}
  327. </style>
  328.  
  329. {block:IfInfiniteScroll}<script type="text/javascript" src="http://static.tumblr.com/6hsqxdt/iBxmbtmw4/infinitescrolling.js"></script>{/block:IfInfiniteScroll}
  330.  
  331. </head><body>
  332.  
  333. {block:IfInfiniteScroll}<div id="backtotop"><a href="javascript:scroll(0,0)">top</a></div>{/block:IfInfiniteScroll}
  334.  
  335. <div id="sidebar1"></div><div id="sidebar2"><img src="{PortraitURL-48}">{block:ifBlogTitle}<div class="q">“</div><h2>{text:Blog Title}</h2>{/block:ifBlogTitle}<div id="nav"><a href="/">home</a><a href="/ask">message</a><a href="/archive">past</a><a href="http://sakurane.tumblr.com">theme</a>{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}</div>{block:IfNotInfiniteScroll}{block:Pagination} <div id="pg">{block:PreviousPage} <a href="{PreviousPage}">&laquo;</a> {/block:PreviousPage}{block:NextPage} {CurrentPage}/{TotalPages} <a href="{NextPage}">&raquo;</a> {/block:NextPage} </div>{/block:Pagination}{/block:IfNotInfiniteScroll}</div>
  336.  
  337. <div id="container">
  338.  
  339. {block:Description}<div class="about">{text:Desc Symbol}<p><i>{Description}</i></div>{/block:Description}
  340.  
  341. {block:IfInfiniteScroll}
  342. <div class="autopagerize_page_element">
  343. {/block:IfInfiniteScroll}
  344.  
  345. {block:Posts}<div id="entry">
  346.  
  347. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  348.  
  349. {block:Photo}{LinkOpenTag}<img style="display:block;" src="{PhotoURL-500}" {block:If400px}{block:IndexPage}width="400"{/block:IndexPage}{/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}
  350.  
  351. {block:Photoset}{block:If500px}{Photoset-500}{/block:If500px}{block:If400px}{block:IndexPage}{Photoset-400}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{/block:If400px}{block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}{/block:Photoset}
  352.  
  353. {block:Quote}<div class="q2">“</div><div class="quote">{Quote}{block:Source} —<b>{Source}</b>{/block:Source}</div><div class="q2">”</div>{/block:Quote}
  354.  
  355. {block:Link}<h1><a href="{URL}" {Target}>{Name} ⇢</a></h1>{block:Description}<blockquote>{Description}</blockquote>{/block:Description}{/block:Link}
  356.  
  357. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  358.  
  359. {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}
  360.  
  361. {block:Video}{block:If500px}{Video-500}{/block:If500px}{block:If400px}{block:IndexPage}{Video-400}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{/block:If400px}{block:IfShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}{block:IfNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaption}{/block:Video}
  362.  
  363. {block:Answer}<div class="asker">{Asker} {text:Ask}:</div><div class="qs"><img src="{AskerPortraitURL-16}" style="float:left; padding-right: 10px;"><i>{Question}</i></div>{Answer}{/block:Answer}
  364.  
  365. {block:ContentSource}
  366. <!-- {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:RebloggedFrom}{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  367. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  368. {/block:SourceLogo}
  369. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  370. {/block:ContentSource}
  371.  
  372. {block:HasTags}<div id="tags">tagged: {block:Tags}<img src="http://static.tumblr.com/6hsqxdt/pz1mcsq0q/tag.png"><a href="{TagURL}">{Tag}</a> &nbsp;{/block:Tags}</div>{/block:HasTags}
  373.  
  374. </div>
  375.  
  376. <div id="info">{block:Date}<a href="{Permalink}">{ShortMonth} {DayofMonthWithZero}</a>{/block:Date}{block:NoteCount} + <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom}&raquo; {block:If500px}via <a href="{ReblogParentURL}">{ReblogParentName}</a> &copy; <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:If500px}{block:If400px}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> <a href="{ReblogRootURL}" title="{ReblogRootName}">&copy;</a>{/block:If400px}{/block:RebloggedFrom}<div style="float: right;"><a href="{ReblogURL}">Reblog</a></div></div>
  377.  
  378. {/block:Posts}
  379.  
  380. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  381.  
  382. </div>
  383.  
  384. </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!