API tools faq
paste
Advertisement
realjunko

Totoro theme

realjunko
May 13th, 2014
2,867
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.45 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Totoro theme by uttsutsu
  3. please do not remove credit or redistribute
  4. -->
  5.  
  6. <html lang="en">
  7. <head>
  8.  
  9. <meta name="image:Background" content=""/>
  10. <meta name="image:pixel" content=""/>
  11. <meta name="color:Background" content="#fefbfb"/>
  12. <meta name="color:Borders" content="#eee"/>
  13. <meta name="color:Title" content="#999999"/>
  14. <meta name="color:Blog Title" content="#999999"/>
  15. <meta name="color:Link" content="#555555"/>
  16. <meta name="color:Hover" content="#999999"/>
  17. <meta name="color:Text" content="#9f9a9a"/>
  18. <meta name="text:Link One URL" content=""/>
  19. <meta name="text:Link One Title" content="link"/>
  20. <meta name="text:Link two URL" content=""/>
  21. <meta name="text:Link two Title" content="link"/>
  22. <meta name="text:Link three URL" content=""/>
  23. <meta name="text:Link three Title" content="link"/>
  24. <title>{Title}</title>
  25. {block:Description}
  26. <meta name="description" content="{MetaDescription}" />
  27. {/block:Description}
  28. <link rel="shortcut icon" href="http://4.bp.blogspot.com/-8naZwPn7YYY/UNnXVHkUKtI/AAAAAAAACVY/A7YqWQHBnvs/s1600/65c6ad4f.gif">
  29.  
  30. <!---------------DO NOT REMOVE THESE SCRIPTS--------------->
  31.  
  32. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  33.  
  34. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  35. <script>
  36. (function($){$(document)
  37. .ready(function(){$("[title]")
  38. .style_my_tooltips();});})
  39. (jQuery);
  40. </script>
  41.  
  42. {block:IndexPage}
  43. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  44. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  45.  
  46. <script type="text/javascript">
  47. $(window).load(function(){
  48. var $wall = $('#entries');
  49. $wall.imagesLoaded(function(){
  50. $wall.masonry({
  51. itemSelector: '#post, #post_photo',
  52. isAnimated : false
  53. });
  54. });
  55.  
  56. $wall.infinitescroll({
  57. navSelector : '#pagination',
  58. nextSelector : '#pagination a',
  59. itemSelector : '#post, #post_photo',
  60. bufferPx : 2000,
  61. debug : false,
  62. errorCallback: function() {
  63. $('#scroll').fadeOut('normal');
  64. }},
  65. function( newElements ) {
  66. var $newElems = $( newElements );
  67. $newElems.hide();
  68. $newElems.imagesLoaded(function(){
  69. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  70. });
  71. }); $('#entries').show(500);
  72. });
  73. </script>
  74. {/block:IndexPage}
  75.  
  76.  
  77.  
  78. <style type="text/css">
  79. @font-face { font-family:"silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); } @font-face {font-family: "print";src: url('http://static.tumblr.com/iuggpng/oQfm4mzne/princ___.ttf');}
  80.  
  81. /************EDIT BODY HERE************/
  82.  
  83. body{
  84. margin:0px;
  85. background-color: {color:Background};
  86. background-image:url({image:Background});
  87. background-attachment:fixed;
  88. background-repeat:100%;
  89. background-position:bottom-right;
  90. font-family: calibri;
  91. font-size:8px;
  92. letter-spacing:1px;
  93. text-transform:uppercase;
  94. text-align:left;
  95. line-height:11px;
  96. color: {color:Text};}
  97.  
  98.  
  99. a:link, a:active, a:visited{
  100. text-decoration: none;
  101. color: {color:Link};}
  102.  
  103. a:hover {
  104. color:{color:Link};
  105. text-decoration:none;}
  106.  
  107. /************EDIT TOOLTIP HERE************/
  108.  
  109.  
  110. #s-m-t-tooltip {
  111. padding: 3px;
  112. height:auto;
  113. display: none;
  114. font-family: consolas;
  115. font-size: 8px;
  116. text-transform:uppercase;
  117. text-align: center;
  118. letter-spacing:1px;
  119. margin-top:10px;
  120. margin-left: 15px;
  121. line-height: 8px;
  122. z-index: 999999999999;
  123. border-radius:3px;
  124. border: 1px solid #f5f5f5;
  125. background:#ffffff;
  126. color: #888;}
  127.  
  128. /************EDIT POST POSITION/WIDTH HERE************/
  129.  
  130. /*To increase the amount of columns, increase the width. To decrease the amount of columns, decrease the width.*/
  131.  
  132. #entries{
  133. text-align:left;
  134. border-left:1px solid #f5f5f5;
  135. padding-left:100px;
  136. width:560px;
  137. margin-left:70px;
  138. margin-top:10px;
  139. position:relative;
  140. overflow: hidden;
  141. {block:PermalinkPage}
  142. width:550px;
  143. {/block:PermalinkPage}}
  144.  
  145.  
  146.  
  147. /************EDIT OVERALL POSTS HERE************/
  148.  
  149. /*When increasing the amount of columns, you may have to decrease the #post width. Otherwise, to get larger posts, increase the width.*/
  150.  
  151. #post{
  152. text-align:left;
  153. margin:20px;
  154. background:#ffffff;
  155. box-shadow:#f5f5f5 3px 3px;
  156. border:{color:borders} 1px solid;
  157. padding:20px;
  158. border-radius:3px;
  159. padding-bottom:18px;
  160. background:#ffffff;
  161. max-width: 100%;
  162. display:block;
  163.  
  164. -webkit-transition: all .6s ease-in;
  165. -moz-transition: all .6s ease-in;
  166. transition: all .6s ease-in;
  167. overflow:hidden;
  168. width:180px;
  169. {block:PermalinkPage}
  170. width:500px;
  171. {/block:PermalinkPage}}
  172.  
  173. /*Do not delete #post img.*/
  174.  
  175. #post img{
  176. max-width:100%;}
  177.  
  178. /*Edit the permalinks all posts.*/
  179.  
  180. .photopermalink{
  181. padding: 4px;
  182. line-height:10px;
  183. position: absolute;
  184. text-align:center;
  185. opacity:0;
  186. margin-top:-10px;
  187. width:242px;
  188. background: #fff;
  189. z-index:99999;
  190. -webkit-transition: all 0.6s ease;
  191. -moz-transition: all 0.6s ease;
  192. transition: all 0.6s ease;}
  193.  
  194. .photopermalink a{
  195. color:#cccccc;
  196. text-transform:uppercase;}
  197.  
  198. #post:hover .photopermalink{
  199. margin-top:0px;
  200. opacity:.9;}
  201.  
  202. .permalink{
  203. margin-top:6px;
  204. padding-top:4px;
  205. border-top:1px solid #f5f5f5;
  206. text-align:right;}
  207. .permalink a{
  208. color:#000000;
  209. text-transform:uppercase;
  210. line-height:15px;}
  211.  
  212. /*Edit the titles on any text-based post.*/
  213.  
  214. .posttitle{
  215. font-size:10px;
  216. text-align:center;
  217. color:{color:Link};
  218. font-family: silkscreen;
  219. }
  220.  
  221. .posttitle a{
  222. color:{color:Link};}
  223.  
  224. /************EDIT QUOTE POSTS HERE************/
  225.  
  226. .quote{
  227. margin-right: 5px;}
  228.  
  229. .source{
  230. padding-top:5px;
  231. display:block;
  232. text-align:right;}
  233.  
  234.  
  235. /************EDIT ANSWER POSTS HERE************/
  236.  
  237. .ask{
  238. padding:4px;
  239. background:#f9f9f9;}
  240. .asker{
  241. color:{color:Link};}
  242. .answer{
  243. margin-top:10px;}
  244.  
  245. /************EDIT AUDIO POSTS HERE************/
  246.  
  247. .audio{
  248. {block:IndexPage}width:180px;{/block:IndexPage}
  249. {block:PermalinkPage}width:239px;{/block:PermalinkPage};}
  250. .info{
  251. padding:2px 0px 1px 57px;}
  252. .i {
  253. text-transform:uppercase;
  254. letter-spacing:1px;
  255. font-size:8px;}
  256. .pl b,strong{
  257. text-transform:lowercase;
  258. font-size:9px;}
  259. .player{
  260. position:absolute;
  261. overflow:hidden;
  262. margin-top:0px;
  263. margin-left:15px;
  264. background:#ffffff;
  265. width:24px;
  266. height:23px;}
  267.  
  268. /************EDIT VIDEO POSTS HERE************/
  269. /***********DO NOT DELETE THIS CODE************/
  270.  
  271. .video-container {
  272. position:relative;
  273. padding-bottom:56.25%;
  274. padding-top: 30px;
  275. height:0;
  276. overflow:hidden;}
  277.  
  278. .video-container iframe,
  279. .video-container object,
  280. .video-container embed {
  281. position: absolute;
  282. top: 0;
  283. left: 0;
  284. width: 100%;
  285. height: 100%;}
  286.  
  287. /************EDIT CHAT POSTS HERE************/
  288.  
  289. .chat{
  290. line-height:12px;
  291. list-style:hiragana;}
  292. .chat ul{
  293. list-style:none;
  294. padding:0px 5px;
  295. line-height:15px;}
  296. .label{
  297. color:{color:Link};}
  298. ol, ul {
  299. list-style:hiragana;
  300. }
  301. /************EDIT SIDEBAR HERE************/
  302.  
  303. #sidebar{
  304. background:#fff;
  305. border:1px {color:borders} solid;
  306. margin-left:590px;
  307. margin-top:400px;
  308.  
  309. border-radius:3px;
  310. box-shadow:#f5f5f5 3px 3px;
  311. background:#ffffff;
  312. padding:10px;
  313.  
  314. padding-bottom:8px;
  315. background:#ffffff;
  316. width:150px;
  317. position:fixed;
  318. text-align:center;}
  319. #line1 {
  320. position:fixed;
  321. height:2000px;
  322. width:10px;
  323. margin-left:1000px;
  324. margin-top:-20px;
  325. background-color:transparent;
  326. border-left: 1px solid #eee;
  327. -webkit-animation:fadeInUpBig ease-in-out 2s;
  328. -moz-animation:fadeInUpBig ease-in-out 2s;
  329. -ms-animation:fadeInUpig ease-in-out 2s;
  330.  
  331. }
  332.  
  333.  
  334. .blogtitle{
  335. padding:5px;
  336. padding-bottom:0px;
  337. text-align:center;
  338. font-size:12px;}
  339.  
  340. .blogtitle a{
  341. color:{color:Blog Title};}
  342.  
  343. .description{
  344. padding:5px;}
  345. .links{
  346. margin-left:-15px;
  347. padding:0px 10px 5px 10px;
  348. margin-top:5px;}
  349.  
  350. .links a{
  351. margin-left:15px;}
  352.  
  353. .links a:hover{
  354. color:{color:Hover};}
  355.  
  356.  
  357.  
  358.  
  359. /************EDIT TEXT SETTINGS HERE************/
  360.  
  361. i, em{
  362. color:{color:Link};}
  363. b, strong{
  364. font-weight:normal;
  365. text-transform:uppercase;
  366. color:{color:Link};}
  367. ul,ol{
  368. margin:0px;
  369. margin-left:-5px;}
  370. p{
  371. padding:0px;
  372. margin:2px;}
  373. u{
  374. text-decoration:none;
  375. color:{color:Title};}
  376.  
  377. blockquote {
  378. margin:0px;
  379. padding:4px;
  380. background:#f7f7f7;}
  381.  
  382. /************DO NOT DELETE #SCROLL************/
  383.  
  384. #scroll{
  385. bottom:-20px;
  386. position: absolute;
  387. left: 50%;
  388. width:10px;
  389. height:5px;
  390. overflow:hidden;
  391. margin-bottom:80px;}
  392.  
  393. /************EDIT CREDIT HERE************/
  394.  
  395. #credit{
  396. position:fixed;
  397. right:10px;
  398. bottom:10px;
  399. text-transform:uppercase;
  400. font-family:Calibri;
  401. font-size:8px;
  402. -webkit-transition: all 0.6s ease;
  403. -moz-transition: all 0.6s ease;
  404. transition: all 0.6s ease;}
  405.  
  406.  
  407.  
  408.  
  409.  
  410. #credit a{
  411. color:#aaaaaa;}
  412.  
  413. #credit:hover .creda{
  414. margin-top:0px;
  415. opacity:.9;}
  416.  
  417. </style>
  418. </head>
  419.  
  420. <body>
  421.  
  422.  
  423. <center>
  424.  
  425. <div id="entries">
  426.  
  427.  
  428.  
  429. <div id="sidebar">
  430. <div class="blogtitle"><a href="/">{Title}</a></div>
  431. <div class="description">{Description}</div>
  432. <img src="{image:pixel}"</a>
  433. <div class="links">
  434. <a title="refresh" href="/">一</a>
  435. <a title="inbox" href="/ask">二</a>
  436. <a title="{text:Link One Title}" href="{text:Link One URL}">三</a>
  437. <a title="{text:Link two Title}" href="{text:Link two URL}">四</a>
  438. <a title="{text:Link three Title}"href="{text:Link three URL}">五</a>
  439. </div>
  440. </div>
  441.  
  442.  
  443.  
  444. {block:Posts}
  445.  
  446.  
  447.  
  448. {block:ContentSource}
  449. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  450. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  451. {/block:SourceLogo}
  452. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  453. {/block:ContentSource}
  454.  
  455. <div id="post">
  456.  
  457.  
  458.  
  459. {block:Text}
  460. <div class="text">
  461. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  462. {Body}{block:IndexPage}<div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> / <a href="{Permalink}">{NoteCount}</a>
  463. </div>{/block:IndexPage}</div>
  464. {/block:Text}
  465.  
  466.  
  467.  
  468. {block:Link}
  469. <a href="{URL}"><div class="posttitle">{Name}</div></a>
  470. {block:Description}{Description}{/block:Description}
  471. {block:IndexPage}<div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> / <a href="{Permalink}">{NoteCount}</a>
  472. </div>{/block:IndexPage}
  473. {/block:Link}
  474.  
  475.  
  476.  
  477. {block:Photo}
  478. {block:IndexPage}
  479. <img src="{PhotoURL-250}" alt="{PhotoAlt}" width="200px"/>{/block:IndexPage}<div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> / <a href="{Permalink}">{NoteCount}</a>
  480. </div>{block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:PermalinkPage}</a>
  481. {/block:Photo}
  482.  
  483.  
  484.  
  485. {block:Photoset}
  486. {block:IndexPage}{block:Photos}<a href="{Permalink}"><img src="{PhotoURL-500}" /></a>{/block:Photos}<div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> / <a href="{Permalink}">{NoteCount}</a>
  487. </div>{/block:IndexPage}
  488. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  489. {/block:Photoset}
  490.  
  491.  
  492.  
  493. {block:Quote}
  494. {Quote}{block:Source}
  495. <div class="source">{Source}</div>{/block:Source}
  496. {block:IndexPage}
  497. <div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> /
  498. <a href="{Permalink}">{NoteCount}</a>{/block:IndexPage}</div>
  499. {/block:Quote}
  500.  
  501.  
  502.  
  503. {block:Answer}
  504. <div class="ask"><span class="asker">{Asker}:</span> {Question}</div>
  505. <div class="answer">{Answer}</div>
  506. {block:IndexPage}
  507. <div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> /
  508. <a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}
  509. {/block:Answer}
  510.  
  511.  
  512.  
  513. {block:Chat}
  514. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  515. <div class="chat"><ul>{block:Lines}
  516. <li class="person{UserNumber}">{block:Label}
  517. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{block:IndexPage}<div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> /<a href="{Permalink}">{NoteCount}</a></div>
  518. {/block:IndexPage}
  519. {/block:Chat}
  520.  
  521.  
  522.  
  523.  
  524. {block:Audio}<div class="player">{AudioPlayerWhite}</div>
  525. <div class="info"><div class="i"><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i">by<span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div></div>{block:IndexPage}<div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> / <a href="{Permalink}">{NoteCount}</a></div>
  526. {/block:IndexPage}
  527. {/block:Audio}
  528.  
  529.  
  530.  
  531. {block:Video}
  532. {block:IndexPage}<div class="video-container">{Video-250}</div>
  533. <div class="photopermalink"><a href="{ReblogURL}"><img src="http://static.tumblr.com/3yblkz0/MOJn2c3w8/reb.png"</a></a> / <a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}
  534. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  535. {/block:Video}
  536.  
  537.  
  538. {block:PermalinkPage}
  539. {block:Caption}{Caption}{/block:Caption}
  540. <p>{block:Date} {Month} {DayofMonthWithSuffix}, {Year}{/block:Date} {block:NoteCount}, {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} , (via <a href="{ReblogParentURL}">{ReblogParentName}</a>){/block:RebloggedFrom}
  541. <div class="permapage">
  542. <div style="margin-top:10px; margin-left:-10px;">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  543. </div>
  544. {/block:Posts}
  545. </div>
  546.  
  547.  
  548.  
  549. {block:IndexPage}
  550. {block:Pagination}
  551. <div id="pagination">
  552. {block:NextPage}
  553. <a id="nextPage" href="{NextPage}"></a>
  554. {/block:NextPage}
  555. {block:PreviousPage}
  556. <a href="{PreviousPage}"></a>
  557. {/block:PreviousPage}
  558. </div>
  559. {/block:Pagination}
  560. {/block:IndexPage}
  561. </center>
  562. </body>
  563.  
  564.  
  565.  
  566. <div id="credit"><a title="theme made by jolyene" href="http://jolyene.tumblr.com/">theme</a></div>
  567.  
  568. </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!