API tools faq
paste
Advertisement
okesan

dey theme with render

okesan
Jan 17th, 2015
202
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.71 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. 　　　∧_∧
  4. 　　 (　･ω･)　
  5. 　 ＿|　⊃／(＿＿_ dont touch the credits.
  6. ／　└-(＿＿＿_／ theme by dey.
  7. ￣￣￣￣￣￣￣
  8.  
  9. -->
  10.  
  11.  
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head><title>{Title}{block:PostTitle}; {PostTitle}{/block:PostTitle}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17.  
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19.  
  20.  
  21. <meta name="image:BG">
  22. <meta name="image:post BG">
  23. <meta name="image:icon 1" content="http://i1282.photobucket.com/albums/a528/deykeifer/save_zpsd3da63a1.png">
  24. <meta name="image:icon 2" content="http://i1282.photobucket.com/albums/a528/deykeifer/chat_zpsc2496e78.png">
  25. <meta name="image:icon 3" content="http://i1282.photobucket.com/albums/a528/deykeifer/undo_zpscac27572.png">
  26. <meta name="image:icon 4" content="http://i1282.photobucket.com/albums/a528/deykeifer/user_zpsc07c80cb.png">
  27. <meta name="image:icon 5" content="http://i1282.photobucket.com/albums/a528/deykeifer/unlock_zps8a871b08.png">
  28. <meta name="image:next" content="http://i1282.photobucket.com/albums/a528/deykeifer/arrow2_e_zpsf6048b1d.png">
  29. <meta name="image:back" content="http://i1282.photobucket.com/albums/a528/deykeifer/arrow2_w_zps9295a635.png">
  30.  
  31. <meta name="color:BG" content="#fff">
  32. <meta name="color:post BG" content="#fff">
  33. <meta name="color:text" content="#555">
  34. <meta name="color:link" content="#000">
  35. <meta name="color:link hover" content="#000">
  36. <meta name="color:title" content="#000">
  37. <meta name="color:bar" content="#000">
  38. <meta name="color:hover text" content="#fff">
  39.  
  40. <meta name="text:img grayscale" content="0.5">
  41. <meta name="text:link one">
  42. <meta name="text:link one title" content="One">
  43. <meta name="text:link two">
  44. <meta name="text:link two title" content="Two">
  45.  
  46. <meta name="if:infinite scroll">
  47. <meta name="if:200px" content="1">
  48. <meta name="if:250px">
  49. <meta name="if:400px">
  50.  
  51.  
  52. <style type="text/css">
  53.  
  54.  
  55. iframe#tumblr_controls {
  56. position:fixed !important;
  57. z-index:99999999 !important;
  58. -webkit-filter:invert(1);
  59. -moz-filter:invert(1);
  60. -ms-filter:invert(1);
  61. -o-filter:invert(1);
  62. }
  63.  
  64.  
  65. body {
  66. font:10px calibri;
  67. text-align:justify;
  68. text-transform:normal;
  69. background:{color:BG} url('{image:BG}') fixed repeat center;background-size: 100%; background-attachment:fixed; background-repeat:repeat;
  70. color:#000;
  71. word-wrap:break-word;
  72. margin:0px;
  73. }
  74.  
  75.  
  76. a {
  77. text-decoration:none;
  78. cursor:help;
  79. color:{color:link};
  80. -webkit-transition:all 0.4s linear;
  81. -moz-transition:all 0.4s linear;
  82. -o-transition:all 0.4s linear;
  83. transition:all 0.4s linear;
  84. }
  85.  
  86. a:hover {
  87. color:{color:link hover};
  88. text-decoration:line-through;
  89. }
  90.  
  91. blockquote {
  92. margin-left:30px;
  93. margin-right:30px;
  94. opacity:.9;
  95. padding:0px 10px 0px 10px;
  96. }
  97.  
  98. li {
  99. opacity:.9;
  100. list-style:square;
  101. }
  102.  
  103. blockquote img {
  104. width:100%;
  105. }
  106.  
  107. {block:indexpage}img {
  108. -webkit-filter:grayscale({text:img grayscale});
  109. -webkit-transition:all 0.4s linear;
  110. -moz-transition:all 0.4s linear;
  111. -o-transition:all 0.4s linear;
  112. transition:all 0.4s linear;
  113. }{/block:indexpage}
  114.  
  115. img:hover {
  116. filter: none;
  117. -webkit-filter: grayscale(0);
  118. }
  119.  
  120.  
  121. #tsubarashi {
  122.  
  123. }
  124.  
  125. #kevangela {
  126. margin-left:61px;
  127. padding:20px 0 20px 0;
  128. {block:indexpage}{block:if200px}width:720px;{/block:if200px}{block:if250px}width:580px;{/block:if250px}{block:if400px}width:440px;{/block:if400px}{/block:indexpage}
  129. {block:permalinkpage}width:440px;{/block:permalinkpage}
  130. }
  131.  
  132. .asski {
  133. margin:5px;
  134. padding:15px;
  135. float:left;
  136. background:transparent;
  137. {block:indexpage}{block:if200px}width:200px;{/block:if200px}{block:if250px}width:250px;{/block:if250px}{block:if400px}width:400px;{/block:if400px}{/block:indexpage}
  138. {block:permalinkpage}width:400px;{/block:permalinkpage}
  139. }
  140.  
  141. #juujuu img {
  142. {block:indexpage}display:block;{/block:indexpage}
  143. {block:indexpage}{block:if200px}max-width:200px;{/block:if200px}{block:if250px}max-width:250px;{/block:if250px}{block:if400px}max-width:400px;{/block:if400px}{/block:indexpage}
  144. {block:permalinkpage}max-width:400px;{/block:permalinkpage}
  145. }
  146.  
  147. #julfgt img {
  148. display:block;
  149. {block:indexpage}{block:if200px}max-width:200px;{/block:if200px}{block:if250px}max-width:250px;{/block:if250px}{block:if400px}max-width:400px;{/block:if400px}{/block:indexpage}
  150. {block:permalinkpage}max-width:400px;{/block:permalinkpage}
  151. }
  152.  
  153. #vegegan {
  154. text-align:center;
  155. font:8px consolas;
  156. letter-spacing:1px;
  157. }
  158.  
  159. .zoenotcat {
  160. font-family:lucida console;
  161. color:{color:title};
  162. }
  163.  
  164. .body {}
  165.  
  166. .tessie {
  167. position:absolute;
  168. font:30px lucida console;
  169. padding:7px 5px 5px 2px;
  170. margin-bottom:-20px;
  171. }
  172.  
  173. .quo {
  174. font-size:10px;
  175. margin-left:30px;
  176. }
  177.  
  178. .source {
  179. margin-top:10px;
  180. text-align:right;
  181. }
  182.  
  183. .odd {}
  184.  
  185. .even {}
  186.  
  187. .cASSi * {
  188. {block:indexpage}{block:if200px}width:200px;{/block:if200px}{block:if250px}width:250px; height:52px;{/block:if250px}{block:if400px}width:400px; height:52px;{/block:if400px}{/block:indexpage}
  189. {block:permalinkpage}width:400px; height:52px;{/block:permalinkpage}
  190. }
  191.  
  192. .high {
  193. text-align:right;
  194. font-size:8px;
  195. }
  196.  
  197. #laetitties {
  198. margin:15px 0 15px 0;
  199. }
  200.  
  201. .left {}
  202.  
  203. .right {}
  204.  
  205. .post_notes {
  206. margin-top:5px;
  207. max-height:200px;
  208. overflow:auto;
  209. }
  210.  
  211. .show {
  212. cursor:help;
  213. }
  214.  
  215.  
  216. #s-m-t-tooltip {
  217. z-index:99999999999999;
  218. background:{color:bar};
  219. letter-spacing:1px;
  220. color:{color:hover text};
  221. max-width:150px;
  222. padding:1px 3px 1px 4px;
  223. text-transform:uppercase;
  224. word-wrap:break-word;
  225. display:block;
  226. margin:25px 0 0 15px;
  227. font:8px consolas;
  228. }
  229.  
  230.  
  231. #judick {
  232. position:fixed; top:0px; left:0px;
  233. width:26px; height:100%;
  234. background:{color:bar};
  235. }
  236.  
  237. .runrin {
  238. margin-top:75px;
  239. }
  240.  
  241. .runrin img {
  242. padding:5px;
  243. }
  244.  
  245.  
  246. #ces {
  247. margin:20px 0 0 81px;
  248. {block:indexpage}{block:if200px}width:700px;{/block:if200px}{block:if250px}width:560px;{/block:if250px}{block:if400px}width:420px;{/block:if400px}{/block:indexpage}
  249. {block:permalinkpage}width:420px;{/block:permalinkpage}
  250. }
  251.  
  252. .CAThy {
  253. font:18px lucida console;
  254. letter-spacing:2px;
  255. cursor:help;
  256. color:{color:title};
  257. }
  258.  
  259. .michelle {}
  260.  
  261.  
  262. .nav {
  263. margin-top:15px;
  264. {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}
  265.  
  266. }
  267.  
  268. .nav img {
  269. padding:5px;
  270. }
  271.  
  272.  
  273. .credit {
  274. font-size:10px;
  275. letter-spacing:1px;
  276. padding:2px;
  277. opacity:.1;
  278. position:fixed;
  279. bottom:5px;
  280. left:5px;
  281. background:{color:link};
  282. -webkit-transition:all 0.4s linear;
  283. -moz-transition:all 0.4s linear;
  284. -o-transition:all 0.4s linear;
  285. transition:all 0.4s linear;
  286. }
  287.  
  288. .credit a {
  289. color:{color:BG};
  290. }
  291.  
  292. .credit:hover {
  293. opacity:1;
  294. }
  295.  
  296. .following {
  297. width:180px;
  298. padding-top:30px;
  299. padding-left:60px;
  300. padding-bottom:25px;
  301. top:0px!important;
  302. right:5px!important;
  303. position:fixed!important;
  304. font-style:italic;
  305. font-family:consolas;
  306. opacity:0;
  307. z-index:999!important;
  308. transition-duration: 0.4s;
  309. -moz-transition-duration: 0.4s;
  310. -webkit-transition-duration: 0.4s;
  311. -o-transition-duration: 0.4s;
  312. }
  313.  
  314. .following:hover {
  315. opacity:1;
  316. }
  317.  
  318.  
  319.  
  320. </style>
  321. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  322. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  323. <script>
  324. (function($){
  325. $(document).ready(function(){
  326. $("a[title],img[title]").style_my_tooltips({
  327. tip_follows_cursor:true,
  328. tip_delay_time:100,
  329. tip_fade_speed:400,
  330. attribute:"title",
  331. });
  332. });
  333. })(jQuery);
  334. </script>
  335.  
  336. <script type="text/javascript" src="http://static.tumblr.com/nj7bgyh/zr9m0w1np/masonryq.js"></script>
  337. <script type="text/javascript" src="http://static.tumblr.com/nj7bgyh/J0qm0vycn/querymasonry.js"></script>
  338. {block:ifinfinitescroll}<script src="http://static.tumblr.com/nj7bgyh/bynm0xy7g/endlessscrolljquery.js"></script>{/block:ifinfinitescroll}
  339. <script src="http://static.tumblr.com/nj7bgyh/rNom0vy8o/masonry.js"></script>
  340. <script type="text/javascript">
  341. $(window).load(function () {
  342. $('#kevangela').masonry(),
  343. $('.masonryWrap').infinitescroll({
  344. navSelector : ".nav a",
  345. // selector for the paged navigation (it will be hidden)
  346. nextSelector : ".nav a",
  347. // selector for the NEXT link (to page 2)
  348. itemSelector : ".asski",
  349. // selector for all items you'll retrieve
  350. bufferPx : 10000,
  351. extraScrollPx: 11000,
  352. loadingImg : "http://b.imagehost.org/0548/Untitled-2.png",
  353. loadingText : "<em></em>",
  354. },
  355. // call masonry as a callback.
  356. function() { $('#kevangela').masonry({ appendedContent: $(this) }); }
  357. );
  358. });
  359. </script>
  360. </script>
  361.  
  362. <script src="toggle.js" type="text/javascript"></script>
  363. <script type="text/javascript">
  364. $(document).ready(function(){
  365. $(".michelle").hide();
  366. $(".CAThy").click(function(){
  367. $('.michelle').slideToggle(300);
  368. return true;
  369. });
  370. });
  371. </script>
  372. </head>
  373. <body>
  374.  
  375. <img src="http://media.tumblr.com/e8093cbd7e126b6bf3d16d48e3da51f8/tumblr_inline_ni3mgm8VaQ1qhqyii.png" style="position:fixed;bottom:0px;right:0px;z-index:-999"/>
  376.  
  377. <div class="following"> </div>
  378.  
  379.  
  380.  
  381.  
  382.  
  383. <div id="tsubarashi">
  384.  
  385.  
  386.  
  387.  
  388.  
  389. <div id="judick">
  390. <div class="runrin">
  391. <a href="/" title="index"><img src="{image:icon 1}"></a> <a href="/ask" title="message"><img src="{image:icon 2}"></a> <a href="/archive" title="history"><img src="{image:icon 3}"></a> {/block:iflinkone}<a href="{text:link one}" title="{text:link one title}"><img src="{image:icon 4}"></a>{/block:iflinkone} {block:iflinktwo}<a href="{text:link two}" title="{text:link two title}"><img src="{image:icon 5}">{/block:iflinktwo}</a>
  392. </div>
  393. <div class="nav">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" title="back"><img src="{image:back}"></a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" title="next"><img src="{image:next}"></a>{/block:NextPage}{/block:Pagination}</div>
  394. </div>
  395.  
  396.  
  397. <div id="ces">
  398. <div class="CAThy">し ら な い</div><div class="michelle">{description}</div>
  399. </div>
  400.  
  401.  
  402. <div id="kevangela">
  403. {block:Posts}
  404. <div class="asski">
  405.  
  406.  
  407. <div id="juujuu">
  408.  
  409. {block:Text}
  410. {block:Title}<div class="zoenotcat">{title}</div>{/block:Title}
  411. <div class="body">{Body}</div>
  412. <div id="vegegan"><a href="{Permalink}">{24Hour}:{Minutes}</a></div>
  413. {/block:Text}
  414.  
  415. {block:Quote}
  416. <div class="tessie"><a href="{Permalink}" title="{NoteCountWithLabel}">“</a></div>
  417. <div class="quo">{Quote}</div>
  418. {block:Source}<div class="source">{Source}</div>{/block:Source}
  419. {/block:Quote}
  420.  
  421. {block:Link}
  422. <div class="zoenotcat"><a href="{URL}" target="_blank">{Name}</a></div>
  423. {block:Description}<div class="body">{Description}</div>{/block:Description}
  424. <div id="vegegan"><a href="{Permalink}">{24Hour}:{Minutes}</a></div>
  425. {/block:Link}
  426.  
  427. {block:Chat}
  428. {block:Title}<div class="zoenotcat">{Title}</div>{/block:Title}
  429. {block:Lines}<div class="{Alt}">{block:Label}{Label} {/block:Label}{Line}</div>{/block:Lines}
  430. <div id="vegegan"><a href="{Permalink}">{24Hour}:{Minutes}</a></div>
  431. {/block:Chat}
  432.  
  433. {block:Audio}
  434. {block:AudioPlayer}<div class="cASSi">{AudioPlayerWhite}</div>{/block:AudioPlayer}
  435. {block:AudioEmbed}{block:indexpage}{block:if200px}{AudioEmbed-250}{/block:if200px}{block:if250px}{AudioEmbed-250}{/block:if250px}{block:if400px}{AudioEmbed-400}{/block:if400px}{/block:indexpage}{block:permalinkpage}{AudioEmbed-400}{/block:permalinkpage}{/block:AudioEmbed}
  436. {block:permalinkpage}<div class="body">{block:PlayCount}{PlayCountWithLabel}<br>{/block:PlayCount}{block:TrackName}Track: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}<br>{Caption}</div>{/block:Caption}{/block:permalinkpage}
  437. <div id="vegegan"><a href="{Permalink}">{24Hour}:{Minutes}</a></div>
  438. {/block:Audio}
  439.  
  440. {block:Answer}
  441. <div class="quo" style="margin-left:0px;">{Question}</div>
  442. <div class="source">{Asker}</div>
  443. <div class="body"><blockquote>{Answer}</blockquote></div>
  444. <div id="vegegan"><a href="{Permalink}">{24Hour}:{Minutes}</a></div>
  445. {/block:Answer}
  446.  
  447. </div><!-- id=text -->
  448.  
  449.  
  450. <div id="julfgt">
  451.  
  452. {block:Photo}
  453. {block:permalinkpage}{LinkOpenTag}{/block:permalinkpage}<a href="{permalink}" title="{NoteCountWithLabel}"><img src="{PhotoURL-500}"></a>{LinkCloseTag}{block:permalinkpage}{block:HighRes}<div class="high"><a href="{PhotoURL-HighRes}" target="_blank">high resolution</a></div>{/block:HighRes}{block:Caption}<div class="body">{Caption}</div>{/block:Caption}
  454. {/block:permalinkpage}
  455. {/block:Photo}
  456.  
  457. {block:Panorama}
  458. {block:permalinkpage}{LinkOpenTag}{/block:permalinkpage}<a href="{permalink}" title="{NoteCountWithLabel}"><img src="{PhotoURL-500}"></a>{LinkCloseTag}{block:permalinkpage}{block:HighRes}<div class="high"><a href="{PhotoURL-Panorama}" target="_blank">high resolution</a></div>{/block:HighRes}{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:permalinkpage}
  459. {/block:Panorama}
  460.  
  461. {block:Photoset}
  462. {block:indexpage}{block:Photos}<a href="{permalink}" title="{NoteCountWithLabel}"><img src="{PhotoURL-500}"></a>{/block:Photos}{/block:indexpage}{block:permalinkpage}{Photoset-400}{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:permalinkpage}
  463. {/block:Photoset}
  464.  
  465. {block:Video}
  466. {block:indexpage}
  467. {block:if200px}{Video-200}{/block:if200px}
  468. {block:if250px}{Video-250}{/block:if250px}
  469. {block:if400px}{Video-400}{/block:if400px}
  470. {/block:indexpage}
  471. {block:permalinkpage}{Video-400}{PlayCountWithLabel}{block:Caption}<div class="body">{Caption}</div>{/block:Caption}{/block:permalinkpage}
  472. <div id="vegegan"><a href="{Permalink}">{24Hour}:{Minutes}<br/> ❝video❞ </a></div>
  473. {/block:Video}
  474.  
  475. </div><!-- id=photo -->
  476.  
  477.  
  478. {block:permalinkpage}<div id="laetitties">
  479. {block:NoteCount}<div class="right">{NoteCountWithLabel}</div>{/block:NoteCount}
  480. {block:Date}<div class="left">{TimeAgo} @ {ShortMonth} {DayOfMonth}, {Year}</div>{/block:Date}
  481. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}; {ReblogParentTitle}">Via</a>; <a href="{ReblogRootURL}" title="{ReblogRootName}; {ReblogRootTitle}">Source</a>;{/block:RebloggedFrom} {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  482. {block:PostNotes}<div class="post_notes">{PostNotes}</div>{/block:PostNotes}
  483. </div>{/block:permalinkpage}
  484.  
  485.  
  486. </div><!-- class=post -->
  487. {/block:Posts}
  488. </div><!-- id=posts -->
  489.  
  490.  
  491. </div><!-- id=tsubarashi -->
  492.  
  493.  
  494. <div class="credit"><a href="http://bribery.tumblr.com">theme</a></div>
  495.  
  496.  
  497. </body>
  498. </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!