API tools faq
paste
tezx

Kakashi theme

tezx
Jun 23rd, 2012
2,343
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.12 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.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!--KAKASHI THEME BY TEZX- PLEASE DON'T REMOVE CREDIT-->
  6.  
  7. <head>
  8.  
  9. <meta name="color:Background" content="#fff">
  10. <meta name="color:Hover" content="#fff"/>
  11. <meta name="color:Title" content="#662211" />
  12. <meta name="color:Title Background" content="#f6f6f6">
  13. <meta name="color:Post Background" content="#f6f6f6">
  14. <meta name="color:Desc Background" content="#ffffff">
  15. <meta name="color:Post Text" content="#a8a8a8">
  16. <meta name="color:Post Bold" content="#8e8e8e">
  17. <meta name="color:Post Italic" content="#8e8e8e">
  18. <meta name="color:Post Link" content="#6f6f6f">
  19. <meta name="color:Post Title" content="#cdcdcd">
  20. <meta name="color:Sidebar Text" content="#a8a8a8">
  21. <meta name="color:Sidebar Bold" content="#8e8e8e">
  22. <meta name="color:Sidebar Italic" content="#8e8e8e">
  23. <meta name="color:Sidebar Link" content="#6f6f6f">
  24. <meta name="image:Background" content="">
  25. <meta name="image:Sidebar" content="http://static.tumblr.com/aqoekwn/RWDm622du/tumblr_m3th09ygoi1ruviiuo1_500_large.png">
  26. <meta name="if:Show Captions" content="0">
  27. <meta name="if:Photo Fading" content="0">
  28. <meta name="text:Navigation Text" content="Navigation"/>
  29. <meta name="text:Name 1" content="">
  30. <meta name="text:URL 1" content="http://">
  31. <meta name="text:Name 2" content="">
  32. <meta name="text:URL 2" content="http://">
  33. <meta name="text:Name 3" content="">
  34. <meta name="text:URL 3" content="http://">
  35. <meta name="text:Name 4" content="">
  36. <meta name="text:URL 4" content="http://">
  37.  
  38. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  39.  
  40. <title>{Title}</title>
  41. <link rel="shortcut icon" href="{Favicon}" />
  42. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  43.  
  44. {block:Description}
  45. <meta name="description" content="{MetaDescription}"/>
  46. {/block:Description}
  47.  
  48. <style type="text/css">
  49. {CustomCSS}
  50.  
  51. a:link, a:active, a:visited{
  52. color: {color:Sidebar Link}
  53. text-decoration:none;
  54. -webkit-transition-duration:0.8s;}
  55.  
  56. a:hover{color:Hover};
  57.  
  58. .bubble {align:right;background: #eee; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  59. .bubble p {margin:1px 0px;}
  60. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}
  61.  
  62. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
  63.  
  64. body {
  65. background-image: url('{image:Background}');
  66. background-attachment: fixed;
  67. background-color: {color:Background};
  68. font-family: Consolas;
  69. letter-spacing: 1px;
  70. color: {color:Hover};
  71. -webkit-transition: all .5s ease-in-out;
  72. -moz-transition: all .5s ease-in-out;
  73. -o-transition: all .5s ease-in-out;
  74. }
  75.  
  76. ::-webkit-scrollbar-thumb:vertical {
  77. background-color: {color:Background};
  78. height: 50px;
  79. }
  80.  
  81. ::-webkit-scrollbar {
  82. height: 10px;
  83. width: 6px;
  84. background-color: {color:Background};
  85. }
  86.  
  87. #sidebar {
  88. position: fixed;
  89. left: 170px;
  90. top: 120px;
  91. }
  92.  
  93. #desc {
  94. width: 200px;
  95. height: auto;
  96. padding: 6px;
  97. padding-left: 6px;
  98. font-family: Arial;
  99. font-size: 9px;
  100. letter-spacing: 1px;
  101. color: {color:Sidebar Text};
  102. text-transform: ;
  103. text-align: center;
  104. line-height: 10px;
  105. background-color: {color:Desc Background};
  106. border: 1px solid #dedede;
  107. }
  108.  
  109. #desc b, strong {
  110. color: {color:Sidebar Bold};
  111. }
  112.  
  113. #desc i, em {
  114. color: {color:Sidebar Italic};
  115. }
  116.  
  117. #desc a {
  118. color: {color:Sidebar Link};
  119. text-decoration: none;
  120. }
  121.  
  122. #desc img {
  123. max-width: 200px;
  124. margin-bottom: 3px;
  125. border-top-right-radius: 0px;
  126. border-bottom-left-radius: 0px;
  127. }
  128.  
  129. #desc a:hover {
  130. color: {color:Hover};
  131. -webkit-transition: all .5s ease-in-out;
  132. -moz-transition: all .5s ease-in-out;
  133. -o-transition: all .5s ease-in-out;
  134. }
  135.  
  136. #title{
  137. position:fixed;
  138. margin-top:-11px;
  139. }
  140.  
  141. #title h1{
  142. font-family: Consolas;
  143. font-size:14px;
  144. width:197px;
  145. background-color: {color:Title Background};
  146. text-transform:uppercase;
  147. margin-left:0px;
  148. margin-bottom:0px;
  149. text-align:center;
  150. color:{color:Title};
  151. letter-spacing:2px;
  152. padding-top:4px;
  153. padding-bottom:4px;
  154. padding-left:2px;
  155. padding-right:2px;
  156. font-weight:normal;
  157. opacity:1.0;
  158. }
  159.  
  160. .navbar {
  161. width:200px;
  162. height:17px;
  163. overflow:hidden;
  164. -webkit-transition: all 2s ease;
  165. -moz-transition: all 2s ease;
  166. -o-transition: all 2s ease
  167. }
  168.  
  169. .navbar:hover{
  170. height:115px;
  171. }
  172.  
  173. .nav a{
  174. font-family:consolas;
  175. text-transform:uppercase;
  176. letter-spacing:2px;
  177. line-height: 10px;
  178. margin-top: 3px;
  179. padding-top:2px;
  180. padding-bottom:2px;
  181. font-size:10px;
  182. text-align:center;
  183. background-color:{color:Title Background};
  184. color: {color:Title};
  185. width:200px;
  186. display:block;
  187. opacity:1;
  188. }
  189.  
  190. .menu a{
  191. letter-spacing:1px;
  192. font-family:arial;
  193. text-transform: none;
  194. font-size:9px;
  195. text-align:center;
  196. margin-bottom:0px;
  197. background-color:{color:Desc Background};
  198. color:{color:Sidebar Text};
  199. -webkit-transition: all 0.2s ease;
  200. -moz-transition: all 0.2s ease;
  201. -o-transition: all 0.2s ease;
  202. display:block;
  203. padding:3px;
  204. }
  205.  
  206. .menu a:hover{
  207. color:{color:Sidebar Text};
  208. text-align:center;
  209. }
  210.  
  211. .pagination {
  212. display:none;
  213. }
  214.  
  215. #posts {
  216. {block:IndexPage}width: 400px;{/block:IndexPage}
  217. {block:PermalinkPage}width: 400px;{/block:PermalinkPage}
  218. float: left;
  219. margin-left: 400px;
  220. margin-top: 10px;
  221. }
  222.  
  223. .entry {
  224. background-color: {color:Post Background};
  225. {block:IndexPage}width: 400px;{/block:IndexPage}
  226. {block:PermalinkPage}width: 400px;{/block:PermalinkPage}
  227. padding: 6px;
  228. position: relative;
  229. {block:IndexPage}float: left;{/block:IndexPage}
  230. margin: 7px;
  231. font-family: Arial;
  232. {block:IndexPage}font-size: 9px;{/block:IndexPage}
  233. {block:PermalinkPage}font-size: 9px;{/block:PermalinkPage}
  234. color: {color:Post Text};
  235. text-align: justify;
  236. {block:PermalinkPage}margin-left: margin-left: 120px;px;{/block:PermalinkPage}
  237. border: 1px solid #dedede;
  238. }
  239.  
  240. .entry .permalink {
  241. width:400px;
  242. height: 20px;
  243. line-height:20px;
  244. position:absolute;
  245. background-color: #FFF;
  246. margin: -10px 0 0 0px;
  247. margin-top:-15px;
  248. opacity: 0;
  249. text-align:center;
  250. font-family:consolas;
  251. font-size:11px;
  252. text-transform:uppercase;
  253. letter-spacing:0px;
  254. z-index:1;
  255. -webkit-transition: all 0.6s ease-in;
  256. -moz-transition: all 0.6s ease-in;
  257. -o-transition: all 0.6s ease-in;
  258. position: absolute;
  259. }
  260.  
  261. .entry:hover .permalink {
  262. margin-top:15px;
  263. opacity:1;
  264. -webkit-transition: all 0.5s ease;
  265. -moz-transition: all 0.5s ease;
  266. -o-transition: all 0.5s ease;
  267. }
  268.  
  269. .permalink a:hover {
  270. color: {color:Hover};
  271. -webkit-transition: all .5s ease-in-out;
  272. -moz-transition: all .5s ease-in-out;
  273. -o-transition: all .5s ease-in-out;
  274. }
  275.  
  276. .entry b, strong {
  277. color: {color:Post Bold};
  278. }
  279.  
  280. .entry i, em {
  281. color: {color:Post Italic};
  282. }
  283.  
  284. .entry a {
  285. color: {color:Post Link};
  286. text-decoration: none;
  287. }
  288.  
  289. .entry h1 {
  290. font-family: courier new;
  291. font-size: 13px;
  292. color: {color:Post Title};
  293. font-weight: none;
  294. font-style: none;
  295. letter-spacing: 1px;
  296. text-transform: none;
  297. text-align: center;
  298. margin: 0;
  299. }
  300.  
  301. .entry h1 a {
  302. color: {color:Post Title};
  303. }
  304.  
  305. .entry blockquote {
  306. border-left: 3px solid {color:Post Blockquote};
  307. padding-left: 8px;
  308. margin-left: 5px;
  309. }
  310.  
  311. .entry img {
  312. {block:IndexPage}max-width: 400px;{/block:IndexPage}
  313. {block:PermalinkPage}max-width: 400px;{/block:PermalinkPage}
  314. margin-bottom: -2px;
  315. {block:IfPhotoFading}opacity: .8;{/block:IfPhotoFading}
  316. -webkit-transition: all 0.5s ease-in-out;
  317. -moz-transition: all 0.5s ease-in-out;
  318. -o-transition: all 0.5s ease-in-out;
  319. -ms-transition: all 0.5s ease-in-out;
  320. transition: all 0.5s ease-in-out;
  321. }
  322.  
  323. .entry img:hover {
  324. opacity: 1;
  325. }
  326.  
  327. .photo {
  328. {block:IfPhotoFading}opacity: .8;{/block:IfPhotoFading}
  329. margin-bottom: -2px;
  330. -webkit-transition: all 0.5s ease-in-out;
  331. -moz-transition: all 0.5s ease-in-out;
  332. -o-transition: all 0.5s ease-in-out;
  333. -ms-transition: all 0.5s ease-in-out;
  334. transition: all 0.5s ease-in-out;
  335. }
  336.  
  337. .photo:hover {
  338. opacity: 1;
  339. }
  340.  
  341. a:hover {
  342. color:{color:Hover};
  343. text-decoration: none;
  344. }
  345.  
  346. .entry h2 {
  347. font-family: verdana;
  348. font-size: 9px;
  349. color: {color:Post Title};
  350. font-weight: normal;
  351. font-style: ;
  352. text-transform: ;
  353. letter-spacing: 2px;
  354. text-align: left;
  355. }
  356.  
  357. .quote {
  358. font-family: arial;
  359. font-size: 20px;
  360. color: {color:Post Bold};
  361. float: left;
  362. margin-top: -1px;
  363. margin-right: 5px;
  364. }
  365.  
  366. .textperma{
  367. display: block;
  368. font-family: Arial;
  369. font-size: 10px;
  370. text-transform: none;
  371. text-align: center;
  372. background-color: {color:Post Background};
  373. letter-spacing: 1px;
  374. border-top: 1px solid #C4C4C4;
  375. padding: 4px;
  376. margin: 0px;
  377. }
  378.  
  379. .permalink {
  380. font-family:; arial;
  381. font-size: 10px;
  382. color: {color:Sidebar Text};
  383. text-transform: none;
  384. text-align: center;
  385. width: 400px;
  386. float: left;
  387. margin-left: 0px;
  388. }
  389.  
  390. .permalink b {
  391. color: {color:Sidebar Bold};
  392. font-weight: normal;
  393. }
  394.  
  395. #date {
  396. color: {color:Sidebar Italic};
  397. }
  398.  
  399. .permalink a {
  400. color: {color:Sidebar Link};
  401. text-decoration: none;
  402. }
  403.  
  404. ol.notes {
  405. padding: 0px;
  406. margin: 15px 0px;
  407. list-style-type: none;
  408. background: transparent;
  409. border: 0px;
  410. letter-spacing: 0px;
  411. }
  412.  
  413. ol.notes li.note {
  414. padding: 1px;
  415. text-align: left;
  416. letter-spacing: 0px;
  417. }
  418.  
  419. .notes img{
  420. width: 8px;
  421. position: relative;
  422. top: 1px;
  423. opacity: .5;
  424. }
  425.  
  426. iframe#tumblr_controls {
  427. right:3px !important;
  428. position: fixed !important;
  429.  
  430. </style>
  431.  
  432. {block:IndexPage}<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  433.  
  434. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  435.  
  436. <script>
  437. $(function(){
  438. var $container = $('#posts');
  439. $container.imagesLoaded(function(){
  440. $container.masonry({
  441. itemSelector: '.entry',
  442. });
  443. });
  444. $container.infinitescroll({
  445. itemSelector : ".entry",
  446. navSelector : "div.pagination",
  447. nextSelector : ".pagination a#next",
  448. loadingImg : "",
  449. loadingText : "<em></em>",
  450. bufferPx : 10000,
  451. extraScrollPx: 12000,
  452. },
  453. // trigger Masonry as a callback
  454. function( newElements ) {
  455. var $newElems = $( newElements ).css({ opacity: 0 });
  456. // ensure that images load before adding to masonry layout
  457. $newElems.imagesLoaded(function(){
  458. $newElems.animate({ opacity: 1 });
  459. $container.masonry( 'appended', $newElems, true );
  460. });
  461. }
  462. );
  463. });
  464. </script>{/block:IndexPage}
  465.  
  466. </head>
  467. <body>
  468.  
  469. <div id="sidebar">
  470. <div id="desc">
  471. <div id="title">
  472. <h1>{title}</h1></div>
  473. <br />
  474. <br />
  475. {block:IfSidebarImage}<img src="{image:Sidebar}" width="200" height=auto/><br />{/block:IfSidebarImage}
  476. <div id="main">
  477. </div>
  478. {Description}
  479. <br />
  480. <div class="navbar">
  481. <div class="nav" align="center"><a title="Links">{text:Navigation Text}</a></div>
  482. <div class="menu">
  483. <a href="/">Home</a>
  484. {block:IfName1}<a href="{text:URL 1}">{text:Name 1}</a>{/block:IfName1}
  485. {block:IfName2}<a href="{text:URL 2}">{text:Name 2}</a>{/block:IfName2}
  486. {block:IfName3}<a href="{text:URL 3}">{text:Name 3}</a>{/block:IfName3}
  487. {block:IfName4}<a href="{text:URL 4}">{text:Name 4}</a>{/block:IfName4}
  488. <a href="http://tezx.tumblr.com">Theme</a></div>
  489. </td>
  490. </tr>
  491. </table></div>
  492. </div>
  493. </div>
  494. </div>
  495.  
  496. <div class="pagination">
  497. {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}
  498.  
  499. </div>
  500. </div>
  501.  
  502. <div id="posts">
  503. {block:Posts}
  504.  
  505. <div class="entry">
  506.  
  507. {block:Text}
  508. {block:Title}<h1><span class="title">{Title}</span></h1>{/block:Title}
  509. <span class="entrytext">{Body}</span></a>
  510. {block:IndexPage}
  511. <div class="textperma"><a href="{Permalink}">{NoteCount}</a> | <a href="{ReblogURL}" target="_blank">Reblog</a></span></a></div>
  512. {/block:IndexPage}
  513. {/block:Text}
  514.  
  515. {block:Photo}
  516. {block:IndexPage}<div class="permalink">
  517. <a href="{Permalink}">{TimeAgo}</a> | <a href="{Permalink}">{notecountwithlabel}</a> | <a href="{ReblogURL}" target="_blank">Reblog</a></span></div>{/block:IndexPage}
  518. <center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  519. {block:PermalinkPage}{block:HighRes}<a href="{PhotoURL-HighRes}">high resolution &raquo;</a>{/block:HighRes}{/block:PermalinkPage}
  520. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  521. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  522. {Caption}
  523. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  524. {/block:Photo}
  525.  
  526. {block:Photoset}
  527. {block:IndexPage}<div class="permalink">
  528. <a href="{Permalink}">{TimeAgo}</a> | <a href="{Permalink}">{notecountwithlabel}</a> | <a href="{ReblogURL}" target="_blank">Reblog</a></span></div>{/block:IndexPage}
  529. <div class="photo">{block:IndexPage}{Photoset-400}{/block:IndexPage}
  530. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}</div>
  531. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  532. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  533. {Caption}
  534. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  535. {/block:Photoset}
  536.  
  537. {block:Quote}
  538. <div class="quote">&#10077;</div>
  539. <h2>{Quote}</h2>
  540. {block:Source}<div style="border-right: 5px solid #dedede; text-align: right; padding-right: 2px; font-family: arial; text-transform: ; letter-spacing: 1px;">{Source}</div>{/block:Source}
  541. {block:IndexPage}
  542. <br /><div class="textperma"><a href="{Permalink}">{NoteCount}</a> | <a href="{ReblogURL}" target="_blank">Reblog</a></span></a></div>
  543. {/block:IndexPage}
  544. {/block:Quote}
  545.  
  546. {block:Link}
  547. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  548. {block:Description}{Description}{/block:Description}
  549. {block:IndexPage}
  550. <div class="textperma"><a href="{Permalink}">{NoteCount}</a> | <a href="{ReblogURL}" target="_blank">Reblog</a></span></a></div>
  551. {/block:IndexPage}
  552. {/block:Link}
  553.  
  554. {block:Chat}
  555. {block:Title}<h1>{Title}</h1>{/block:Title}
  556. {block:Lines}
  557. {block:Label}
  558. <b>{Label}</b>
  559. {/block:Label}
  560. {Line}<br />
  561. {/block:Lines}
  562. {block:IndexPage}
  563. <br /><div class="textperma"><a href="{Permalink}">{NoteCount}</a> | <a href="{ReblogURL}" target="_blank">Reblog</a></span></a></div>
  564. {/block:IndexPage}
  565. {/block:Chat}
  566.  
  567. {block:Audio}
  568. {block:AlbumArt}<div style="margin-bottom: 3px;"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  569. <div style="background-color: #fff; height: 27px; margin-bottom: 2px;">{AudioPlayer}</div>
  570. <div style="border-left: 5px solid #dedede; padding-left: 5px; font-family: verdana; text-transform: ;">{block:TrackName}{TrackName} / {/block:TrackName}{block:Artist}{Artist}{/block:Artist}</div>
  571. {block:IndexPage}
  572. <br /><div class="textperma"><a href="{Permalink}">{NoteCount}</a> | <a href="{ReblogURL}" target="_blank">Reblog</a></span></a></div>
  573. {/block:IndexPage}
  574. {/block:Audio}
  575.  
  576. {block:Video}
  577. {block:IndexPage}{Video-400}{/block:IndexPage}
  578. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  579. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  580. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  581. {Caption}
  582. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  583. {block:IndexPage}
  584. <div class="textperma"><a href="{Permalink}">{NoteCount}</a> | <a href="{ReblogURL}" target="_blank">Reblog</a></span></a></div>
  585. {/block:IndexPage}
  586. {/block:Video}
  587.  
  588. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker} said: {Question}&nbsp;</div>{Answer}
  589. {block:IndexPage}
  590. <div class="textperma"><a href="{Permalink}">{NoteCount}</a></span></a></div>
  591. {/block:IndexPage}
  592. {/block:Answer}
  593.  
  594. </div>
  595.  
  596. {block:PermalinkPage}
  597. <div class="permalink">
  598. <center><div id="date">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>{block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> &nbsp;|&nbsp; <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  599. {block:HasTags}<b>tags &raquo;</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</center>
  600. {block:PostNotes}
  601. {PostNotes}
  602. {/block:PostNotes}
  603. </div>
  604. {/block:PermalinkPage}
  605.  
  606. {/block:Posts}
  607. </div>
  608.  
  609. </body>
  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!