API tools faq
paste
Advertisement
sunkei

Uke

sunkei
Sep 14th, 2012
12,890
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.20 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Uke
  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:Icon" content="http://static.tumblr.com/onhp7lq/7mjma6pw9/sekai5.png"/>
  22.  
  23. <meta name="color:Background" content="#fff" />
  24. <meta name="color:SideBG" content="#000" />
  25. <meta name="color:IconBorder" content="#fff" />
  26. <meta name="color:Title" content="#454545" />
  27. <meta name="color:Description" content="#777" />
  28. <meta name="color:DescriptionBorder" content="#181818" />
  29.  
  30. <meta name="color:Home" content="#fff" />
  31. <meta name="color:Ask" content="#67b1d5" />
  32. <meta name="color:Archive" content="#ffdb41" />
  33.  
  34. <meta name="color:Link" content="#67b1d5" />
  35. <meta name="color:Link hover" content="#ffdb41" />
  36.  
  37.  
  38. <meta name="color:EntryBG" content="#fff" />
  39. <meta name="color:EntryBorder" content="#ddd" />
  40. <meta name="color:EntryTitle" content="#111" />
  41. <meta name="color:Texts" content="#555" />
  42.  
  43. <meta name="color:Notes" content="#67b1d5" />
  44. <meta name="color:Reblog" content="#ffdb41" />
  45.  
  46. <meta name="if:EndlessScroll" content="0"/>
  47. <meta name="if:TwoColumns" content="1"/>
  48. <meta name="if:Title" content="1"/>
  49. <meta name="if:250" content="1"/>
  50. <meta name="if:400" content="0"/>
  51. <meta name="if:500" content="0"/>
  52. <meta name="if:Caption" content="0"/>
  53.  
  54.  
  55.  
  56. {block:IfNotTwoColumns}
  57. {block:IfEndlessScroll}
  58. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  59.  
  60. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScroll}
  61. {/block:IfNotTwoColumns}
  62.  
  63. {block:IfTwoColumns}
  64. {block:IndexPage}
  65. <script src="http://static.tumblr.com/6hsqxdt/s7Vm2rb3k/jquery.masonry.min.js"></script>
  66. {block:IfEndlessScroll}
  67. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"><script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  68. {/block:IfEndlessScroll}
  69. <script src="http://static.tumblr.com/6hsqxdt/JBvm2rb44/masonry.js"></script>
  70. <script>
  71. $(window).load(function () {
  72. $('#posts').masonry(),
  73. $('.masonryWrap').infinitescroll({
  74. navSelector : 'div.pagination',
  75. nextSelector : ".pagination a#next",
  76. itemSelector : ".post",
  77. bufferPx : 10000,
  78. extraScrollPx: 10000,
  79. loadingImg : "",
  80. loadingText : "<em></em>",
  81. },
  82. // call masonry as a callback.
  83. function() { $("#posts").masonry({ appendedContent: $(this) }); }
  84. );
  85. });
  86. </script>{/block:IndexPage}
  87. {/block:IfTwoColumns}
  88.  
  89.  
  90.  
  91. <style type="text/css">
  92.  
  93. 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;}
  94.  
  95. 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;}
  96.  
  97.  
  98.  
  99. body
  100. {font-family:lucida console;
  101. font-size:9px;
  102. color:{color:Texts};
  103. background-color:{color:Background};
  104. background-image:url('{image:Background}');
  105. background-position: fixed;
  106. background-attachment:fixed;
  107. background-repeat:repeat;}
  108.  
  109. a
  110. {text-decoration:none;
  111. color:{color:Link};
  112. -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;
  113. opacity:1;}
  114.  
  115. a:hover
  116. {text-decoration:none;
  117. color:{color:Link hover};
  118. opacity:1;}
  119.  
  120. blockquote
  121. {border-left:1px solid;
  122. padding-left:5px;}
  123.  
  124. #left
  125. {position:fixed;top:0px;left:0px;
  126. width:150px;height:100%;
  127. background-color:{color:SideBG};}
  128.  
  129. #icon
  130. {width:50px;height:50px;overflow:hidden;
  131. border:solid 10px {color:IconBorder};margin:40px 40px 15px 40px;
  132. border-radius:3px;-moz-border-radius:3px;}
  133. #icon img
  134. {width:50px;}
  135.  
  136. #blog
  137. {width:70px;margin:0px 40px 0px 40px;text-align:center;color:{color:Title};font-style:italic;font-family:arial;font-size:17px;}
  138.  
  139. #about
  140. {width:70px;margin:0px 40px 15px 40px;color:{color:Description};
  141. text-align:justify;padding:5px 0px 5px 0px;overflow:hidden;
  142. border-top:1px solid {color:DescriptionBorder}; border-bottom:1px solid {color:DescriptionBorder};}
  143.  
  144. #menu
  145. {width:150px;margin:0px 30px 35px 55px;}
  146. .nav
  147. {float:left;width:10px;height:10px;z-index:999;
  148. border-radius:3px;-moz-border-radius:3px;
  149. margin-right:5px;
  150. -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;}
  151. .nav:hover
  152. {height:30px;}
  153. #un
  154. {background-color:{color:Home};}
  155. #deux
  156. {background-color:{color:Ask};}
  157. #trois
  158. {background-color:{color:Archive};}
  159.  
  160. #autres
  161. {width:150px;text-align:center;position:fixed;}
  162. .page
  163. {color:{color:Description};}
  164.  
  165.  
  166.  
  167. #posts
  168. {{block:IfNotTwoColumns}
  169. width:{block:If250}310px{block:If250} {block:If400}460px{block:If400} {block:If500}560px{block:If500};
  170. {/block:IfNotTwoColumns}
  171. {block:IfTwoColumns}
  172. {block:IndexPage}
  173. width:{block:If250}800px{block:If250} {block:If400}1050px{block:If400} {block:If500}1250px{block:If500};
  174. {/block:IndexPage}
  175. {block:PermalinkPage}
  176. width:{block:If250}310px{block:If250} {block:If400}460px{block:If400} {block:If500}560px{block:If500};
  177. {/block:PermalinkPage}
  178. {/block:IfTwoColumns}
  179. overflow:hidden;
  180. margin-left:160px;}
  181.  
  182. .post
  183. {border-radius:3px;-moz-border-radius:3px;
  184. width:{block:If250}250px{block:If250} {block:If400}400px{block:If400} {block:If500}500px{block:If500};
  185. font-family:calibri;font-size:11px;
  186. padding:10px;
  187. margin:20px;
  188. float:left;
  189. overlow:hidden;
  190. color:{color:Texts};
  191. background-color:{color:EntryBG};
  192. border:1px solid {color:EntryBorder};}
  193. .post img
  194. {max-width:{block:If250}250px{block:If250} {block:If400}400px{block:If400} {block:If500}500px{block:If500};}
  195.  
  196. .texte
  197. {text-align:justify;}
  198.  
  199. .titlepost
  200. {text-align:center;letter-spacing:1px;border-bottom:1px solid {color:EntryBorder};color:{color:EntryTitle};font-size:15px;font-style:italic;}
  201.  
  202. #quote
  203. {text-align:center;font-style:italic;font-size:14px;}
  204. #source
  205. {text-align:center;text-transform:uppercase;font-size:10px;}
  206.  
  207. .name
  208. {text-transform:uppercase;font-size:10px;}
  209. .line
  210. {margin:1px 0px 1px 0px;}
  211.  
  212. #float
  213. {height:{block:If250}125px{block:If250} {block:If400}200px{block:If400} {block:If500}250px{block:If500};}
  214. #audioart img
  215. {width:{block:If250}125px{block:If250} {block:If400}200px{block:If400} {block:If500}250px{block:If500};height:{block:If250}125px{block:If250} {block:If400}200px{block:If400} {block:If500}250px{block:If500};overflow:hidden;float:left;}
  216.  
  217. #playeraudio
  218. {width:{block:If250}75px{block:If250} {block:If400}110px{block:If400} {block:If500}130px{block:If500};
  219. height:{block:If250}25px{block:If250} {block:If400}15px{block:If400} {block:If500}135px{block:If500};background-color:#000;float:left;
  220. padding:{block:If250}50px 0px 50px 50px;{block:If250} {block:If400}85px 0px 100px 90px;{block:If400} {block:If500}115px 0px 0px 120px;{block:If500};;
  221. overflow:hidden;}
  222. #oto
  223. {width:25px;overflow:hidden;}
  224. #infos
  225. {color:{color:EntryTitle};text-align:center;margin-top:5px;font-style:italic;}
  226.  
  227.  
  228. #permabar
  229. {margin-top:20px;width:{block:If250}310px{block:If250} {block:If400}460px{block:If400} {block:If500}560px{block:If500};
  230. font-family:calibri;font-size:10px;text-align:justify;
  231. padding:10px;}
  232. #perma
  233. {text-align:center;}
  234.  
  235. .hover
  236. {position:absolute;
  237. margin-left:{block:If250}230px{block:If250} {block:If400}380px{block:If400} {block:If500}480px{block:If500};
  238. text-align:center;
  239. margin-top:5px;opacity:0;-webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;}
  240.  
  241.  
  242. .post:hover .hover
  243. {opacity:1;
  244. margin-top:-15px;}
  245.  
  246. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  247. #infscr-loading {display:none;}
  248. .navigation {display:none!important;}
  249.  
  250.  
  251. </style>
  252.  
  253.  
  254. </head>
  255. <body>
  256.  
  257. <div class="pagination">
  258. {block:Pagination}{block:PreviousPage}<a href='{PreviousPage}'>previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href='{NextPage}' id="next">next</a>{/block:NextPage}{/block:Pagination}
  259. </div>
  260.  
  261.  
  262. {block:IfEndlessScroll}
  263. <a class="name" style="position:fixed;bottom:5px;right:5px;font-size:9px;" href="#top">back to top</a>{/block:IfEndlessScroll}
  264.  
  265.  
  266. <div id="left">
  267. <a href="/"><div id="icon"><img src="{image:Icon}"></div></a>
  268. {block:IfTitle}<div id="blog">{Title}</div>{/block:IfTitle}
  269. <div id="about">{Description}</div>
  270. <div id="menu">
  271. <a title="Home" href="/"><div class="nav" id="un"></div></a>
  272. <a title="Ask" href="/ask"><div class="nav" id="deux"></div></a>
  273. <a title="Archive" href="/archive"><div class="nav" id="trois"></div></a>
  274. </div><!--menu-->
  275. <div id="autres">
  276. {block:IfNotEndlessScroll}
  277. {block:Pagination}{block:PreviousPage}
  278. <a href="{PreviousPage}"><span class="page">←BACK</span></a>
  279. {/block:PreviousPage}
  280. <a title="uke theme" href="http://gyapo.tumblr.com">©</a>
  281. {block:NextPage}
  282. <a href="{NextPage}"><span class="page">NEXT→</span></a>{/block:NextPage}{/block:Pagination}
  283. {/block:IfNotEndlessScroll}
  284. {block:IfEndlessScroll}
  285. <a title="uke by gyapo" href="http://gyapo.tumblr.com">theme</a>
  286. {/block:IfEndlessScroll}
  287. </div>
  288.  
  289. </div><!--left-->
  290.  
  291. <div id="posts">
  292. {block:Posts}
  293.  
  294.  
  295. <div class="post">
  296. {block:ContentSource}
  297. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  298. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  299. {/block:SourceLogo}
  300. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  301. {/block:ContentSource}
  302.  
  303. {block:RebloggedFrom}
  304. <!--{ReblogParentName}-->
  305. {/block:RebloggedFrom}
  306.  
  307. {block:IndexPage}
  308. <div class="hover">
  309. <a title="{NoteCount}" href="{Permalink}"><div class="nav" id="deux"></div></a>
  310. <a title="Reblog" href="{ReblogURL}" target="_blank"><div class="nav" id="trois"></div></a>
  311. </div><!--hover-->
  312. {/block:IndexPage}
  313.  
  314. {block:Link}
  315. <a href="{URL}" target="_blank"><div class="titlepost">{Name} ➨</div></a>
  316. {block:Description}
  317. <div class="texte">{Description}</div>
  318. {/block:Description}
  319. {/block:Link}
  320.  
  321. {block:Chat}
  322. {block:Title}<div class="titlepost">{Title}</div> {/block:Title}
  323. <div class="texte">
  324. {block:Lines} <div class="line">- {block:Label}<span class="name">{Label}</span> {/block:Label}{Line}</div>{/block:Lines}
  325. </div>
  326. {/block:Chat}
  327.  
  328. {block:Quote}
  329. <div id="quote"><span>
  330. "{Quote}"</span>
  331. </div>
  332. {block:Source}<div id="source" class="name">— {Source}</div> {/block:Source}
  333. {/block:Quote}
  334.  
  335. {block:Text}
  336. {block:Title}<a href="{Permalink}"><div class="titlepost">{Title}</div></a> {/block:Title}
  337. <div class="texte">{Body}</div>
  338. {/block:Text}
  339.  
  340. {block:Photo}
  341. {block:IndexPage}
  342. <a href="{Permalink}"><div><img style="margin-bottom:-3px;" src="{PhotoURL-500}" width="{block:If250}250px{/block:If250} {block:If400}400px{/block:If400} {block:If500}500px{/block:If500}"/></div></a>
  343. {/block:IndexPage}
  344. {block:PermalinkPage}
  345. {LinkOpenTag}<div><img src="{PhotoURL-500}" width="{block:If250}250px{/block:If250} {block:If400}400px{/block:If400} {block:If500}500px{/block:If500}"/></div>
  346. {LinkCloseTag}
  347. {/block:PermalinkPage}
  348. {/block:Photo}
  349.  
  350. {block:Photoset}
  351. <div style="margin-bottom:-3px;">
  352. {block:If250}
  353. {Photoset-250}
  354. {/block:If250}
  355. {block:If400}
  356. {Photoset-400}
  357. {/block:If400}
  358. {block:If500}
  359. {Photoset-500}
  360. {/block:If500}
  361. </div>
  362. {/block:Photoset}
  363.  
  364. {block:Video}
  365. <div style="margin-bottom:-3px;">{block:If250}
  366. {Video-250}
  367. {/block:If250}
  368. {block:If400}
  369. {Video-400}
  370. {/block:If400}
  371. {block:If500}
  372. {Video-500}
  373. {/block:If500}</div>
  374. {/block:Video}
  375.  
  376.  
  377. {block:Audio}
  378. <div id="float">
  379. {block:AlbumArt}<div id="audioart">
  380. <img src="{AlbumArtURL}"/></div>
  381. {/block:AlbumArt}
  382. <div id="playeraudio">
  383. <div id="oto">{AudioPlayerBlack}</div>
  384. </div>
  385. </div>
  386. <div id="infos">{block:Artist}
  387. {Artist}
  388. {/block:Artist} : {block:TrackName}
  389. {TrackName}
  390. {/block:TrackName}
  391. <div>{block:Album}
  392. {Album};
  393. {/block:Album}
  394. {PlayCountWithLabel}</div>
  395. </div>
  396. {/block:Audio}
  397.  
  398. {block:IfCaption}
  399. {block:IndexPage}
  400. {block:Caption}<div id="caption" class="texte">{Caption}</div>{/block:Caption}
  401. {/block:IndexPage}
  402. {/block:IfCaption}
  403.  
  404. {block:PermalinkPage}
  405. {block:Caption}<div id="caption" class="texte">{Caption}</div>{/block:Caption}
  406. {/block:PermalinkPage}
  407. </div><!--post-->
  408.  
  409. {block:PermalinkPage}
  410. <div id="permabar">
  411. <div id="perma">{block:Date}{TimeAgo}{/block:Date} {block:NoteCount}// {NoteCountWithLabel}{/block:NoteCount}</div>
  412. <div id="perma">{block:RebloggedFrom}via:<a href="{ReblogParentURL}">{ReblogParentName}</a>, origin:<a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}</div>
  413. <div id="perma">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  414. <div>{PostNotes}</div>
  415. </div>
  416. {/block:PermalinkPage}
  417.  
  418. {/block:Posts}
  419.  
  420.  
  421.  
  422. </div><!--posts-->
  423.  
  424.  
  425. </body>
  426. </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!