API tools faq
paste
Advertisement
rpaid

Untitled

rpaid
Apr 15th, 2013
44
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.81 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. THEME: #08 - Wings
  3. by sakurane - (sakurane.tumblr.com)
  4. inspired by la-romanesca.tumblr.com
  5. ----------------------------------------------------------------------
  6. TERMS OF USAGE
  7. 1. Do not remove the credit. (You may move it to a credits page.)
  8. 2. Do not use as a base code.
  9. 3. Do not take any part of the code.
  10. 4. Do not redistribute.
  11. 5. Do not claim as your own.
  12. 6. You may customize to your liking, but keep the credit intact.
  13. -->
  14.  
  15. <!DOCTYPE html>
  16. <html>
  17. <head>
  18.  
  19. <title>{Title}</title>
  20.  
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. <link rel="stylesheet" href="http://static.tumblr.com/kzorqqu/8EOmgtzik/normalize.css"/>
  24.  
  25. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  26.  
  27. <meta name="image:Background" content=""/>
  28. <meta name="image:Header" content=""/>
  29.  
  30. <meta name="if:400px" content="1"/>
  31. <meta name="if:500px" content="0"/>
  32.  
  33. <meta name="if:Show Caption" content="0"/>
  34. <meta name="if:Show Tags" content="0"/>
  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:Scrollbar BG" content="#fff"/>
  45. <meta name="color:Scrollbar" content="#444"/>
  46. <meta name="color:Background" content="#fff"/>
  47. <meta name="color:Post Font" content="#999"/>
  48. <meta name="color:Bold" content="#999"/>
  49. <meta name="color:Italic" content="#999"/>
  50. <meta name="color:Link" content="#444"/>
  51. <meta name="color:Post BG" content="#fff"/>
  52. <meta name="color:Menu Link BG" content="#444"/>
  53. <meta name="color:Menu Link" content="#eee"/>
  54. <meta name="color:Menu Link Hover" content="#808080"/>
  55. <meta name="color:Title" content="#7f7fa3"/>
  56. <meta name="color:Sidebar Link" content="#aaa"/>
  57. <meta name="color:Sidebar Link BG" content="#eee"/>
  58. <meta name="color:Info Link" content="#8686ac"/>
  59. <meta name="color:Info Border" content="#ebebeb"/>
  60. <meta name="color:Tags BG" content="#f6f5f5"/>
  61. <meta name="color:Asker Link" content="#a5a5bd"/>
  62.  
  63. <meta name="text:Blog Title" content=""/>
  64.  
  65. <meta name="text:Main Font" content="cambria"/>
  66. <meta name="font:Secondary Font" content="neou"/>
  67.  
  68. <meta name="text:Menu Link Font Size" content="10"/>
  69. <meta name="text:Sidebar Title Font Size" content="14"/>
  70. <meta name="text:Post Title Font Size" content="18"/>
  71. <meta name="text:Post Font Size" content="11"/>
  72.  
  73. <meta name="text:Link 1" content=""/>
  74. <meta name="text:Link Url 1" content=""/>
  75. <meta name="text:Link 2" content=""/>
  76. <meta name="text:Link Url 2" content=""/>
  77. <meta name="text:Link 3" content=""/>
  78. <meta name="text:Link Url 3" content=""/>
  79. <meta name="text:Link 4" content=""/>
  80. <meta name="text:Link Url 4" content=""/>
  81. <meta name="text:Link 5" content=""/>
  82. <meta name="text:Link Url 5" content=""/>
  83. <meta name="text:Link 6" content=""/>
  84. <meta name="text:Link Url 6" content=""/>
  85.  
  86. <style>
  87. iframe#tumblr_controls {
  88. position: fixed!important;
  89. right: 3px!important;
  90. }
  91. ::-webkit-scrollbar-thumb:vertical {
  92. height: 100px;
  93. background: {color:Scrollbar};
  94. }
  95. ::-webkit-scrollbar {
  96. height: 10px;
  97. width: 10px;
  98. background: {color:Scrollbar BG};
  99. }
  100. ::selection, ::-moz-selection {
  101. background-color: #f9f9f9;
  102. color: #888;
  103. }
  104. body {
  105. margin: 0;
  106. background: {color:Background} url({image:Background}) repeat fixed;
  107. color: {color:Post Font};
  108. font: {text:Post Font Size}px '{text:Main Font}', garamond;
  109. word-wrap: break-word;
  110. }
  111. a {
  112. color: {color:Link};
  113. text-decoration: none;
  114. border: 0;
  115. }
  116. b, strong {
  117. color: {color:Bold};
  118. }
  119. i, em {
  120. color: {color:Italic};
  121. }
  122. small {
  123. font-size: 10px;
  124. }
  125. pre {
  126. width: 100%;
  127. overflow: auto;
  128. }
  129. #entry img, iframe.photoset {
  130. border: 0;
  131. max-width: 100%;
  132. }
  133. .iframe.photoset {
  134. display: block;
  135. }
  136. #container {
  137. width: 750px;
  138. background: {color:Post BG};
  139. margin: 0 auto;
  140. }
  141. #entry {
  142. {block:If400px}width: 400px; padding: 20px 0px;{/block:If400px}
  143. {block:If500px}width: 500px; padding: 20px 120px;{/block:If500px}
  144. line-height: 14px;
  145. overflow: hidden;
  146. }
  147. {block:IndexPage}#entry img, .photoset {
  148. {block:IfFadedImage} opacity: 0.8; {/block:IfFadedImage}
  149. {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+ *
  150. filter: gray; /* IE6-9 */
  151. -webkit-filter: grayscale(100%); /* Google Chrome */ {/block:IfGrayscaleWithHover}{/block:IfNotGrayscale}
  152. {block:IfFadedImage} opacity: 0.8; {/block:IfFadedImage}
  153. {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+ *
  154. filter: gray; /* IE6-9 */
  155. -webkit-filter: grayscale(100%); /* Google Chrome */ {/block:IfGrayscale}{/block:IfNotGrayscaleWithHover}
  156. -webkit-transition: all 0.9s ease-in-out;
  157. -moz-transition: all 0.9s ease-in-out;
  158. -o-transition: all 0.9s ease-in-out;
  159. }
  160. #entry img:hover, .photoset:hover {
  161. {block:IfFadedImage} opacity: 1; {/block:IfFadedImage}
  162. {block:IfNotGrayscale}{block:IfGrayscaleWithHover} filter: none;
  163. -webkit-filter: grayscale(0%); {/block:IfGrayscaleWithHover}{/block:IfNotGrayscale}
  164. }{/block:IndexPage}
  165. #header {
  166. width: 750px;
  167. margin: 0 auto;
  168. }
  169. #header img {
  170. width: 750px;
  171. }
  172. #menu {
  173. width: 750px;
  174. background: {color:Menu Link BG};
  175. text-align: center;
  176. padding: 8px 0;
  177. margin-top: -3px;
  178. }
  179. #menu a {
  180. color: {color:Menu Link};
  181. font: { font-family: “neou”; src: url(‘http://static.tumblr.com/5qxxyvw/dqMmkv082/neou-bold.otf’)};
  182. text-shadow: 1px 1px 4px #000;
  183. margin: 0 25px;
  184. letter-spacing: 2px;
  185. text-transform: uppercase;
  186. }
  187. #menu a:hover {
  188. color: {color:Menu Link Hover};
  189. opacity: 3;
  190. }
  191. #sidebar {
  192. {block:If400px}width: 210px; padding: 20px 0px;{/block:If400px}
  193. {block:If500px}width: 190px; padding: 10px;{/block:If500px}
  194. float: center;
  195. margin-left: 267px;
  196. }
  197. #entry:hover #reblog {
  198. opacity: 1;
  199. }
  200. #reblog {
  201. background: {color:Post BG};
  202. font-style: italic;
  203. position: absolute;
  204. padding: 5px;
  205. {block:If400px}margin: 10px 0 0 350px;{/block:If400px}
  206. {block:If500px}margin: 10px 0 0 450px;{/block:If500px}
  207. opacity: 0;
  208. z-index: 9999;
  209. -webkit-transition: all 0.5s ease-in-out;
  210. -moz-transition: all 0.5s ease-in-out;
  211. -o-transition: all 0.5s ease-in-out;
  212. transition: all 0.5s ease-in-out;
  213. }
  214. #info {
  215. margin-top: 20px;
  216. text-transform: lowercase;
  217. letter-spacing: 1px;
  218. }
  219. #info a {
  220. color: {color:Info Link};
  221. }
  222. #tags {
  223. padding-bottom: 5px;
  224. {block:IfNotShowTags}{block:IndexPage}display: none;{/block:IndexPage}{/block:IfNotShowTags}
  225. }
  226. #tags a {
  227. font-style: italic;
  228. background: {color:Tags BG};
  229. color: {color:Sidebar Link};
  230. }
  231. #permabar {
  232. border-top: 1px solid {color:Info Border};
  233. padding-top: 5px;
  234. }
  235. #via {
  236. float: right;
  237. }
  238. #notes {
  239. text-align: left;
  240. {block:If400px}width: 400px;{/block:If400px}
  241. {block:If500px}width: 500px;{/block:If500px}
  242. }
  243. #notes a {
  244. color: {color:Sidebar Link};
  245. }
  246. ol.notes li.note {
  247. list-style-type: none;
  248. margin: 10px 0;
  249. }
  250. ol.notes li.note img.avatar {
  251. width: 10px;
  252. height: 10px;
  253. border-radius: 5px;
  254. -moz-border-radius: 5px;
  255. }
  256. .q {
  257. font: bold 60px georgia;
  258. line-height: 50px;
  259. position: absolute;
  260. color: {color:Asker Link};
  261. }
  262. .quote {
  263. font: 12px {font:Secondary Font};
  264. text-indent: 35px;
  265. text-align: justify;
  266. }
  267. .quote:first-letter {
  268. font: italic 22px Script MT Bold;
  269. padding-right: 1px;
  270. }
  271. .source {
  272. text-align: center;
  273. text-transform: uppercase;
  274. letter-spacing: 2px;
  275. font-size: 9px;
  276. }
  277. .music {
  278. height: 60px;
  279. }
  280. .audio {
  281. width: 26px;
  282. height: 26px;
  283. position: absolute;
  284. margin: 17px 0 0 32px;
  285. overflow: hidden;
  286. opacity: 0.5;
  287. z-index: 999;
  288. {block:IfAudioPlayerWhite} background: #fff; {/block:IfAudioPlayerWhite}{block:IfAudioPlayerGrey} background: #e4e4e4; {/block:IfAudioPlayerGrey}{block:IfAudioPlayerBlack} background: #000; {/block:IfAudioPlayerBlack}
  289. }
  290. .album {
  291. width: 50px;
  292. height: 50px;
  293. float: left;
  294. margin: 0 20px;
  295. padding-top: 5px;
  296. }
  297. .audinfo {
  298. padding-top: 8px;
  299. }
  300. .ask {
  301. font: 9px {font:Secondary Font};
  302. padding: 0 10px;
  303. letter-spacing: 1px;
  304. }
  305. .asker, .asker a, #reblog a {
  306. color: {color:Asker Link};
  307. }
  308. #backtotop{
  309. position: fixed;
  310. right: 10px;
  311. bottom: 0px;
  312. padding: 5px;
  313. text-align: center;
  314. }
  315. #backtotop a{
  316. text-transform: uppercase;
  317. letter-spacing: 2px;
  318. }
  319. {CustomCSS}
  320. </style>
  321.  
  322. {block:IfInfiniteScroll}<script type="text/javascript" src="http://static.tumblr.com/6hsqxdt/iBxmbtmw4/infinitescrolling.js"></script>{/block:IfInfiniteScroll}
  323.  
  324. </head><body>
  325.  
  326. {block:IfInfiniteScroll}<div id="backtotop"><a href="javascript:scroll(0,0)">top</a></div>{/block:IfInfiniteScroll}
  327.  
  328. <div id="header"><img src="{image:Header}"><div id="menu"><a href="/">index</a><a href="/ask">message</a><a href="/navigation">NAVIGUIDE</a><a href="http://sakurane.tumblr.com">CREDIT <script language="JavaScript">
  329. var ref = (''+document.referrer+'');
  330. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID2755920&e1=&e2=&r=' + ref + '"><\/script>');
  331. </script> </a></div></div>
  332.  
  333. <div id="container">
  334. <div id="sidebar"><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}{block:ifLink6}<a href="{text:Link URL 6}">{text:Link 6}</a>{/block:ifLink6}</div>{block:IfNotInfiniteScroll}{block:Pagination}
  335. <div id="pg">{block:PreviousPage} <a href="{PreviousPage}"><center><big><code>←</big></code></center></a> {/block:PreviousPage}{block:NextPage}<big><code><center>PAGE <b>{CurrentPage}</b> -- {TotalPages} <a href="{NextPage}">→</b></big></code></a> {/block:NextPage} </div>{/block:Pagination}{/block:IfNotInfiniteScroll}</div>
  336.  
  337. {block:IfInfiniteScroll}
  338. <div class="autopagerize_page_element">
  339. {/block:IfInfiniteScroll}
  340.  
  341. {block:Posts}<div id="entry">{block:IndexPage}<div id="reblog"><a href="{ReblogURL}">reblog</a></div>{/block:IndexPage}
  342.  
  343. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  344.  
  345. {block:Photo}{LinkOpenTag}<img style="display: block;" 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}
  346.  
  347. {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}
  348.  
  349. {block:Quote}<div class="q">“</div><div class="quote">{Quote}</div>{block:Source} <div class="source">{Source}</div>{/block:Source}{/block:Quote}
  350.  
  351. {block:Link}<h1><a href="{URL}" {Target}>{Name} →</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  352.  
  353. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  354.  
  355. {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}
  356.  
  357. {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}
  358.  
  359. {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}
  360.  
  361. {block:ContentSource}
  362. <!-- {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:RebloggedFrom}{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  363. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  364. {/block:SourceLogo}
  365. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  366. {/block:ContentSource}
  367.  
  368. <div id="info">{block:HasTags}<div id="tags">Tagged: {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 {NoteCountWithLabel}{/block:NoteCount}{/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>
  369.  
  370. </div>{/block:Posts}
  371.  
  372. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  373.  
  374. </div>
  375.  
  376. </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!