API tools faq
paste
Advertisement
sasorisbutt

Naruto - BakaThemes

sasorisbutt
Sep 25th, 2014
1,037
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.74 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME MADE BY BAKATHEMES OR AKATSUKII @ TUMBLR
  4. THEME BASE 01 BY SUPPISUN @ TUMBLR
  5. Kunai and Shuriken icons are by cookieholicnyu@DeviantArt
  6. Edit/tweak as much as you like but pleeeeaaaase
  7. DO NOT remove the credits, copy and
  8. redistribute the theme as your own.
  9. I will fucking rasengan you if you do.
  10.  
  11. Music code (change the mp3 link if you want to):
  12.  
  13. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="105" height="20">
  14. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  15. <param name="bgcolor" value="#325fce" />
  16. <param name="FlashVars" value="mp3=https://www.dropbox.com/s/tvaroxeeg44r82b/The%20Rising%20Fighting%20Spirit.mp3?dl=1&width=105&height=20&showslider=0&volumeheight=5&skin=000000&loadingcolor=000000&bgcolor1=000000&bgcolor2=000000&slidercolor1=000000&slidercolor2=000000&sliderovercolor=000000&buttoncolor=ffffff&buttonovercolor=000000" /></object>
  17.  
  18. -->
  19.  
  20.  
  21.  
  22. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  23. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  24.  
  25. <title>{Title}</title>
  26.  
  27. <link rel="shortcut icon" href="{Favicon}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  30.  
  31. <meta name="image:Background" content="" />
  32. <meta name="image:Avatar" content="http://static.tumblr.com/fsavqrf/TbIncesl4/uzumaki.png" />
  33. <meta name="image:Avatar 2" content="http://static.tumblr.com/fsavqrf/h8pnceslr/naruto_kuuuuuun.png" />
  34. <meta name="image:Kunai" content="http://static.tumblr.com/fsavqrf/U2qncesmj/kunai.gif" />
  35. <meta name="image:Kunai 2" content="http://static.tumblr.com/fsavqrf/gYBncesmu/kunai_2.gif" />
  36. <meta name="image:Kunai Via" content="http://static.tumblr.com/fsavqrf/yuoncesna/red_kunai.png" />
  37. <meta name="image:Kunai Reblog" content="http://static.tumblr.com/fsavqrf/CaUncesno/blue_kunai.png" />
  38. <meta name="image:Sidebar" content="" />
  39. <meta name="image:Sidebar Top" content="" />
  40. <meta name="image:Shuriken" content="http://static.tumblr.com/fsavqrf/B4Bnceso1/shuriken.gif" />
  41. <meta name="image:Shuriken 2" content="http://static.tumblr.com/fsavqrf/DLmncesp6/shuriken_2.gif" />
  42.  
  43. <meta name="color:Background" content="#ffc178" />
  44. <meta name="color:Text" content="#4f4f4f" />
  45. <meta name="color:Bold" content="#4e72cc" />
  46. <meta name="color:Italic" content="#ce243d" />
  47. <meta name="color:Links" content="#2e4fa2" />
  48. <meta name="color:Center" content="#ffb051" />
  49. <meta name="color:Center Border" content="#325fce" />
  50. <meta name="color:Center Border 2" content="#242425" />
  51. <meta name="color:Sidebar" content="#ffb051" />
  52. <meta name="color:Sidebar Top" content="#4d7df5" />
  53. <meta name="color:Description" content="#525252" />
  54. <meta name="color:Sidebar Links" content="#ffe7cb" />
  55. <meta name="color:Sidebar Links Background" content="#fba33a" />
  56. <meta name="color:Title" content="#325fce" />
  57. <meta name="color:Title Shadow" content="#fff" />
  58. <meta name="color:Subtitle" content="#fff" />
  59. <meta name="color:Subtitle Background" content="#eb0057" />
  60. <meta name="color:Post Header" content="#c9d9ff" />
  61. <meta name="color:Post Header Background" content="#325fce" />
  62. <meta name="color:Music Player Background" content="#325fce" />
  63.  
  64. <meta name="if:Infinite Scroll" content="0" />
  65. <meta name="if:Sidebar Animation" content="1" />
  66. <meta name="if:Sidebar Kunai" content="1" />
  67. <meta name="if:Sidebar Shuriken" content="1" />
  68. <meta name="if:Center Kunai" content="1" />
  69. <meta name="if:Center Shuriken" content="1" />
  70. <meta name="if:Notes" content="1" />
  71. <meta name="if:Round Post Edges" content="1" />
  72. <meta name="if:Show Caption" content="0" />
  73. <meta name="if:Show Tags Only On Hover" content="0" />
  74. <meta name="if:Music Player" content="1" />
  75.  
  76. <meta name="text:Subtitle" content="" />
  77. <meta name="text:Ask URL" content="/ask" />
  78. <meta name="text:Notes Text" content="ninjas" />
  79. <meta name="text:Music Code" content="" />
  80. <meta name="text:Link1" content="" />
  81. <meta name="text:Link1 URL" content="" />
  82. <meta name="text:Link2" content="" />
  83. <meta name="text:Link2 URL" content="" />
  84. <meta name="text:Link3" content="" />
  85. <meta name="text:Link3 URL" content="" />
  86. <meta name="text:Link4" content="" />
  87. <meta name="text:Link4 URL" content="" />
  88. <meta name="text:Link5" content="" />
  89. <meta name="text:Link5 URL" content="" />
  90. <meta name="text:Link6" content="" />
  91. <meta name="text:Link6 URL" content="" />
  92. <meta name="text:Link7" content="" />
  93. <meta name="text:Link7 URL" content="" />
  94. <meta name="text:Link8" content="" />
  95. <meta name="text:Link8 URL" content="" />
  96. <meta name="text:Link9" content="" />
  97. <meta name="text:Link9 URL" content="" />
  98. <meta name="text:Link10" content="" />
  99. <meta name="text:Link10 URL" content="" />
  100.  
  101.  
  102.  
  103.  
  104. <head>
  105.  
  106.  
  107.  
  108.  
  109. <link href='http://fonts.googleapis.com/css?family=Kalam:400,700' rel='stylesheet' type='text/css'>
  110. <link href='http://fonts.googleapis.com/css?family=Rajdhani' rel='stylesheet' type='text/css'>
  111. <link href='http://fonts.googleapis.com/css?family=Istok+Web:400,700,400italic' rel='stylesheet' type='text/css'>
  112. <link href='http://fonts.googleapis.com/css?family=Maven+Pro:400,500,700' rel='stylesheet' type='text/css'>
  113.  
  114. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  115. <script src="http://static.tumblr.com/fsavqrf/sKsnces3g/jquery.style-my-tooltips-naruto.js"></script>
  116.  
  117. <script>
  118. $().ready(function() {
  119. $("[title]").style_my_tooltips({
  120. tip_follows_cursor:"on",
  121. tip_delay_time: 80
  122. });
  123. });
  124. </script>
  125.  
  126.  
  127.  
  128. <style type="text/css">
  129.  
  130. ::-webkit-scrollbar {
  131. background:{color:Center Border};
  132. border:2px solid {color:Center};
  133. width:5px;
  134. height:3px;
  135. }
  136.  
  137. ::-webkit-scrollbar-thumb {
  138. background:{color:Center Border};
  139. width:10px;
  140. }
  141.  
  142. body {
  143. background:{color:Background} url('{image:Background}');
  144. background-attachment:fixed;
  145. color:{color:Text};
  146. font-family:Istok Web;
  147. font-size:11px;
  148. margin:0;
  149. padding:0;
  150. }
  151.  
  152. a {
  153. color:{color:Links};
  154. text-decoration:none;
  155. cursor:help;
  156. }
  157.  
  158. b {
  159. color:{color:Bold};
  160. }
  161.  
  162. i {
  163. color:{color:Italic};
  164. }
  165.  
  166. blockquote {
  167. margin:0;
  168. padding-left:10px;
  169. border-left:3px solid {color:Center Border 2};
  170. }
  171.  
  172. ol.notes {
  173. margin:10px 0 0 -30px;
  174. list-style-type:none;
  175. }
  176.  
  177. ol.notes li.note {
  178. margin-bottom:3px;
  179. padding:4px;
  180. }
  181.  
  182. ol.notes li.note span.action {
  183. margin-left:5px;
  184. }
  185.  
  186. ol.notes li.note span.action a {
  187. background:{color:Sidebar Links Background};
  188. padding:0 5px;
  189. color:{color:Sidebar Links};
  190. font-family:Calibri;
  191. font-size:10px;
  192. line-height:15px;
  193. text-align:center;
  194. text-transform:uppercase;
  195. letter-spacing:1px;
  196. -webkit-border-radius:10px;
  197. -moz-border-radius:10px;
  198. border-radius:10px;
  199. }
  200.  
  201. ol.notes li.note:last-child a {
  202. background:{color:Sidebar Links Background};
  203. padding:0 5px;
  204. color:{color:Sidebar Links};
  205. font-family:Calibri;
  206. font-size:10px;
  207. line-height:15px;
  208. text-align:center;
  209. text-transform:uppercase;
  210. letter-spacing:1px;
  211. -webkit-border-radius:10px;
  212. -moz-border-radius:10px;
  213. border-radius:10px;
  214. }
  215.  
  216. ol.notes li.note img.avatar, ol.notes li.note img.avatar a {
  217. float:left;
  218. background:none;
  219. }
  220.  
  221. #all {
  222. position:absolute;
  223. right:450px;
  224. background:{color:Center};
  225. min-height:100%;
  226. padding:10px 0;
  227. border-right:2px solid {color:Sidebar Links Background};
  228. overflow:hidden;
  229. }
  230.  
  231. #borders {
  232. position:fixed;
  233. right:972px;
  234. height:100%;
  235. width:20px;
  236. background:{color:Center Border};
  237. border-right:7px solid {color:Center Border 2};
  238. }
  239.  
  240. #top {
  241. position:absolute;
  242. width:520px;
  243. {block:PermalinkPage}padding-top:20px;{/block:PermalinkPage}
  244. white-space:nowrap;
  245. }
  246.  
  247. #all h1 {
  248. float:left;
  249. margin:-10px 10px 0 0;
  250. color:{color:Title};
  251. text-shadow:2px 2px {color:Title Shadow};
  252. -ms-transform:rotate(-15deg);
  253. -webkit-transform:rotate(-15deg);
  254. transform:rotate(-15deg);
  255. cursor:help;
  256. }
  257.  
  258. #all h1:hover {
  259. text-shadow:2px 2px {color:Sidebar Links Background};
  260. }
  261.  
  262. #post {
  263. width:500px;
  264. {block:IndexPage}padding:30px 10px 10px 10px;{/block:IndexPage}
  265. {block:PermalinkPage}padding:60px 10px 10px 10px;{/block:PermalinkPage}
  266. }
  267.  
  268. #post h4, #post h4 a {
  269. background:{color:Post Header Background};
  270. margin:0 0 20px -10px;
  271. padding:10px;
  272. color:{color:Post Header};
  273. font-family:Rajdhani;
  274. font-size:13px;
  275. text-indent:40px;
  276. -webkit-border-top-right-radius:10px;
  277. -webkit-border-bottom-right-radius:10px;
  278. -moz-border-radius-topright:10px;
  279. -moz-border-radius-bottomright:10px;
  280. border-top-right-radius:10px;
  281. border-bottom-right-radius:10px;
  282. }
  283.  
  284. #post p {
  285. padding:0 5px;
  286. }
  287.  
  288. {block:IfRoundPostEdges}
  289. #postimg {
  290. -webkit-border-radius:50px;
  291. -moz-border-radius:50px;
  292. border-radius:50px;
  293. overflow:hidden;
  294. }
  295. {/block:IfRoundPostEdges}
  296.  
  297. #via {
  298. margin-top:5px;
  299. white-space:nowrap;
  300. }
  301.  
  302. #via a, #source {
  303. display:inline-block;
  304. background:{color:Sidebar Links Background};
  305. padding:0 5px;
  306. margin:0;
  307. color:{color:Sidebar Links};
  308. font-family:Calibri;
  309. font-size:10px;
  310. line-height:15px;
  311. text-align:center;
  312. text-transform:uppercase;
  313. letter-spacing:1px;
  314. {block:IfNotRoundPostEdges}
  315. {block:IfNotCenterKunai}
  316. height:12px;
  317. line-height:12px;
  318. {/block:IfNotCenterKunai}
  319. {/block:IfNotRoundPostEdges}
  320. {block:IfRoundPostEdges}
  321. -webkit-border-radius:10px;
  322. -moz-border-radius:10px;
  323. border-radius:10px;
  324. {/block:IfRoundPostEdges}
  325. }
  326.  
  327. #via img, #source img {
  328. {block:IfNotCenterKunai}display:none;{/block:IfNotCenterKunai}
  329. float:left;
  330. }
  331.  
  332. #tags {
  333. margin-top:13px;
  334. text-align:center;
  335. {block:IndexPage}
  336. {block:IfShowTagsOnlyOnHover}
  337. max-height:0;
  338. -webkit-transition:max-height 2s;
  339. -moz-transition:max-height 2s;
  340. -ms-transition:max-height 2s;
  341. -o-transition:max-height 2s;
  342. transition:max-height 2s;
  343. {/block:IfShowTagsOnlyOnHover}
  344. {/block:IndexPage}
  345. overflow:hidden;
  346. }
  347.  
  348. #post:hover #tags {
  349. {block:IndexPage}
  350. {block:IfShowTagsOnlyOnHover}
  351. max-height:300px;
  352. {/block:IfShowTagsOnlyOnHover}
  353. {/block:IndexPage}
  354. }
  355.  
  356. #tags a {
  357. display:inline-block;
  358. background:{color:Sidebar Links Background};
  359. height:17px;
  360. margin-bottom:2px;
  361. padding:0 8px;
  362. color:{color:Sidebar Links};
  363. font-family:Calibri;
  364. font-size:10px;
  365. line-height:15px;
  366. text-align:center;
  367. text-transform:uppercase;
  368. letter-spacing:1px;
  369. {block:IfNotRoundPostEdges}
  370. {block:IfNotCenterShuriken}
  371. height:12px;
  372. line-height:12px;
  373. {/block:IfNotCenterShuriken}
  374. {/block:IfNotRoundPostEdges}
  375. {block:IfRoundPostEdges}
  376. -webkit-border-radius:10px;
  377. -moz-border-radius:10px;
  378. border-radius:10px;
  379. {/block:IfRoundPostEdges}
  380. }
  381.  
  382. #tags a:nth-child(odd):before {
  383. content:url('{image:Shuriken}');
  384. float:left;
  385. margin-top:-3px;
  386. {block:IfNotCenterShuriken}
  387. content:'#';
  388. line-height:18px;
  389. {/block:IfNotCenterShuriken}
  390. }
  391.  
  392. #tags a:nth-child(even):before {
  393. content:url('{image:Shuriken 2}');
  394. float:left;
  395. margin-top:-3px;
  396. {block:IfNotCenterShuriken}
  397. content:'#';
  398. line-height:18px;
  399. {/block:IfNotCenterShuriken}
  400. }
  401.  
  402. #chat li {
  403. padding:2px 10px;
  404. margin-bottom:3px;
  405. text-indent:50px;
  406. list-style-type:none;
  407. -webkit-border-radius:10px;
  408. -moz-border-radius:10px;
  409. border-radius:10px;
  410. }
  411.  
  412. #chat .odd {
  413. background:{color:Post Header Background};
  414. color:{color:Post Header};
  415. }
  416.  
  417. #chat .even {
  418. background:{color:Sidebar Links Background};
  419. color:{color:Sidebar Links};
  420. }
  421.  
  422. #audio {
  423. height:48px;
  424. line-height:48px;
  425. }
  426.  
  427. #muusic {
  428. float:left;
  429. background:#fff;
  430. width:28px;
  431. height:28px;
  432. margin-right:15px;
  433. padding:10px;
  434. -webkit-border-radius:50px;
  435. -moz-border-radius:50px;
  436. border-radius:50px;
  437. }
  438.  
  439. #music {
  440. margin-left:-39px;
  441. overflow:hidden;
  442. }
  443.  
  444. #sidebar {
  445. position:fixed;
  446. top:0;
  447. right:50px;
  448. background:{color:Sidebar} url('{image:Sidebar}') no-repeat;
  449. background-size:100%;
  450. width:300px;
  451. height:700px;
  452. border-left:2px solid {color:Sidebar Links Background};
  453. border-right:2px solid {color:Sidebar Links Background};
  454. border-bottom:2px solid {color:Sidebar Links Background};
  455. -webkit-border-bottom-right-radius:50px;
  456. -webkit-border-bottom-left-radius:50px;
  457. -moz-border-radius-bottomright:50px;
  458. -moz-border-radius-bottomleft:50px;
  459. border-bottom-right-radius:50px;
  460. border-bottom-left-radius:50px;
  461. cursor:default;
  462. overflow:hidden;
  463. }
  464.  
  465. #sidetop {
  466. background:{color:Sidebar Top} url('{image:Sidebar Top}') no-repeat;
  467. background-size:100%;
  468. width:300px;
  469. height:120px;
  470. }
  471.  
  472. #ava img {
  473. position:absolute;
  474. top:65px;
  475. left:100px;
  476. height:100px;
  477. {block:IfSidebarAnimation}
  478. {block:IfAvatarImage}
  479. top:85px;
  480. left:145px;
  481. height:10px;
  482. {/block:IfAvatarImage}
  483. {/block:IfSidebarAnimation}
  484. -ms-transform:rotate(0deg);
  485. -webkit-transform:rotate(0deg);
  486. transform:rotate(0deg);
  487. -webkit-border-radius:50px;
  488. -moz-border-radius:50px;
  489. border-radius:50px;
  490. transition:all 0.5s ease;
  491. -webkit-transition:all 0.5s ease;
  492. -moz-transition:all 0.5s ease;
  493. -o-transition:all 0.5s ease;
  494. -ms-transition:all 0.5s ease;
  495. {block:IfAvatarImage}opacity:0;{/block:IfAvatarImage}
  496. z-index:1;
  497. }
  498.  
  499. #ava2 img {
  500. position:absolute;
  501. top:65px;
  502. left:100px;
  503. height:100px;
  504. -webkit-border-radius:50px;
  505. -moz-border-radius:50px;
  506. border-radius:50px;
  507. -ms-transform:rotate(0deg);
  508. -webkit-transform:rotate(0deg);
  509. transform:rotate(0deg);
  510. transition:all 0.5s ease;
  511. -webkit-transition:all 0.5s ease;
  512. -moz-transition:all 0.5s ease;
  513. -o-transition:all 0.5s ease;
  514. -ms-transition:all 0.5s ease;
  515. opacity:1;
  516. z-index:2;
  517. }
  518.  
  519. #sidebar:hover #ava img {
  520. height:100px;
  521. top:65px;
  522. left:100px;
  523. {block:IfSidebarAnimation}
  524. -ms-transform:rotate(360deg);
  525. -webkit-transform:rotate(360deg);
  526. transform:rotate(360deg);
  527. {/block:IfSidebarAnimation}
  528. opacity:1;
  529. }
  530.  
  531. #sidebar:hover #ava2 img {
  532. {block:IfSidebarAnimation}
  533. -ms-transform:rotate(360deg);
  534. -webkit-transform:rotate(360deg);
  535. transform:rotate(360deg);
  536. {/block:IfSidebarAnimation}
  537. {block:IfAvatar2Image}opacity:0;{/block:IfAvatar2Image}
  538. }
  539.  
  540. #shuriken {
  541. text-align:center;
  542. }
  543.  
  544. #shuriken img {
  545. position:absolute;
  546. }
  547.  
  548. .shu1 {
  549. top:80px;
  550. left:70px;
  551. }
  552.  
  553. .shu2 {
  554. top:45px;
  555. left:95px;
  556. }
  557.  
  558. .shu3 {
  559. top:30px;
  560. left:140px;
  561. }
  562.  
  563. .shu4 {
  564. top:45px;
  565. right:95px;
  566. }
  567.  
  568. .shu5 {
  569. top:80px;
  570. right:70px;
  571. }
  572.  
  573. #shurikentext a {
  574. position:relative;
  575. top:30px;
  576. background:{color:Title};
  577. width:35px;
  578. padding:3px 5px;
  579. color:#fff;
  580. font-family:Calibri;
  581. font-size:8px;
  582. text-align:center;
  583. text-transform:uppercase;
  584. letter-spacing:1px;
  585. }
  586.  
  587. #desc {
  588. position:absolute;
  589. right:0;
  590. bottom:220px;
  591. width:220px;
  592. padding:10px;
  593. color:{color:Description};
  594. font-family:Maven Pro;
  595. text-align:right;
  596. }
  597.  
  598. #links {
  599. position:absolute;
  600. bottom:100px;
  601. cursor:help;
  602. }
  603.  
  604. #link {
  605. width:145px;
  606. height:18px;
  607. margin-bottom:3px;
  608. overflow:hidden;
  609. }
  610.  
  611. #link img {
  612. {block:IfNotSidebarKunai}display:none;{/block:IfNotSidebarKunai}
  613. float:left;
  614. }
  615.  
  616. #link a {
  617. display:block;
  618. background:{color:Sidebar Links Background};
  619. width:145px;
  620. color:{color:Sidebar Links};
  621. font-family:Calibri;
  622. font-size:10px;
  623. line-height:18px;
  624. text-align:center;
  625. text-transform:uppercase;
  626. letter-spacing:1px;
  627. -webkit-border-radius:10px;
  628. -moz-border-radius:10px;
  629. border-radius:10px;
  630. white-space:nowrap;
  631. }
  632.  
  633. #link:hover #number {
  634. margin-top:-18px;
  635. }
  636.  
  637. {block:IfSidebarAnimation}
  638. @-webkit-keyframes wobble-horizontal {
  639. 16.65% {
  640. -webkit-transform:translateX(8px);
  641. transform:translateX(8px);
  642. }
  643.  
  644. 33.3% {
  645. -webkit-transform:translateX(-6px);
  646. transform:translateX(-6px);
  647. }
  648.  
  649. 49.95% {
  650. -webkit-transform:translateX(4px);
  651. transform:translateX(4px);
  652. }
  653.  
  654. 66.6% {
  655. -webkit-transform:translateX(-2px);
  656. transform:translateX(-2px);
  657. }
  658.  
  659. 83.25% {
  660. -webkit-transform:translateX(1px);
  661. transform:translateX(1px);
  662. }
  663.  
  664. 100% {
  665. -webkit-transform:translateX(0);
  666. transform:translateX(0);
  667. }
  668. }
  669.  
  670. @keyframes wobble-horizontal {
  671. 16.65% {
  672. -webkit-transform:translateX(8px);
  673. transform:translateX(8px);
  674. }
  675.  
  676. 33.3% {
  677. -webkit-transform:translateX(-6px);
  678. transform:translateX(-6px);
  679. }
  680.  
  681. 49.95% {
  682. -webkit-transform:translateX(4px);
  683. transform:translateX(4px);
  684. }
  685.  
  686. 66.6% {
  687. -webkit-transform:translateX(-2px);
  688. transform:translateX(-2px);
  689. }
  690.  
  691. 83.25% {
  692. -webkit-transform:translateX(1px);
  693. transform:translateX(1px);
  694. }
  695.  
  696. 100% {
  697. -webkit-transform:translateX(0);
  698. transform:translateX(0);
  699. }
  700. }
  701.  
  702. .wobble-horizontal {
  703. -webkit-transform:translateZ(0);
  704. transform:translateZ(0);
  705. box-shadow:0 0 1px rgba(0, 0, 0, 0);
  706. }
  707.  
  708. .wobble-horizontal:hover, .wobble-horizontal:focus, .wobble-horizontal:active {
  709. -webkit-animation-name:wobble-horizontal;
  710. animation-name:wobble-horizontal;
  711. -webkit-animation-duration:1s;
  712. animation-duration:1s;
  713. -webkit-animation-timing-function:ease-in-out;
  714. animation-timing-function:ease-in-out;
  715. -webkit-animation-iteration-count:1;
  716. animation-iteration-count:1;
  717. }
  718. {/block:IfSidebarAnimation}
  719.  
  720. #titles {
  721. position:absolute;
  722. bottom:20px;
  723. width:300px;
  724. }
  725.  
  726. h1, h1 a {
  727. margin:0;
  728. color:{color:Title};
  729. font-family:'Kalam';
  730. font-size:30px;
  731. text-indent:10px;
  732. white-space:nowrap;
  733. }
  734.  
  735. h1::first-letter {
  736. font-size:40px;
  737. }
  738.  
  739. #sidebar h1:hover {
  740. text-shadow:2px 2px {color:Title Shadow};
  741. }
  742.  
  743. #sub {
  744. background:{color:Subtitle Background};
  745. height:18px;
  746. margin-top:-15px;
  747. color:{color:Subtitle};
  748. font-family:Rajdhani;
  749. font-size:14px;
  750. text-indent:40px;
  751. white-space:nowrap;
  752. }
  753.  
  754. #line {
  755. position:absolute;
  756. bottom:13px;
  757. background:{color:Sidebar Top};
  758. width:300px;
  759. height:3px;
  760. }
  761.  
  762. #pagi a {
  763. position:absolute;
  764. bottom:5px;
  765. right:0;
  766. max-height:55px;
  767. line-height:80px;
  768. color:{color:Title};
  769. font-family:'Kalam';
  770. font-size:120px;
  771. font-weight:bold;
  772. text-shadow:2px 2px {color:Title Shadow};
  773. cursor:help;
  774. }
  775.  
  776. #pagi a:hover {
  777. text-shadow:2px 2px {color:Sidebar Links Background};
  778. }
  779.  
  780. #prepage a {
  781. top:8px;
  782. right:15px;
  783. width:80px;
  784. {block:NextPage}
  785. top:-23px;
  786. left:0;
  787. width:45px;
  788. max-height:40px;
  789. font-size:70px!important;
  790. line-height:50px;
  791. {/block:NextPage}
  792. }
  793.  
  794. #prepost {
  795. left:0;
  796. max-height:50px;
  797. margin-top:-46px;
  798. font-size:70px!important;
  799. line-height:50px;
  800. }
  801.  
  802. #player {
  803. position:fixed;
  804. right:999px;
  805. bottom:80px;
  806. background:{color:Music Player Background};
  807. width:100%;
  808. height:20px;
  809. padding:3px 10px;
  810. text-align:right;
  811. }
  812.  
  813. #line2 {
  814. position:fixed;
  815. right:999px;
  816. bottom:110px;
  817. background:{color:Center Border 2};
  818. width:100%;
  819. height:3px;
  820. }
  821.  
  822. #tumblr_lightbox {
  823. background-color:{color:Background}!important;
  824. }
  825.  
  826. #tumblr_lightbox img {
  827. opacity:0;
  828. padding:10px;
  829. }
  830.  
  831. #tumblr_lightbox_center_image {
  832. border-left:20px solid {color:Center Border}!important;
  833. }
  834.  
  835. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  836. border-left:8px solid {color:Center Border 2}!important;
  837. }
  838.  
  839. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  840. background-color:{color:Background}!important;
  841. padding:0!important;
  842. border-radius:0!important;
  843. -moz-border-radius:0!important;
  844. -webkit-border-radius:0!important;
  845. -o-border-radius:0!important;
  846. box-shadow:0 0 0 transparent!important;
  847. opacity:1!important;
  848. }
  849.  
  850. #tumblr_lightbox_caption {
  851. margin-top:30px!important;
  852. color:{color:Text}!important;
  853. font-family:calibri!important;
  854. font-size:12px!important;
  855. text-shadow:0 0 0 transparent!important;
  856. }
  857.  
  858. #s-m-t-tooltip {
  859. background:{color:Title};
  860. max-width:200px;
  861. margin:10px 0 0 25px;
  862. padding:3px 5px;
  863. color:#fff;
  864. font-family:Calibri;
  865. font-size:8px;
  866. text-transform:uppercase;
  867. letter-spacing:1px;
  868. z-index:999999;
  869. }
  870.  
  871. </style>
  872.  
  873. {block:IfInfiniteScroll}
  874. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  875. {/block:IfInfiniteScroll}
  876.  
  877. </head>
  878.  
  879.  
  880.  
  881. <body>
  882.  
  883.  
  884. {block:IfMusicPlayer}
  885. <div id="line2"></div>
  886. <div id="player">{text:Music Code}</div>
  887. {/block:IfMusicPlayer}
  888.  
  889. <div id="sidebar">
  890. <div id="sidetop">
  891.  
  892. <div id="shuriken">
  893. {block:IfSidebarShuriken}
  894. <a href="/" title="home"><img src="{image:Shuriken 2}" class="shu1"></a>
  895. <a href="{text:Ask URL}" title="message"><img src="{image:Shuriken}" class="shu2"></a>
  896. <a href="/archive" title="archive"><img src="{image:Shuriken 2}" class="shu3"></a>
  897. <a href="/random" title="random"><img src="{image:Shuriken}" class="shu4"></a>
  898. <a href="http://bakathemes.tumblr.com" title="theme credit" target="_blank"><img src="{image:Shuriken 2}" class="shu5"></a>
  899. {/block:IfSidebarShuriken}
  900. {block:IfNotSidebarShuriken}
  901. <div id="shurikentext">
  902. <a href="/">Home</a>
  903. <a href="{text:Ask URL}">Msg</a>
  904. <a href="/archive">Archive</a>
  905. <a href="/random">Random</a>
  906. <a href="http://bakathemes.tumblr.com" target="_blank">Credit</a>
  907. </div>
  908. {/block:IfNotSidebarShuriken}
  909. </div>
  910.  
  911. <div id="ava"><img src="{image:Avatar 2}"></div>
  912. <div id="ava2"><img src="{image:Avatar}"></div>
  913.  
  914. </div>
  915.  
  916. <div id="desc">{Description}</div>
  917.  
  918. <div id="links">
  919.  
  920. <div id="linkss" style="float:left;margin-left:3px;">
  921. {block:IfLink1}<div id="link" class="wobble-horizontal"><img src="{image:Kunai}"><a id="number">I.</a><a href="{text:Link1 URL}" id="content">{text:Link1}</a></div>{/block:IfLink1}
  922. {block:IfLink2}<div id="link" class="wobble-horizontal"><img src="{image:Kunai 2}"><a id="number">II.</a><a href="{text:Link2 URL}" id="content">{text:Link2}</a></div>{/block:IfLink2}
  923. {block:IfLink3}<div id="link" class="wobble-horizontal"><img src="{image:Kunai}"><a id="number">III.</a><a href="{text:Link3 URL}" id="content">{text:Link3}</a></div>{/block:IfLink3}
  924. {block:IfLink4}<div id="link" class="wobble-horizontal"><img src="{image:Kunai 2}"><a id="number">IV.</a><a href="{text:Link4 URL}" id="content">{text:Link4}</a></div>{/block:IfLink4}
  925. {block:IfLink5}<div id="link" class="wobble-horizontal"><img src="{image:Kunai}"><a id="number">V.</a><a href="{text:Link5 URL}" id="content">{text:Link5}</a></div>{/block:IfLink5}
  926. </div>
  927. <div id="linkss" style="float:right;margin-left:4px;">
  928. {block:IfLink6}<div id="link" class="wobble-horizontal"><img src="{image:Kunai 2}"><a id="number">VI.</a><a href="{text:Link6 URL}" id="content">{text:Link6}</a></div>{/block:IfLink6}
  929. {block:IfLink7}<div id="link" class="wobble-horizontal"><img src="{image:Kunai}"><a id="number">VII.</a><a href="{text:Link7 URL}" id="content">{text:Link7}</a></div>{/block:IfLink7}
  930. {block:IfLink8}<div id="link" class="wobble-horizontal"><img src="{image:Kunai 2}"><a id="number">VIII.</a><a href="{text:Link8 URL}" id="content">{text:Link8}</a></div>{/block:IfLink8}
  931. {block:IfLink9}<div id="link" class="wobble-horizontal"><img src="{image:Kunai}"><a id="number">IX.</a><a href="{text:Link9 URL}" id="content">{text:Link9}</a></div>{/block:IfLink9}
  932. {block:IfLink10}<div id="link" class="wobble-horizontal"><img src="{image:Kunai 2}"><a id="number">X.</a><a href="{text:Link10 URL}" id="content">{text:Link10}</a></div>{/block:IfLink10}
  933. </div>
  934.  
  935. </div>
  936.  
  937. <div id="titles">
  938.  
  939. {block:IfNotInfiniteScroll}
  940. {block:Pagination}
  941. <div id="pagi">
  942. {block:PreviousPage}
  943. <div id="prepage"><a href="{PreviousPage}" title="previous page">&laquo;</a></div>
  944. {/block:PreviousPage}
  945. {block:NextPage}
  946. <a href="{NextPage}" title="next page">&raquo;</a>
  947. {/block:NextPage}
  948. </div>
  949. {/block:Pagination}
  950. {/block:IfNotInfiniteScroll}
  951.  
  952. {block:PermalinkPagination}
  953. <div id="pagi">
  954. {block:PreviousPost}
  955. <a href="{PreviousPost}" title="previous post" style="right:10px;width:80px;">&laquo;</a>
  956. {/block:PreviousPost}
  957. </div>
  958. {/block:PermalinkPagination}
  959.  
  960. <h1><a href="/" title="refresh">{Title}</a></h1>
  961. <div id="sub">{text:Subtitle}</div></div>
  962. <div id="line"></div>
  963.  
  964. </div>
  965.  
  966.  
  967.  
  968. <div id="borders"></div>
  969.  
  970. <div id="all">
  971.  
  972. <div class="autopagerize_page_element">
  973.  
  974. {block:Posts}
  975.  
  976. <div id="top">
  977.  
  978. {block:IfNotes}
  979.  
  980. {block:IndexPage}
  981. {block:NoteCount}
  982. <h1><a href="{Permalink}" title="go to post">{NoteCount} {text:Notes Text}</a></h1>
  983. {/block:NoteCount}
  984. {block:IndexPage}
  985.  
  986. {block:PermalinkPage}
  987. {block:NoteCount}
  988. <h1><a href="/">{NoteCount} {text:Notes Text}</a></h1>
  989. {/block:NoteCount}
  990. {block:PermalinkPage}
  991.  
  992. {block:NotReblog}
  993.  
  994. {block:IndexPage}
  995. {block:Date}<h1><a href="{Permalink}" title="go to post">{ShortMonth} {DayOfMonthWithZero}</a></h1>{/block:Date}
  996. {block:IndexPage}
  997. {block:PermalinkPage}
  998. {block:NoteCount}<h1><a href="/">{NoteCount} {text:Notes Text}</a></h1>{/block:NoteCount}
  999. {block:PermalinkPage}
  1000.  
  1001. {/block:NotReblog}
  1002.  
  1003. {/block:IfNotes}
  1004.  
  1005.  
  1006.  
  1007. {block:IfNotNotes}
  1008.  
  1009. {block:IndexPage}
  1010. {block:Date}<h1><a href="{Permalink}" title="go to post">{ShortMonth} {DayOfMonthWithZero}</a></h1>{/block:Date}
  1011. {block:IndexPage}
  1012.  
  1013. {block:PermalinkPage}
  1014. {block:Date}<h1><a href="/">{ShortMonth} {DayOfMonthWithZero}</a></h1>{/block:Date}
  1015. {block:PermalinkPage}
  1016.  
  1017. {block:IfNotNotes}
  1018.  
  1019.  
  1020.  
  1021. <div id="via">
  1022.  
  1023. {block:RebloggedFrom}
  1024.  
  1025. {block:IfCenterKunai}
  1026. <div id="source"><img src="{image:Kunai Via}" title="via"><a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a></div>
  1027. {block:ContentSource}
  1028. <div id="source"><img src="{image:Kunai Via}" title="source"><a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a></div>
  1029. {/block:ContentSource}
  1030. {/block:IfCenterKunai}
  1031.  
  1032. {block:IfNotCenterKunai}
  1033. <div id="source"><a href="{ReblogParentURL}" title="{ReblogParentTitle} (via)">{ReblogParentName}</a></div>
  1034. {block:ContentSource}
  1035. <div id="source"><a href="{ReblogRootURL}" title="{ReblogRootTitle} (source)">{ReblogRootName}</a></div>
  1036. {/block:ContentSource}
  1037. {/block:IfNotCenterKunai}
  1038.  
  1039. {/block:RebloggedFrom}
  1040.  
  1041. {block:NotReblog}
  1042. {block:Answer}
  1043. <div id="source" style="cursor:help;"><img src="{image:Kunai Via}" title="asked by">{Asker}</div>
  1044. {/block:Answer}
  1045. <div id="source"><img src="{image:Kunai Via}" title="posted by"><a href="{Permalink}" title="{Title}">{Name}</a></div>
  1046. {/block:NotReblog}
  1047.  
  1048. {block:IndexPage}
  1049. <div id="source"><img src="{image:Kunai Reblog}"><a href="{ReblogURL}" target="_blank">Reblog</a></div>
  1050. {/block:IndexPage}
  1051.  
  1052. </div>
  1053. </div>
  1054.  
  1055.  
  1056.  
  1057. <div id="post">
  1058.  
  1059.  
  1060.  
  1061. {block:Text}
  1062. {block:Title}<h4>{Title}</h4>{/block:Title}
  1063. {Body}
  1064. {/block:Text}
  1065.  
  1066. {block:Photo}
  1067. <div id="postimg"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></div>
  1068. {block:IfShowCaption}
  1069. {block:Caption}<p>{Caption}</p>{/block:Caption}
  1070. {/block:IfShowCaption}
  1071. {/block:Photo}
  1072.  
  1073. {block:Photoset}
  1074. <div id="postimg">{Photoset-500}</div>
  1075. {block:IfShowCaption}
  1076. {block:Caption}<p>{Caption}</p>{/block:Caption}
  1077. {/block:IfShowCaption}
  1078. {/block:Photoset}
  1079.  
  1080. {block:Quote}
  1081. <h4>"{Quote}"</h4>
  1082. {block:Source}<p style="text-align:right;margin-top:-20px;">- {Source}</p>{/block:Source}
  1083. {/block:Quote}
  1084.  
  1085. {block:Link}
  1086. <h4><a href="{URL}" target="_blank">{Name}</a></h4>
  1087. {block:Description}<p>{Description}</p>{/block:Description}
  1088. {/block:Link}
  1089.  
  1090. {block:Chat}
  1091. {block:Title}<h4>{Title}</h4>{/block:Title}
  1092. <div id="chat">
  1093. {block:Lines}<li class="{Alt}">
  1094. {block:Label}{Label}{/block:Label} {Line}</br>
  1095. </li>{/block:Lines}
  1096. </div>
  1097. {/block:Chat}
  1098.  
  1099. {block:Audio}
  1100. <h4><div id="audio">
  1101. <div id="muusic">
  1102. <div id="music">
  1103. {AudioPlayerWhite}
  1104. </div></div>
  1105. {block:TrackName}{TrackName}{/block:TrackName}
  1106. </div></h4>
  1107. {block:Caption}{Caption}{/block:Caption}
  1108. {/block:Audio}
  1109.  
  1110. {block:Video}
  1111. {Video-500}
  1112. {block:IfShowCaption}
  1113. {block:Caption}<p>{Caption}</p>{/block:Caption}
  1114. {/block:IfShowCaption}
  1115. {/block:Video}
  1116.  
  1117. {block:Answer}
  1118. <a href="{Permalink}"><h4>"{Question}"</h4></a>
  1119. {Answer}
  1120. {/block:Answer}
  1121.  
  1122. {block:HasTags}
  1123. <div id="tags">
  1124. {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  1125. </div>
  1126. {/block:HasTags}
  1127.  
  1128. {block:PermalinkPage}
  1129.  
  1130. {block:PostNotes}
  1131. {PostNotes}
  1132. {/block:PostNotes}
  1133.  
  1134. {/block:PermalinkPage}
  1135.  
  1136. {block:ContentSource}
  1137. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1138. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1139. {/block:SourceLogo}
  1140. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1141. {/block:ContentSource}
  1142.  
  1143. </div>
  1144.  
  1145. {/block:Posts}
  1146.  
  1147. </div>
  1148.  
  1149.  
  1150.  
  1151. </body>
  1152. </html>
  1153.  
  1154.  
  1155. <!--
  1156.  
  1157. THEME MADE BY BAKATHEMES OR AKATSUKII @ TUMBLR
  1158. THEME BASE 01 BY SUPPISUN @ TUMBLR
  1159. Sharingan icons are from here: http://tinyurl.com/sharinganicons
  1160. Edit/tweak as much as you like but pleeeeaaaase
  1161. DO NOT remove the credits, copy and
  1162. redistribute the theme as your own.
  1163. I will fucking rasengan you if you do.
  1164.  
  1165. -->
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!