API tools faq
paste
Advertisement
sunkei

tanikaze

sunkei
Jul 25th, 2014
3,572
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.87 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. tanikaze
  3. theme made by gyapo.tumblr.com
  4. don't remove this comment
  5. -->
  6.  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8.  
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10.  
  11.  
  12. <head>
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19.  
  20. <meta name="image:Background" content="http://static.tumblr.com/..."/>
  21. <meta name="image:LeftBackground" content="http://static.tumblr.com/onhp7lq/uz4n8yiun/2f3e5d15c7479b825cf5d647f782ee1042c13ca1_m.gif"/>
  22. <meta name="image:right" content="https://secure.static.tumblr.com/df12327744c82c50d3104c7be79589fb/onhp7lq/XVVn778hi/tumblr_static_er24pud2514wo4sgw04kg8sok.png"/>
  23.  
  24. <meta name="color:Background" content="#000" />
  25. <meta name="color:Title" content="#eee" />
  26. <meta name="color:TitleBG" content="#000" />
  27. <meta name="color:LeftBG" content="#fff" />
  28.  
  29. <meta name="color:Link" content="#000" />
  30. <meta name="color:LinkBG" content="#fff" />
  31. <meta name="color:Link border" content="#353535" />
  32.  
  33.  
  34. <meta name="color:Entry title" content="#fff" />
  35. <meta name="color:Entry border" content="#111" />
  36. <meta name="color:Texts" content="#555" />
  37.  
  38.  
  39. <meta name="text:link1" content="link1" />
  40. <meta name="text:link1URL" content="/" />
  41. <meta name="text:link2" content="link2" />
  42. <meta name="text:link2URL" content="/" />
  43. <meta name="text:link3" content="link3" />
  44. <meta name="text:link3URL" content="/" />
  45.  
  46.  
  47.  
  48. <meta name="if:250" content="1"/>
  49. <meta name="if:500" content="0"/>
  50. <meta name="if:400" content="0"/>
  51. <meta name="if:EndlessScroll" content="0"/>
  52. <meta name="if:Caption" content="0"/>
  53.  
  54.  
  55.  
  56. {block:IfEndlessScroll}
  57.  
  58. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  59. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScroll}
  60.  
  61. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  62. <script type="text/javascript">
  63.  
  64. $(document).ready(function() {
  65. $('#polo').click(function() {
  66. $('.links').toggle();
  67. });
  68. });
  69. </script>
  70.  
  71.  
  72. <style type="text/css">
  73.  
  74. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  75.  
  76. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  77.  
  78.  
  79.  
  80. body
  81. {font-family:arial;
  82. font-size:10px;
  83. color:{color:Texts};
  84. background-color:{color:Background};
  85. background-image:url('{image:Background}');
  86. background-position: fixed;
  87. background-attachment:fixed;
  88. background-repeat:repeat;}
  89.  
  90. a
  91. {text-decoration:none;
  92. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;
  93. opacity:1;}
  94.  
  95. a:hover
  96. {text-decoration:none;
  97. color:{color:Link hover};
  98. opacity:1;}
  99.  
  100. blockquote
  101. {border-left:1px solid {color:Entry title};
  102. padding-left:5px;}
  103.  
  104. img
  105. {margin-bottom:-3px;}
  106.  
  107.  
  108.  
  109. #left
  110. {width:200px;
  111. position:fixed;top:0px; left:0px; font-family:consolas;}
  112.  
  113. #pannel
  114. {width:95px;
  115. height:100%;
  116. position:fixed;
  117. background-image:url('{image:LeftBackground}');
  118.  
  119. background-color:{color:LeftBG};
  120. }
  121.  
  122. #blog
  123. {width:5px;
  124. color:{color:Title};padding:3px;
  125. text-align:center;
  126. background-color:{color:TitleBG};
  127. text-transform:uppercase;}
  128.  
  129. #menu
  130. {position:fixed; left:80px; top:250px; width:88px;}
  131.  
  132. .fur
  133. {padding:3px;
  134. margin-bottom:5px;
  135. border:1px dotted {color:Link border};
  136. float:left;
  137. text-transform:uppercase;letter-spacing:1px;font-size:9px;}
  138.  
  139.  
  140.  
  141. .fur:hover
  142. {border:1px solid {color:LinkBG};}
  143.  
  144. .links
  145. {display:none;width:93px;float:right;margin-bottom:8px;}
  146.  
  147. .more
  148. {color:{color:LinkBG};margin-left:25px; opacity:1;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out; }
  149.  
  150. #polo:hover
  151. {cursor:pointer;}
  152. .more:hover
  153. {opacity:0.4;}
  154.  
  155. .iro
  156. {color:{color:Link};
  157. background-color:{color:LinkBG};
  158. padding:0px 1px 0px 1px;
  159. }
  160.  
  161.  
  162. #posts
  163. {margin-left:350px;margin-bottom:50px;}
  164.  
  165. .post
  166. { text-align:justify;
  167. margin-top:80px;
  168. color:{color:Texts};}
  169.  
  170. .bord
  171. {border: 1px solid {color:Entry border};width:{block:If500}500px{/block:If500}
  172. {block:If400}400px{/block:If400}
  173. {block:If250}250px{/block:If250};
  174. color:{color:Texts};
  175.  
  176. padding:3px;}
  177.  
  178. #bas
  179. {width:{block:If500}500px{/block:If500}
  180. {block:If400}400px{/block:If400}
  181. {block:If250}250px{/block:If250};
  182. text-align:justify;}
  183.  
  184.  
  185.  
  186. .post img
  187. {max-width:{block:If500}500px{/block:If500}
  188. {block:If400}400px{/block:If400}
  189. {block:If250}250px{/block:If250};}
  190.  
  191. .texte a
  192. {color:{color:Entry title};
  193. text-transform:uppercase;font-size:8px;letter-spacing:1px;text-decoration:underline;}
  194.  
  195. #title
  196. {color:{color:Entry title};font-size:14px;font-style:italic;
  197. text-transform:uppercase;text-align:center;}
  198.  
  199. #quote
  200. {font-size:14px;font-family:calibri;}
  201.  
  202. #qui
  203. {font-size:8px;letter-spacing:1px;
  204. text-transform:uppercase;
  205. margin-top:3px;text-align:center;font-style:italic;}
  206.  
  207. .label
  208. {font-size:8px;letter-spacing:1px;
  209. text-transform:uppercase;font-style:italic;color:{color:Entry title};}
  210.  
  211. #time
  212. {text-align:center;padding:3px;color:{color:Entry title};{block:If500}width:500px;{/block:If500}
  213. {block:If400}width:400px;{/block:If400}
  214. {block:If250}width:250px;{/block:If250}}
  215.  
  216. #time a
  217. {color:{color:Entry title};}
  218.  
  219. #pagination
  220. {width:{block:If500}500px{/block:If500}
  221. {block:If400}400px{/block:If400}
  222. {block:If250}250px{/block:If250};text-align:center;
  223. margin-bottom:50px;margin-top:20px;
  224. font-family:consolas;
  225. padding:3px;
  226. }
  227. #pagination a
  228. {color:{color:Entry title};}
  229. </style>
  230. </head>
  231. <body>
  232.  
  233. {block:IfEndlessScroll}
  234. <div style="position:fixed;bottom:3px;right:10px;" ><a class="label" href="#top">back to top</a> / <a class="label" title="tanikaze" href="http://gyapo.tumblr.com/">©</a></div>
  235. {/block:IfEndlessScroll}
  236.  
  237. <div style="position:fixed;bottom:-1px;right:-1px;z-index:-999;"><img src="{image:right}"/></div>
  238.  
  239.  
  240. <div id="left">
  241. <div id="pannel">
  242. <div id="blog">{Title}</div>
  243. </div><!--pannel-->
  244. <div id="menu">
  245. <a href="/"><div id="flesh">
  246. <div class="fur"><span class="iro">+ home page</span></div>
  247. </div></a><!--flesh-->
  248. <a href="/ask"><div id="flesh">
  249. <div class="fur"><span class="iro">+ message box</span></div>
  250. </div></a><!--flesh-->
  251. <div id="flesh">
  252. <div class="fur"><span id="polo" class="iro">+ more</span></div></div><!--flesh-->
  253.  
  254. <div class="links">
  255. <a href="{text:link1URL}"><div class="more">// {text:link1}</div></a>
  256. <a href="{text:link2URL}"><div class="more">// {text:link2}</div></a>
  257. <a href="{text:link3URL}"><div class="more">// {text:link3}</div></a>
  258. </div><!--links-->
  259. <a href="/archive"><div id="flesh">
  260.  
  261.  
  262.  
  263.  
  264. <div class="fur"><span class="iro">+ archive</span></div>
  265. </div></a><!--flesh-->
  266.  
  267. </div><!--menu-->
  268.  
  269. </div><!--left-->
  270.  
  271.  
  272.  
  273. <div id="posts">
  274. {block:Posts}
  275.  
  276. <div class="post">
  277. <div class="bord">
  278.  
  279. {block:RebloggedFrom}
  280. <!--{ReblogParentName}-->
  281. {/block:RebloggedFrom}
  282.  
  283. {block:ContentSource}
  284. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  285. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  286. {/block:SourceLogo}
  287. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  288. {/block:ContentSource}
  289.  
  290.  
  291. {block:Text}
  292. {block:Title}<div id="title">{Title}</div> {/block:Title}
  293. <div class="texte">{Body}</div>
  294. {/block:Text}
  295.  
  296. {block:Link}
  297.  
  298. <a href="{URL}" target="_blank"><div id="title" style="text-decoration:underline;">{Name}</div></a>
  299.  
  300. <div class="texte">{Description}</div>
  301. {/block:Link}
  302.  
  303. {block:Photo}
  304. <img src="{PhotoURL-500}"/>
  305. {/block:Photo}
  306.  
  307. {block:Quote}
  308. <div id="quote">"{Quote}"</div>
  309. {block:Source}
  310. <div id="qui" class="texte">{Source}</div>{/block:Source}
  311. {/block:Quote}
  312.  
  313. {block:Chat}
  314. {block:Title}<div id="title">{Title}</div> {/block:Title}
  315. {block:Lines}<div class="texte">{block:Label}<span class="label">{Label}</span> {/block:Label}{Line}</div>{/block:Lines}
  316. {/block:Chat}
  317.  
  318. {block:Audio}
  319. {block:AudioPlayer}<div class="playerpost"
  320. style="background-color:#000;">{AudioPlayerBlack}</div>
  321. {/block:AudioPlayer}
  322. <div class="texte" id="qui">
  323. {block:TrackName}<span class="label">{TrackName}</span>{/block:TrackName}
  324. {block:Artist} by {Artist} {/block:Artist}
  325. {block:PlayCount} <br> {PlayCountWithLabel}{/block:PlayCount}
  326.  
  327. </div>
  328. {/block:Audio}
  329.  
  330. {block:Photoset}
  331. <div style="margin-bottom:-3px;">
  332. {block:If250}{Photoset-250}{/block:If250}
  333. {block:If400}{Photoset-400}{/block:If400}
  334. {block:If500}{Photoset-500}{/block:If500}
  335. </div>
  336. {/block:Photoset}
  337.  
  338. {block:Video}
  339. <div style="margin-bottom:-3px;">
  340. {block:If250}{Video-250}{/block:If250}
  341. {block:If400}{Video-400}{/block:If400}
  342. {block:If500}{Video-500}{/block:If500}
  343. </div>
  344. {/block:Video}
  345.  
  346. {block:IfCaption}{block:IndexPage}{block:Caption}
  347. <div class="texte" id="caption">{Caption}</div>
  348. {/block:Caption}{/block:IndexPage}{/block:IfCaption}
  349.  
  350. {block:PermalinkPage}{block:Caption}
  351. <div class="texte" id="caption">{Caption}</div>
  352. {/block:Caption}{/block:PermalinkPage}
  353.  
  354.  
  355. </div>
  356. {block:Date}<div id="time"><a {block:NoteCount}title="{NoteCountWithLabel}" {/block:NoteCount} href="{Permalink}">{24Hour}:{Minutes}:{Seconds}</a></div>{/block:Date}
  357. </div>
  358.  
  359.  
  360.  
  361.  
  362.  
  363. {block:PermalinkPage}
  364. <div id="bas" class="texte">
  365. {block:PostNotes}
  366.  
  367. <div style="margin-top:5px;">
  368.  
  369. {block:RebloggedFrom}
  370. origin : <a href="{ReblogRootURL}">{ReblogRootName}</a> / Via : <a href="{ReblogParentURL}">{ReblogParentName}</a> {block:ContentSource}
  371. {/block:ContentSource}
  372. {/block:RebloggedFrom}
  373.  
  374. </div>
  375. {/block:PostNotes}
  376.  
  377. {block:HasTags}
  378. <div class="label">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  379. </div>
  380. {/block:HasTags}
  381.  
  382. {block:PostNotes}
  383. <div style="margin-top:5px;">{PostNotes}</div>
  384. {/block:PostNotes}
  385. </div>
  386. {/block:PermalinkPage}
  387. {/block:Posts}
  388.  
  389.  
  390. {block:IfNotEndlessScroll}
  391. {block:Pagination}
  392. <div id="pagination" >
  393. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage} {CurrentPage}/{TotalPages} {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}<br><a style="font-family:arial;letter-spacing:1px;font-size:8px;" title="tanikaze" href="http://gyapo.tumblr.com/">THEME BY GYAPO</a>
  394.  
  395. </div>
  396. {/block:Pagination}
  397. {/block:IfNotEndlessScroll}
  398.  
  399. </div><!--posts-->
  400.  
  401.  
  402.  
  403. </body>
  404. </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!