API tools faq
paste
namunamoo

Totoro Theme

namunamoo
Feb 6th, 2012
2,226
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.14 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. THEME MADE BY NAMUNAMOO (http://namunamoo.tumblr.com)
  3. TOTOROOOOOOOOOOO! ♡
  4. PLEASE DON'T REMOVE THE CREDITS. THANK YOU.
  5. -->
  6.  
  7.  
  8. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10. <head><title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15. <meta name="color:Background" content=""/>
  16. <meta name="color:Body Font" content="#363636"/>
  17. <meta name="color:Posts" content="#FFFFFF"/>
  18. <meta name="color:Post Box Border" content="#F0F0F0"/>
  19. <meta name="color:Description Background" content="#ffffff"/>
  20. <meta name="color:Title" content="#93c9ca"/>
  21. <meta name="color:Description Text" content="#000000">
  22. <meta name="color:Links" content="#4287f3"/>
  23. <meta name="color:Links hover" content="#000000"/>
  24. <meta name="color:Title Post" content="#000000"/>
  25. <meta name="color:Blockquote" content="#649cf5"/>
  26. <meta name="color:Quote" content="#363636"/>
  27. <meta name="color:Answer Background" content="#F5F5F5"/>
  28. <meta name="color:ScrollBar Border" content="#BBBBBB"/>
  29. <meta name="color:ScrollBar" content="#484848"/>
  30. <meta name="color:ScrollBar Background" content="#e8e8e8"/>
  31. <meta name="color:ButtonBorder" content="#dbdbdb">
  32. <meta name="color:ButtonBG" content="#85CAF0">
  33.  
  34. <meta name="text:blog title" content="title here"/>
  35.  
  36. <meta name="if:Show Description Background" content="1"/>
  37. <meta name="if:Infinite Scrolling" content="1"/>
  38.  
  39. <meta name="image:Background" content="http://static.tumblr.com/14xu0fs/8TIlyott4/tumblr_lxs1e8cjnr1rnpeyto1_250.png"/>
  40. <meta name="image:Post Box Background" content=""/>
  41.  
  42. <meta name="text:Link 1" content="link 1">
  43. <meta name="text:URL 1" content="/">
  44. <meta name="text:Link 2" content="">
  45. <meta name="text:URL 2" content="">
  46. <meta name="text:Link 3" content="">
  47. <meta name="text:URL 3" content="">
  48.  
  49. <style type="text/css">
  50.  
  51. body {
  52. background-color: {color:Background};
  53. font-family: calibri;
  54. font-size: 10px;
  55. color: {color:Body Font};
  56. text-align: justify;
  57. background-image: url('{image:Background}');
  58. background-attachment: fixed;
  59. }
  60.  
  61. @font-face {font-family: "print";src: url('http://static.tumblr.com/iuggpng/oQfm4mzne/princ___.ttf');}
  62.  
  63.  
  64. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/bmdsqsc/KdRlu9tpm/slkscr.ttf');}
  65.  
  66. @font-face {
  67. font-family: 'loremipsumBold';
  68. src: url('loremipsum-webfont.eot');
  69. src: url('loremipsum-webfont.eot?#iefix') format('embedded-opentype'),
  70. url('loremipsum-webfont.woff') format('woff'),
  71. url('loremipsum-webfont.ttf') format('truetype'),
  72. url('loremipsum-webfont.svg#loremipsumBold') format('svg');
  73. font-weight: normal;
  74. font-style: normal;
  75.  
  76. }
  77.  
  78. #posts {
  79. position: absolute;
  80. left: 25px;
  81. top: 25px;
  82. }
  83.  
  84.  
  85. #lineup {
  86. background-image: url('{image:Post Box Background}');
  87. position: relative;
  88. margin-left: 170px;
  89. top:5px;
  90. width: 500px;
  91. background-color:{color:Posts};
  92. margin-bottom: 5px;
  93. padding: 5px;
  94. z-index:500;
  95. }
  96.  
  97.  
  98. #permalink {
  99. font-family: Courier New;
  100. opacity: 0;
  101. left: 450px;
  102. filter: alpha (opacity=0);
  103. position: absolute;
  104. top: 10px;
  105. text-align: center;
  106. padding-right: 5px;
  107. width: 100px;
  108. background-image: url('{image:Permalink Background}');
  109. background-color: #transp;
  110. -webkit-transition: all 0.5s ease;
  111. -moz-transition: all 0.5s ease;
  112. -o-transition: all 0.5s ease;
  113.  
  114. }
  115.  
  116. #lineup:hover #permalink {
  117. background-color: #transp;
  118. opacity: 9;
  119. filter: alpha (opacity=9);
  120. width: 200px;
  121. }
  122.  
  123.  
  124.  
  125. .answer {
  126. background-color: {color:Answer Background};
  127. padding-top: 1px;
  128. padding-bottom: 1px;
  129. padding-left: 10px;
  130.  
  131. }
  132.  
  133. a.class {
  134. color: {color:Icons Links};
  135. }
  136.  
  137. a.class:hover {
  138. color: {color:Icons Links Hover};
  139. }
  140.  
  141.  
  142.  
  143.  
  144. #thing {
  145. position: fixed;
  146. left: 0px;
  147. top: 0px;
  148. width: 220px;
  149.  
  150. }
  151.  
  152.  
  153.  
  154.  
  155. #about {
  156. color: {color:Description Font};
  157. font-family: print;
  158. font-size: {text:Font Description Size};
  159. padding: 5px;
  160. background-image: url('{image:Description Background}');
  161. background-color: {color:Description Background};
  162. width: 210px;
  163. border-right: {text:Sidebar Icons Width} solid {color:Sidebar Background};
  164.  
  165. }
  166.  
  167. .b1a4{
  168. font-family:"loremipsum", serif;
  169. position: fixed;
  170. font-size: 30px;
  171. color: {color:Title};
  172. text-shadow: 1px 1px 1px #C4C4C4;
  173. width: 300px;
  174. }
  175.  
  176. a.perma {
  177. color: {color:Permalink Font};
  178. }
  179.  
  180. a.perma:hover {
  181. color: {color:Permalink Font Hover};
  182. }
  183.  
  184. .story {
  185. font-family: print;
  186. font-size: 21px;
  187. color: {color:Post Title};
  188. background-color: {color:Title};
  189. text-align: center;
  190. text-shadow: 1px 1px 1px #C4C4C4;
  191. }
  192.  
  193.  
  194. #lineup img {max-width: 100%;}
  195.  
  196. .quote {
  197. font-family: print;
  198. font-size: 18px;
  199. font-style: italic;
  200. color: {color:Quote};
  201. }
  202.  
  203. blockquote {
  204. border-left: 3px solid {color:Blockquote};
  205. padding: 1px 1px 1px 5px;
  206. }
  207.  
  208. .tags {
  209. background-color: #F0F0F0;
  210. padding: 3px;
  211. }
  212.  
  213. a {
  214. color:{color:Links};
  215. font-family:tinytots;
  216. font-size: 8px;
  217. -webkit-transition: all 0.5s ease;
  218. -moz-transition: all 0.5s ease;
  219. -o-transition: all 0.5s ease;
  220. text-decoration: none;
  221. }
  222.  
  223. a:hover {
  224. color:{color:Links hover};
  225. font-family:tinytots;
  226. font-size: 8px;
  227. -webkit-transition: all 0.5s ease;
  228. -moz-transition: all 0.5s ease;
  229. -o-transition: all 0.5s ease;
  230. text-decoration: none;
  231. }
  232.  
  233.  
  234. ::-webkit-scrollbar-thumb:vertical {
  235. background-color:{color:ScrollBar};
  236. border-top:2px solid {color:ScrollBar Border};
  237. border-bottom:2px solid {color:ScrollBar Border};
  238. height:auto;
  239. }
  240.  
  241. ::-webkit-scrollbar-thumb:vertical:hover{
  242. background-color:{color:ScrollBar};
  243. }
  244.  
  245.  
  246.  
  247. ::-webkit-scrollbar-thumb:horizontal{
  248. background-color:{color:ScrollBar};
  249. height:auto;
  250. }
  251.  
  252. ::-webkit-scrollbar-thumb:horizontal:hover{
  253. background-color:{color:ScrollBar};
  254. }
  255.  
  256.  
  257.  
  258. ::-webkit-scrollbar{
  259. height:10px;
  260. width:10px;
  261. background-color: {color:ScrollBar Background};
  262. }
  263.  
  264. .topp {
  265. font-family: consolas;
  266. font-size: 10px;
  267. }
  268.  
  269. #scrollToTop:link,
  270. #scrollToTop:visited {
  271. color: #000000;
  272. background-color: transparent;
  273. display: none;
  274. position: fixed;
  275. bottom: 10px;
  276. right: 10px;
  277. }
  278.  
  279. #sidebar {
  280. position: fixed;
  281. margin-top: 140px;
  282. margin-left: 750px;
  283. font-family: tinytots;
  284. font-size: 8px;
  285. line-height: 16px;
  286. text-transform: lowercase;
  287. width: 225px;
  288. }
  289.  
  290.  
  291. #desc {
  292. {block:IfShowDescriptionBackground}background-color: {color:Description Background};{/block:IfShowDescriptionBackground}
  293. {block:IfNotShowDescriptionBackground}background-color: #transp;{/block:IfNotShowDescriptionBackground}
  294. color: {color:Description Text};
  295. text-align: center;
  296. font-size: 8px;
  297. padding: 2px;
  298. {block:IfLink1}margin-top: 5px;{/block:IfLink1}
  299. }
  300.  
  301.  
  302. #menu
  303. {float:left;
  304. position:fixed;
  305. left:60px;
  306. top:70px;
  307. width:56px;}
  308.  
  309. .button
  310. {height: 70px;
  311. width: 70px;
  312. margin-bottom:10px;
  313. -moz-border-radius: 35px;
  314. border-radius: 35px;
  315. overflow:hidden;
  316. border:3px solid {color:ButtonBorder};
  317. background-color:{color:ButtonBorder};}
  318.  
  319. .nav
  320. {padding-top:30px;
  321. text-align:center;
  322. height: 70px;
  323. width: 70px;
  324. text-transform:uppercase;
  325. font-family:consolas;
  326. font-size:8px;
  327. letter-spacing:4px;
  328. color:{color:Button};
  329. background-color:{color:ButtonBG};
  330. margin-right:3px;}
  331.  
  332. .buttons
  333. {height: 100px;
  334. width: 100px;}
  335.  
  336. #line
  337. {margin-left:-73px;
  338. -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  339.  
  340. #line:hover
  341. {margin-left:0px;}
  342.  
  343. </style>
  344.  
  345. {Block:IfInfiniteScrolling}
  346. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  347. {/Block:IfInfiniteScrolling}
  348.  
  349. </head>
  350. <body>
  351. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  352. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  353.  
  354. <div class="topp">
  355. <a href="javascript:;" id="scrollToTop"><img src="http://static.tumblr.com/dillszt/ukNm4n9ih/tumblr_lg7mjyqkxu1qdvdu6.gif"></a>
  356. </div>
  357.  
  358.  
  359. <div id="menu">
  360.  
  361. <img src="{PortraitURL-96}" style="height: 70px; width:70px; -moz-border-radius: 35px; border-radius: 35px;"></img><br><br>
  362.  
  363. <a href="/"><div class="button">
  364. <table border="0" cellpadding="0" cellspacing="0" id="line"><tr>
  365. <td><div class="nav">home</div></td>
  366. <td><img class="buttons"src="http://assets.inhabitots.com/wp-content/uploads/2010/06/Totoro-100x100.jpg"/></td>
  367. </tr></table>
  368. </div></a>
  369.  
  370. <a href="/ask"><div class="button">
  371. <table border="0" cellpadding="0" cellspacing="0" id="line"><tr>
  372. <td><div class="nav">ask</div></td>
  373. <td><img class="buttons"src="http://multiply.com/mu/totoro2010/logo/2"/></td>
  374. </tr></table>
  375. </div></a>
  376.  
  377. {block:IfLink1}<a href="{text:URL 1}"><div class="button">
  378. <table border="0" cellpadding="0" cellspacing="0" id="line"><tr>
  379. <td><div class="nav">{text:Link 1}</div></td>
  380. <td><img class="buttons"src="http://images.coolchaser.com/themes/t/-i29.photobucket.com-albums-c300-_sexybanana_-TOTORO.jpg"/></td>
  381. </tr></table>
  382. </div></a>{/block:IfLink1}
  383.  
  384. {block:IfLink2}<a href="{text:URL 2}"><div class="button">
  385. <table border="0" cellpadding="0" cellspacing="0" id="line"><tr>
  386. <td><div class="nav">{text:Link 2}</div></td>
  387. <td><img class="buttons"src="http://th6.photobucket.com/albums/y239/ulri/th_Totoro.jpg"/></td>
  388. </tr></table>
  389. </div></a>{/block:IfLink2}
  390.  
  391. {block:IfLink3}<a href="{text:URL 3}"><div class="button">
  392. <table border="0" cellpadding="0" cellspacing="0" id="line"><tr>
  393. <td><div class="nav">{text:Link 3}</div></td>
  394. <td><img class="buttons"src="http://www.dreamwidth.org/userpic/548597/457501"/></td>
  395. </tr></table>
  396. </div></a>{block:IfLink3}
  397. </div>
  398.  
  399. <div id="sidebar">
  400. <div class="b1a4">{text:blog title}</div>
  401. <br>
  402. <div id="desc">
  403. {block:Description}{Description}{/block:Description}
  404. {Block:IfNotInfiniteScrolling}
  405. <br>
  406. <br>
  407. <br>
  408. {block:Pagination}
  409. {block:PreviousPage}<div id="previous"><a href="{PreviousPage}">← rewind</a></div>{/block:PreviousPage}{block:NextPage}<div id="next"><a href="{NextPage}">fast foward →</a></div>{/block:NextPage} {/block:Pagination}{/Block:IfNotInfiniteScrolling}</div>
  410. </div>
  411.  
  412. {Block:IfInfiniteScrolling}
  413. <div class = "autopagerize_page_element" >
  414. {/Block:IfInfiniteScrolling}
  415.  
  416.  
  417. <div style="font-size:8px;color:#000000; position:fixed; bottom:2px; right:9px;"><a href="http://namunamoo.tumblr.com">theme</a></div>
  418.  
  419.  
  420.  
  421. {block:Posts}
  422.  
  423. <div id="lineup">
  424.  
  425.  
  426.  
  427. {block:Text}
  428.  
  429. {block:Title}
  430. <div class="story">
  431. {Title}
  432. </div>
  433. {/block:Title}
  434.  
  435. {Body}
  436.  
  437. {Block:PermalinkPage}
  438.  
  439. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  440. {block:HasTags}
  441. <div class="tags">
  442. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  443. </div>
  444. {/block:HasTags}
  445.  
  446. {block:PostNotes}
  447. {PostNotes}
  448. {/block:PostNotes}
  449.  
  450. {/Block:PermalinkPage}
  451.  
  452. {/block:Text}
  453.  
  454.  
  455.  
  456. {block:Photo}
  457.  
  458. {LinkOpenTag}
  459. <img src="{PhotoURL-HighRes}" width="500px" alt="{PhotoAlt}">
  460. {LinkCloseTag}
  461.  
  462. {Block:PermalinkPage}
  463. {block:Caption}
  464. {Caption}
  465. {/block:Caption}
  466.  
  467. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  468.  
  469. {block:HasTags}
  470. <div class="tags">
  471. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  472. </div>
  473. {/block:HasTags}
  474.  
  475. {block:PostNotes}
  476. <div style="height:200px; text-align:left;overflow:auto;border-top:1px {color:Border};">
  477. {PostNotes}</div>
  478. {/block:PostNotes}
  479.  
  480.  
  481. {/Block:PermalinkPage}
  482.  
  483. {/block:Photo}
  484.  
  485.  
  486.  
  487. {block:Photoset}
  488.  
  489. {Photoset-500}
  490.  
  491. {Block:PermalinkPage}
  492. {block:Caption}
  493. {Caption}
  494. {/block:Caption}
  495.  
  496. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  497.  
  498. {block:HasTags}
  499. <div class="tags">
  500. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  501. </div>
  502. {/block:HasTags}
  503.  
  504. {block:PostNotes}
  505. {PostNotes}
  506. {/block:PostNotes}
  507.  
  508. {/Block:PermalinkPage}
  509.  
  510. {/block:Photoset}
  511.  
  512.  
  513.  
  514. {block:Quote}
  515.  
  516. <div class="quote">
  517. <div style="font-size: 30px; display: inline-block; line-height: 0px; margin-bottom: -3px; margin-right: 3px;">❝</div>{Quote}
  518. </div>
  519.  
  520. {block:Source}
  521. <div style="text-align:right">—{Source}</div>
  522. {/block:Source}
  523.  
  524. {Block:PermalinkPage}
  525. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  526. {block:HasTags}
  527. <div class="tags">
  528. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  529. </div>
  530. {/block:HasTags}
  531.  
  532. {block:PostNotes}
  533. {PostNotes}
  534. {/block:PostNotes}
  535.  
  536. {/Block:PermalinkPage}
  537.  
  538. {/block:Quote}
  539.  
  540.  
  541.  
  542. {block:Link}
  543.  
  544. <a href="{URL}" {Target}>
  545.  
  546. <div class="story"><div style="margin-left:0px">{Name}</div></div>
  547. </a>
  548.  
  549. {block:Description}
  550. {Description}
  551. {/block:Description}
  552.  
  553. {Block:PermalinkPage}
  554. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  555. {block:HasTags}
  556. <div class="tags">
  557. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  558. </div>
  559. {/block:HasTags}
  560.  
  561. {block:PostNotes}
  562. {PostNotes}
  563. {/block:PostNotes}
  564.  
  565. {/Block:PermalinkPage}
  566.  
  567. {/block:Link}
  568.  
  569.  
  570.  
  571. {block:Chat}
  572.  
  573. {block:Title}
  574. <div class="story">
  575. {Title}
  576. </div>
  577. {/block:Title}
  578.  
  579. {block:Lines}
  580. {block:Label}
  581. <b><font color="{color:Blockquote}">{Label}</font></b>
  582. {/block:Label}
  583.  
  584. {Line}<br>
  585. {/block:Lines}
  586.  
  587. {Block:PermalinkPage}
  588. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  589. {block:HasTags}
  590. <div class="tags">
  591. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  592. </div>
  593. {/block:HasTags}
  594.  
  595. {block:PostNotes}
  596. {PostNotes}
  597. {/block:PostNotes}
  598.  
  599. {/Block:PermalinkPage}
  600.  
  601. {/block:Chat}
  602.  
  603.  
  604.  
  605. {block:Audio}
  606.  
  607. {block:AlbumArt}
  608. <img src="{AlbumArtURL}" align="left" width="100px" height="100px" style="margin-right:5px;margin-bottom:5px;"/>{/block:AlbumArt}
  609. <div class="audio">{AudioPlayerWhite}</div>
  610. {block:Caption}{Caption}{/block:Caption}
  611.  
  612. <p>{PlayCountWithLabel}</p>
  613. <br clear="all">
  614.  
  615. {Block:PermalinkPage}
  616. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  617. {block:HasTags}
  618. <div class="tags">
  619. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  620. </div>
  621. {/block:HasTags}
  622.  
  623. {block:PostNotes}
  624. {PostNotes}
  625. {/block:PostNotes}
  626.  
  627. {/Block:PermalinkPage}
  628.  
  629.  
  630. {/block:Audio}
  631.  
  632.  
  633.  
  634. {block:Video}
  635.  
  636. {Video-500}
  637.  
  638. {Block:PermalinkPage}
  639. {block:Caption}
  640. {Caption}
  641. {/block:Caption}
  642.  
  643. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  644. {block:HasTags}
  645. <div class="tags">
  646. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  647. </div>
  648. {/block:HasTags}
  649.  
  650. {block:PostNotes}
  651. {PostNotes}
  652. {/block:PostNotes}
  653.  
  654. {/Block:PermalinkPage}
  655.  
  656. {/block:Video}
  657.  
  658.  
  659.  
  660. {block:Answer}
  661.  
  662. <img src="{AskerPortraitURL-16}">&nbsp;<b>{Asker}</b> whispered: {Question}<div class="answer">{Answer}</div>
  663.  
  664. {Block:PermalinkPage}
  665. Posted {block:Date} {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}.
  666. {block:HasTags}
  667. <div class="tags">
  668. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  669. </div>
  670. {/block:HasTags}
  671.  
  672. {block:PostNotes}
  673. {PostNotes}
  674. {/block:PostNotes}
  675.  
  676. {/Block:PermalinkPage}
  677.  
  678. {/block:Answer}
  679. {Block:IndexPage}
  680. <div id="permalink">
  681. <a href="{Permalink}" class="perma">
  682. <img src="http://media.tumblr.com/tumblr_lm6ovhtdmZ1qfoi4t.gif">
  683. {NoteCount}
  684.  
  685. </a>
  686. <br>
  687. <a href="{ReblogURL}" target="_blank"> Reblog</a>
  688. </div>
  689. {/Block:IndexPage}
  690. </div>
  691.  
  692.  
  693. {/block:Posts} {Block:IfInfiniteScrolling}</div>{/Block:IfInfiniteScrolling}
  694. </body></html>
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!