API tools faq
paste
Guest User

Totoro theme by Rotferkel

a guest
Sep 28th, 2013
318
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.77 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js" type="text/javascript"></script>
  5.  
  6.  
  7.  
  8.  
  9. <!--
  10.  
  11.  
  12. __
  13. d888b
  14. 888888b
  15. 8888888
  16. 8888888
  17. 8888888
  18. _ 8888888
  19. ,d88 8888888
  20. ____ d88' _,, 888888'
  21. (8888\ 88' d888) Y8888P
  22. ___~~8 ~8 88~___ d8888
  23. _______ ,8888888 ~ 888888_8888
  24. ,8888888888===__ _,d88P~~ ~~Y88888'
  25. 88888888888888888888888' `88b
  26. 8888888888888888888888P Y88
  27. `~888888888888~~~~~ 88 88
  28. ~~~~~~~~ 88 88
  29. 88 88
  30. 88 88
  31. 88 88
  32. 88 ,aa. ,aa. 88
  33. 88 d88b d88b 88
  34. ,=88 Y88P Y88P 88=,
  35. ,d88P' `' _aa_ `' `Y88b, ___
  36. 88P' (8888) `Y88 ad88888b
  37. 88 ~^^~ 88 d88Y~~"Y8b
  38. _______"Yb._ _.d8"d8Y 88
  39. ______,d88888888ba888=,.______________________.,=8888~d88_______88___
  40. |~~~~~~88P~~~~~~Y88~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
  41. | 88 88 |
  42. | 88 88 |
  43. | 88ba,___,d8P THEME |
  44. | "888888888 by |
  45. | ~~~~~~ ROTFERKEL |
  46. | http://rotferkelthemes.tumblr.com/ |
  47. | |
  48. |_____________________________________________________________________|
  49. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  50.  
  51.  
  52. -->
  53.  
  54.  
  55. <title>{title}</title>
  56.  
  57. <script type="text/javascript" src="http://static.tumblr.com/p2evvtm/Wycm17d1m/tumblr_search_box.js"></script>
  58. <meta name="color:Background" content="#FFFFFF"/>
  59. <meta name="color:Text" content="#555555"/>
  60. <meta name="color:Links" content="#000000"/>
  61.  
  62.  
  63.  
  64. <meta name="image:Background" content=""/>
  65. <meta name="image:Logo" content=""/>
  66.  
  67.  
  68. <meta name="text:Link1" content="" />
  69. <meta name="text:Link1URL" content=""/>
  70. <meta name="text:Link2" content="" />
  71. <meta name="text:Link2URL" content=""/>
  72. <meta name="text:Link3" content="" />
  73. <meta name="text:Link3URL" content=""/>
  74. <meta name="text:Link4" content="" />
  75. <meta name="text:Link4URL" content=""/>
  76.  
  77. <meta name="if:Maximised Background Image" content="0"/>
  78. <meta name="if:Show Captions" content="0"/>
  79. <meta name="if:Endless Scroll" content="0"/>
  80. <link rel="shortcut icon" href="http://media.tumblr.com/69704e36b0ad479243da4e38d4223a11/tumblr_inline_mfqkh7OsmA1qid2nw.gif">
  81.  
  82.  
  83.  
  84. {block:IndexPage}
  85. <script type="text/javascript">
  86. $(window).load(function(){
  87. $("p").remove(":contains('Source:')");
  88. $("p").remove(":contains('(via')");
  89. });
  90. </script>
  91. {/block:IndexPage}
  92.  
  93. </head>
  94.  
  95. <style>
  96.  
  97. h23{font-family:ms gothic; font-size:12px;}
  98.  
  99.  
  100. body, a, a:hover { cursor:url('http://media.tumblr.com/c3b9a90fee352dbf7abbe53d7db2a772/tumblr_inline_mnlq8hEzZf1qid2nw.png'), auto !important;}
  101.  
  102.  
  103.  
  104.  
  105.  
  106. .my-like {
  107. background-image: url(http://media.tumblr.com/tumblr_m49twaokR21qid2nw.png) !important;
  108. height:5px;
  109. width:7px;
  110. cursor:pointer;
  111. display:inline-block;
  112. vertical-align:top;
  113. }
  114. .my-liked, .my-like:hover {
  115. background-image: url(http://3.bp.blogspot.com/-kvI3s4VbLB0/TwNWUWb1K0I/AAAAAAAAAas/KEpQgu8_xzY/s1600/heart1.gif) !important;
  116. height:5px;
  117. width:7px;
  118. cursor:pointer;
  119. display:inline-block;
  120. vertical-align:top;
  121. }
  122. </style>
  123. <script>
  124. window.onload = function () {
  125. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  126. document.addEventListener( 'click', function ( event ) {
  127. var myLike = event.target;
  128. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  129. var frame = document.getElementById( 'my-like-frame' ),
  130. liked = ( myLike.className == 'my-liked' ),
  131. command = liked ? 'unlike' : 'like',
  132. reblog = myLike.getAttribute( 'data-reblog' ),
  133. id = myLike.getAttribute( 'data-id' ),
  134. oauth = reblog.slice( -8 );
  135. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  136. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  137. };
  138. }, false );
  139. };
  140. </script>
  141.  
  142.  
  143. <style type="text/css">
  144.  
  145.  
  146. ::-webkit-scrollbar {
  147. width: 6px;
  148. height: 7px;
  149. background: transparent;
  150. }
  151. ::-webkit-scrollbar-thumb {
  152. background-color: #FFFFD1;
  153. -webkit-border-radius: 0ex;
  154. border: 1px solid #A37547;
  155. }
  156.  
  157.  
  158. #header {
  159.  
  160. position: absolute;
  161.  
  162. top: 0px;
  163.  
  164. left: 0px;
  165.  
  166. width: 100%;
  167.  
  168. height: 60px;
  169.  
  170.  
  171. background-image:url();
  172. background-repeat:repeat-x;
  173.  
  174. padding-left: 0px;
  175.  
  176. padding-top: 0px;
  177.  
  178.  
  179.  
  180. }
  181.  
  182.  
  183. #footer {
  184.  
  185. position: absolute;
  186.  
  187. bottom: 0px;
  188.  
  189. left: 0px;
  190.  
  191. width: 100%;
  192.  
  193. height: 35px;
  194.  
  195. background-image: url(http://static.tumblr.com/yn7vk7p/4n1mnk8oo/bggtile.png);
  196. background-repeat:repeat-x;
  197.  
  198.  
  199. padding-left: 0px;
  200.  
  201. padding-top: 0px;
  202.  
  203. -webkit-transition: all 0.2s ease-out;
  204.  
  205. -moz-transition: all 0.2s ease-out;
  206.  
  207. }
  208.  
  209.  
  210.  
  211. body{
  212.  
  213.  
  214.  
  215. color:{color:text};
  216. background-color:{color:Background};
  217. {block:IfNotMaximisedBackgroundImage}
  218. {block:ifBackgroundImage}background-image:url('{image:Background}');{/block:ifBackgroundImage}
  219. background-attachment:fixed;
  220. background-repeat:repeat;
  221. {/block:IfNotMaximisedBackgroundImage}
  222. text-align:justify;
  223. font-family:littlefont, Lucida Console;
  224. line-height:9px;
  225. font-size: 8px;
  226. text-align: center;}
  227. @font-face {font-family: "littlefont";
  228. src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf');
  229.  
  230. }
  231. }
  232. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  233. a{
  234. text-decoration:none;
  235. color:#914d1f;
  236. -moz-transition: all 0.3s ease-out; /* FF3.7+ */
  237. -o-transition: all 0.3s ease-out; /* Opera 10.5 */
  238. -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */
  239. transition: all 0.3s ease-out;
  240. }
  241. a:hover{
  242. text-decoration:;
  243. color:#8A2316;
  244. letter-spacing:2px;
  245. -moz-transition: all 0.3s ease-out; /* FF3.7+ */
  246. -o-transition: all 0.3s ease-out; /* Opera 10.5 */
  247. -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */
  248. transition: all 0.3s ease-out;
  249.  
  250. }
  251. a img{
  252. border:0px;
  253. }
  254. #content{
  255. background:;
  256. padding:2px;
  257.  
  258. width:300px;
  259. }
  260. {block:IfMaximisedBackgroundImage}
  261. #bg img {
  262. z-index:-1;
  263. position:fixed;
  264. top:0;
  265. left:0;
  266. height:100%;
  267. width:100%;
  268. }
  269. {block:IfMaximisedBackgroundImage}
  270. .blogtitle{
  271. margin:20px 0 0px 0;
  272. text-align:center;
  273. font-weight:bold;
  274. {block:IfUppercaseTitle}
  275. text-transform:uppercase;
  276. {/block:IfUppercaseTitle}
  277. {block:IfNotUppercaseTitle}
  278. text-transform:lowercase;
  279. {/block:IfNotUppercaseTitle}
  280. line-height:30px;
  281. font-size:25px;
  282. }
  283. .blogtitle a:hover{
  284. text-decoration:none;
  285. }
  286. .nav {
  287. text-transform:lowercase;
  288. text-align:center;
  289. margin-bottom:30px;
  290. }
  291. .player{
  292. width:220px;
  293. overflow:hidden;
  294. background:#000;
  295. }
  296.  
  297. h2 {font-size:8px; font-weight:normal;}
  298.  
  299. h3{
  300. text-transform:;
  301. -webkit-margin-after: 0px;
  302. -webkit-margin-before: 2px;
  303. margin-top: 2px;
  304. margin-bottom:2px;
  305. font-size:20px;
  306. background:;
  307. line-height:20px;
  308. font-weight:normal;
  309. font-family: baby cakes, Lucida Console;
  310. text-align: center;
  311. color:#914d1f;}
  312. @font-face {font-family: "Baby Cakes"; src: url('http://static.tumblr.com/9wzbixa/NtUm0c43e/babycake.ttf');}
  313. }
  314.  
  315.  
  316. .pagination{
  317. margin-bottom:15px;
  318. font-size:8px;
  319. font-style:normal;
  320. text-align:center;
  321. }
  322. .current_page{
  323. font-style:italic;
  324. }
  325. #entry{
  326. margin-bottom:{text:Post Gaps}px;
  327. width:300px;
  328. padding:2px;
  329. padding-top:10px;
  330. background:;
  331.  
  332. -webkit-border-radius: 10px;
  333. -moz-border-radius: 10px;
  334. border-radius: 10px;
  335. }
  336. #entry img{
  337. max-width:300px;
  338. opacity:.8;
  339. -webkit-transition: all 0.7s ease-in-out;
  340. -moz-transition: all 0.7s ease-in-out;
  341. -o-transition: all 0.7s ease-in-out;
  342. -ms-transition: all 0.7s ease-in-out;
  343. transition: all 0.7s ease-in-out;
  344. }
  345. #entry img:hover{
  346. max-width:300px;
  347. opacity:1;
  348. }
  349. div.video embed,
  350. div.post div.video object {
  351. width:260px !important;
  352. height:200px !important;
  353. }
  354. ol.notes {
  355. padding: 0px;
  356. margin: 20px 0px 0px 0px;
  357. list-style-type: none;
  358. }
  359. ol.notes li.note {
  360. padding: 5px;
  361. }
  362. ol.notes li.note img.avatar {
  363. vertical-align: -4px;
  364. margin-right: 10px;
  365. opacity:1;
  366. width: 20px;
  367. height: 20px;
  368. }
  369. ol.notes li.note span.action {
  370. font-weight: normal;
  371. }
  372. ol.notes li.note span.action a {
  373. font-style:italic;
  374. }
  375.  
  376. blockquote{
  377. padding:0px 0px 0px 0px;
  378. margin:0px 0px 2px 1px;
  379. border-left: 0px solid {color:Text};
  380. }
  381.  
  382. .lelink{
  383. display:block;
  384. width:100px;
  385. height:20px;
  386. font-family: baby cakes;
  387. text-transform:uppercase;
  388. text-decoration:none;
  389. font-size:14px;
  390. letter-spacing:1px;
  391. color:#A37547;
  392. background-image:url();
  393. }
  394.  
  395.  
  396.  
  397.  
  398.  
  399. </style>
  400.  
  401.  
  402.  
  403.  
  404.  
  405.  
  406.  
  407.  
  408.  
  409.  
  410.  
  411.  
  412.  
  413.  
  414.  
  415. {block:IfMaximisedBackgroundImage}<div id="bg"><img src="{image:Background}"></div>{/block:IfMaximisedBackgroundImage}
  416.  
  417.  
  418.  
  419. <div style="position:absolute; top: 87px; left: 341px;">
  420. <img src="http://static.tumblr.com/yn7vk7p/vc5mtqi9r/tttroroot.png"><br>
  421.  
  422.  
  423.  
  424. </div>
  425.  
  426.  
  427.  
  428.  
  429. {block:IfLogoImage}<div style="position:absolute; top: 90px; left: 445px; width:550px;background-color:;"><center><img src="{image:logo}"></center></div>{/block:IfLogoImage}
  430.  
  431.  
  432. <!-- left sidebar-->
  433. <div style="position:absolute; top:185px; left: 822px; width: 115px; height: 450px; overflow: hidden; padding-left: 5px;">
  434.  
  435.  
  436.  
  437. {description}
  438. <p>
  439. <center>
  440. <a href="/" class="lelink">HOME</a>
  441. <a href="/ask" class="lelink">ASK</a>
  442. {block:IfLink1}<a href="{text:Link1URL}" class="lelink">{text:Link1}</a>{/block:IfLink1}
  443. {block:IfLink2}<a href="{text:Link2URL}" class="lelink">{text:Link2}</a>{/block:IfLink2}
  444. {block:IfLink3}<a href="{text:Link3URL}" class="lelink">{text:Link3}</a>{/block:IfLink3}
  445. {block:IfLink4}<a href="{text:Link4URL}" class="lelink">{text:Link4}</a>{/block:IfLink4}
  446. </center>
  447.  
  448. </div>
  449.  
  450.  
  451.  
  452.  
  453.  
  454.  
  455.  
  456. {block:IfEndlessScroll}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script> {/block:IfEndlessScroll}
  457.  
  458.  
  459. <!-- posts -->
  460. <div style="position:absolute; top:180px; left: 470px; width: 311px; height: 330px; overflow: scroll; overflow-x: hidden; padding-right: 0px;">
  461. <div id="content" style="background: ;">
  462.  
  463.  
  464.  
  465.  
  466. {block:IfEndlessScroll}<div class="autopagerize_page_element">{/block:IfEndlessScroll}
  467.  
  468.  
  469. {block:Posts}
  470.  
  471.  
  472. <div id="entry" style="width: 300px; background:;">
  473.  
  474. {block:IfSidePermalinks}{block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:IfUsePermalinkImage}<img src="{image:Permalink}">{/block:IfUsePermalinkImage}{block:IfNotUsePermalinkImage}{block:Date}{/block:Date}{/block:IfNotUsePermalinkImage}</a></div>{/block:IndexPage}{/block:IfSidePermalinks}
  475.  
  476. {block:Text}
  477.  
  478.  
  479. <center><h3>
  480. {block:Title}<a href="{Permalink}"><img src="http://media.tumblr.com/tumblr_ma868pAkc11qid2nw.gif"> {Title} <img src="http://media.tumblr.com/tumblr_ma868cGR5D1qid2nw.gif"></a>{/block:Title}</h3>
  481.  
  482.  
  483.  
  484. <a href="{Permalink}">{NoteCount}</a><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div>
  485.  
  486. <a href="{ReblogURL}">Reblog</a>
  487.  
  488. <center>
  489. {Body}</center>
  490. {/block:Text}
  491.  
  492. {block:Photo}
  493. {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="300"style="-webkit-border-radius: 10px;
  494. -moz-border-radius: 10px;
  495. border-radius: 10px;"/></a>{LinkCloseTag}
  496. {block:IfShowCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  497. {/block:Photo}
  498.  
  499. {block:Photoset}
  500. <center>{Photoset-250}</center>
  501. {block:IfShowCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  502. {/block:Photoset}
  503.  
  504. {block:Quote}
  505. <span class="title">{Quote}</span>
  506. {block:Source}{Source}{/block:Source}
  507. {/block:Quote}
  508.  
  509. {block:Link}
  510. <a href="{URL}"><h2>{Name}</h2></a>{block:Description}{Description}{/block:Description}
  511. {/block:Link}
  512.  
  513. {block:Chat}
  514. {block:Title}<b>{Title}</b>{/block:Title}
  515. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  516. {/block:Chat}
  517.  
  518. {block:Audio}
  519. <div class="player">{AudioPlayerBlack}</div>
  520. {block:Caption}{Caption}{/block:Caption}
  521. {/block:Audio}
  522.  
  523. {block:Answer}
  524.  
  525. <center>
  526. <table border="0" bordercolor="" style="background-color:#FCE1EC; -moz-border-radius: 20px;
  527. -webkit-border-radius: 20px;
  528. -o-border-radius: 20px;" width="260" cellpadding="3" cellspacing="3">
  529. <tr>
  530. <td>
  531.  
  532. <img src="http://th67.photobucket.com/albums/h317/jojordann/pixels/th_thmail015ze.gif"align="left" style="padding:5px;"> <center>
  533. {Asker}: <a href="{Permalink}">{Question}</a>
  534.  
  535.  
  536. </td>
  537. </tr>
  538. </table>
  539. <br>
  540.  
  541.  
  542. {Answer}
  543.  
  544.  
  545. {/block:answer}
  546.  
  547. {block:Video}
  548. <div class="video">{Video-400}</div>
  549. {block:IfShowCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  550. {/block:Video}
  551.  
  552. {block:IfNotSidePermalinks}{block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:IfUsePermalinkImage}<img src="{image:Permalink}">{/block:IfUsePermalinkImage}{block:IfNotUsePermalinkImage}{block:Date}{NoteCount}{/block:Date}{/block:IfNotUsePermalinkImage}</a></div>{/block:IndexPage}{/block:IfNotSidePermalinks}
  553.  
  554. {block:PermalinkPage}
  555. {block:Date}Posted {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:HasTags}<br>Tags:&nbsp;{block:Tags}<a href="{TagURL}"><span style="border-bottom:1px solid {color:Links}; color:{color:Text}; line-height:14px;">{Tag}</span></a>&nbsp;&nbsp;{/block:Tags}
  556. {/block:HasTags}{/block:PermalinkPage}
  557.  
  558. {block:PostNotes}{PostNotes}{/block:PostNotes}
  559.  
  560.  
  561. </div>
  562. {/block:Posts}
  563. {block:IfEndlessScroll}</div>{/block:IfEndlessScroll}
  564.  
  565. {block:IfNotEndlessScroll}
  566. {block:Pagination}
  567. <div class="pagination">
  568. {block:JumpPagination length="10"}
  569. {block:CurrentPage}
  570. <span class="current_page">{PageNumber}&nbsp;</span>
  571. {/block:CurrentPage}
  572.  
  573. {block:JumpPage}
  574. <a class="jump_page" href="{URL}">{PageNumber}&nbsp;</a>
  575. {/block:JumpPage}
  576. {/block:JumpPagination}
  577. </div>
  578. {/block:Pagination}
  579. {/block:IfNotEndlessScroll}
  580.  
  581. {block:ContentSource}
  582. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  583. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  584. {/block:SourceLogo}
  585. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  586. {/block:ContentSource}
  587.  
  588.  
  589. </div>
  590.  
  591.  
  592.  
  593. </div>
  594.  
  595.  
  596.  
  597.  
  598. <div style="position:fixed; top:0px; left:0px;">
  599. <h8>THEME: <A HREF="http://rotferkelthemes.tumblr.com/">ROTFERKEL</a>
  600.  
  601.  
  602. </h8> </div>
  603.  
  604.  
  605.  
  606. </body>
  607.  
  608.  
  609.  
  610. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!