API tools faq
paste
Advertisement
sasorisbutt

Death Note - BakaThemes

sasorisbutt
Sep 8th, 2013
4,230
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.88 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. Edit/tweak as much as you like but pleeeeaaaase
  6. DO NOT remove the credits, copy and
  7. redistribute the theme as your own. Or else...
  8. I'LL HUNT YOU DOWN. MWAHAHAHAHAHAHA >:D
  9.  
  10. Background for reverse is this:
  11. http://static.tumblr.com/fsavqrf/1Drmspsbm/b.png
  12.  
  13. If music player is enabled, press
  14. ctrl+F and type "Music Player Code" and enter.
  15. Replace the gray text with your code.
  16.  
  17. *Sadly, customized (special) fonts do not work
  18. for Mozilla Firefox viewers*
  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}
  30. <meta name="description" content="{MetaDescription}" />
  31. {/block:Description}
  32.  
  33. <meta name="color:Background" content="#000000" />
  34. <meta name="color:Link" content="#999999" />
  35. <meta name="color:Link Hover" content="#CCCCCC" />
  36. <meta name="color:Post Border" content="#ffffff" />
  37.  
  38. <meta name="text:Change Title" content="Death Note" />
  39. <meta name="text:Dropdown Title" content="links">
  40. <meta name="text:Font Size" content="9px">
  41. <meta name="text:Link1" content="" />
  42. <meta name="text:Link1 URL" content="" />
  43. <meta name="text:Link2" content="" />
  44. <meta name="text:Link2 URL" content="" />
  45. <meta name="text:Link3" content="" />
  46. <meta name="text:Link3 URL" content="" />
  47. <meta name="text:Link4" content="" />
  48. <meta name="text:Link4 URL" content="" />
  49. <meta name="text:Link5" content="" />
  50. <meta name="text:Link5 URL" content="" />
  51. <meta name="text:Link6" content="" />
  52. <meta name="text:Link6 URL" content="" />
  53. <meta name="text:Link7" content="" />
  54. <meta name="text:Link7 URL" content="" />
  55. <meta name="text:Link8" content="" />
  56. <meta name="text:Link8 URL" content="" />
  57.  
  58. <meta name="image:BG" content="http://static.tumblr.com/fsavqrf/5SZmspqy4/c.png" />
  59. <meta name="image:Sidebar Image" content="http://static.tumblr.com/fsavqrf/Cqomspp7t/light.png" />
  60.  
  61. <meta name="if:250px" content="0" />
  62. <meta name="if:400px" content="0" />
  63. <meta name="if:500px" content="1" />
  64. <meta name="if:Death Note Font" content="1" />
  65. <meta name="if:Fade Effect" content="1" />
  66. <meta name="if:Infinite Scroll" content="0" />
  67. <meta name="if:Like Reblog Button" content="1" />
  68. <meta name="if:Music Player" content="1">
  69. <meta name="if:Monochrome" content="0" />
  70. <meta name="if:Notebook Pattern" content="1" />
  71. <meta name="if:Reverse" content="0" />
  72. <meta name="if:TopLeft Sidebar" content="0" />
  73.  
  74.  
  75.  
  76. <head>
  77.  
  78.  
  79. <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  80.  
  81. <script type="text/javascript">
  82.  
  83. $(document).ready(function () {
  84. $('li.drawer div:nth-child(2)').hide();
  85. $('li.drawer h4').click(function () {
  86. if ($(this).hasClass('open')) {
  87. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
  88. else {
  89. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
  90. $(this).next().slideDown();
  91. $(this).addClass('open');}
  92. });
  93. });
  94. </script>
  95.  
  96.  
  97. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  98. {block:IfNotReverse}<script src="http://static.tumblr.com/fsavqrf/ENxmsntqo/jquery.style-my-tooltips-cath.js"></script>{block:IfNotReverse}
  99. {block:IfReverse}<script src="http://static.tumblr.com/fsavqrf/8Ohmsntr2/jquery.style-my-tooltips-cath2.js"></script>{block:IfReverse}
  100.  
  101. <script>
  102. $().ready(function() {
  103. $("[title]").style_my_tooltips({
  104. tip_follows_cursor: "on", //on/off
  105. tip_delay_time: 80 //milliseconds
  106. });
  107. });
  108. </script>
  109.  
  110.  
  111. <style type="text/css">
  112.  
  113. ::-webkit-scrollbar {
  114. width:9px;
  115. height:3px;
  116. {block:IfNotReverse}background:{color:Background};{/block:IfNotReverse}
  117. {block:IfReverse}background:{color:Post Border};{/block:IfReverse}
  118. }
  119. ::-webkit-scrollbar-thumb {
  120. {block:IfNotReverse}
  121. background-color:{color:Background};
  122. border:1px solid {color:Post Border};
  123. {/block:IfNotReverse}
  124. {block:IfReverse}
  125. background-color:{color:Post Border};
  126. border:1px solid {color:Background};
  127. {/block:IfReverse}
  128. }
  129.  
  130. #s-m-t-tooltip{
  131. font-size:8px;
  132. letter-spacing:1px;
  133. font-family:calibri;
  134. text-transform:uppercase;
  135. max-width:200px;
  136. padding:3px;
  137. margin:25px 0 0 10px;
  138. z-index:9999;
  139. {block:IfNotReverse}
  140. color:{color:Post Border};
  141. background:{color:Background};
  142. border:1px dashed {color:Post Border};
  143. {/block:IfNotReverse}
  144. {block:IfReverse}
  145. color:{color:Background};
  146. background:{color:Post Border};
  147. border:1px dashed {color:Background};
  148. {/block:IfReverse}
  149. }
  150.  
  151. body {
  152. font-family:Helvetica;
  153. font-size:{text:Font Size};
  154. background-image:url('{image:BG}');
  155. background-attachment:fixed;
  156. {block:IfNotReverse}
  157. color:{color:Post Border};
  158. background-color:{color:Background};
  159. {/block:IfNotReverse}
  160. {block:IfReverse}
  161. color:{color:Background};
  162. background-color:{color:Post Border};
  163. {/block:IfReverse}
  164. }
  165.  
  166. a {
  167. color:{color:Link};
  168. text-decoration:none;
  169. transition:all 0.5s ease;
  170. -webkit-transition:all 0.5s ease;
  171. -moz-transition:all 0.5s ease;
  172. -o-transition:all 0.5s ease;
  173. -ms-transition:all 0.5s ease;
  174. }
  175.  
  176. a:hover {
  177. color:{color:Link Hover};
  178. transition:all 0.5s ease;
  179. -webkit-transition:all 0.5s ease;
  180. -moz-transition:all 0.5s ease;
  181. -o-transition:all 0.5s ease;
  182. -ms-transition:all 0.5s ease;
  183. }
  184.  
  185. b {
  186. font-weight:bold;
  187. }
  188.  
  189. blockquote {
  190. margin:0;
  191. padding-left:10px;
  192. overflow-x:auto;
  193. {block:IfNotReverse}
  194. border-left:3px solid {color:Post Border};
  195. {/block:IfNotReverse}
  196. {block:IfReverse}
  197. border-left:3px solid {color:Background};
  198. {/block:IfReverse}
  199. padding-left:5px;
  200. {block:If400px}margin-left:8px;{/block:If400px}
  201. {block:IfNot400px}
  202. {block:If250px}margin-left:5px;{/block:If250px}
  203. {/block:IfNot400px}
  204. }
  205.  
  206. h2 {
  207. font-size:14px;
  208. text-align:center;
  209. letter-spacing:1px;
  210. padding:10px;
  211. {block:IfDeathNoteFont}
  212. font-family:Death Note Main;
  213. {/block:IfDeathNoteFont}
  214. {block:IfNotDeathNoteFont}
  215. font-family:Helvetica;
  216. font-style:italic;
  217. {/block:IfNotDeathNoteFont}
  218. {block:IfNotReverse}color:{color:Post Border};{/block:IfNotReverse}
  219. {block:IfReverse}color:{color:Background};{/block:IfReverse}
  220. {block:IfNotReverse}
  221. background:{color:Background};
  222. border:1px dashed {color:Post Border};
  223. {/block:IfNotReverse}
  224. {block:IfReverse}
  225. background:{color:Post Border};
  226. border:1px dashed {color:Background};
  227. {/block:IfReverse}
  228. }
  229.  
  230. ol.notes {
  231. padding:0px;
  232. list-style-type:none;
  233. }
  234.  
  235. ol.notes li.note {
  236. padding:3px;
  237. }
  238.  
  239. #all {
  240. position:absolute;
  241. padding-left:10px;
  242. {block:If500px}width:540px;
  243. {block:IfTopLeftSidebar}
  244. right:410px;
  245. {/block:IfTopLeftSidebar}
  246. {block:IfNotTopLeftSidebar}
  247. right:450px;
  248. {block:IfNotTopLeftSidebar}
  249. {/block:If500px}
  250. {block:IfNot500px}
  251. {block:If400px}width:440px;right:460px;{/block:If400px}
  252. {block:IfNot400px}
  253. {block:If250px}width:290px;
  254. {block:IfTopLeftSidebar}
  255. right:550px;{/block:IfTopLeftSidebar}
  256. {block:IfNotTopLeftSidebar}
  257. right:435px;{/block:IfNotTopLeftSidebar}
  258. {/block:If250px}
  259. {block:IfNot250px}width:540px;
  260. {block:IfTopLeftSidebar}
  261. right:410px;
  262. {/block:IfTopLeftSidebar}
  263. {block:IfNotTopLeftSidebar}
  264. right:450px;
  265. {block:IfNotTopLeftSidebar}
  266. {/block:IfNot250px}
  267. {/block:IfNot400px}
  268. {/block:IfNot500px}
  269. {block:IfNotReverse}
  270. border-left:5px dotted {color:Post Border};
  271. {/block:IfNotReverse}
  272. {block:IfReverse}
  273. border-left:5px dotted {color:Background};
  274. {/block:IfReverse}
  275. }
  276.  
  277. #post {
  278. padding:17px 17px 7px 17px;
  279. margin-bottom:10px;
  280. -webkit-border-top-right-radius:15px;
  281. -webkit-border-bottom-right-radius:15px;
  282. -moz-border-radius-topright:15px;
  283. -moz-border-radius-bottomright:15px;
  284. border-top-right-radius:15px;
  285. border-bottom-right-radius:15px;
  286. transition:all 0.5s ease;
  287. -webkit-transition:all 0.5s ease;
  288. -moz-transition:all 0.5s ease;
  289. -o-transition:all 0.5s ease;
  290. -ms-transition:all 0.5s ease;
  291. {block:IfNotNotebookPattern}
  292. {block:IfNotReverse}
  293. background-color:{color:Background};
  294. border:1px solid {color:Post Border};
  295. {/block:IfNotReverse}
  296. {block:IfReverse}
  297. background:{color:Post Border};
  298. border:1px solid {color:Background};
  299. {/block:IfReverse}
  300. {/block:IfNotNotebookPattern}
  301. {block:ifNotebookPattern}
  302. {block:IfNotReverse}
  303. border:1px solid {color:Post Border};
  304. background:{color:Background} url('http://static.tumblr.com/fsavqrf/0Vmmsliqx/notebook.png');
  305. {/block:IfNotReverse}
  306. {block:IfReverse}
  307. background:{color:Post Border} url('http://static.tumblr.com/fsavqrf/a6emspw3z/notebook.png');
  308. border:1px solid {color:Background};
  309. {/block:IfReverse}
  310. {/block:ifNotebookPattern}
  311. {block:IfMonochrome}
  312. -webkit-filter:grayscale(100%);
  313. {block:IfFadeEffect}
  314. opacity:0.7;
  315. transition:all 0.5s ease;
  316. -webkit-transition:all 0.5s ease;
  317. -moz-transition:all 0.5s ease;
  318. -o-transition:all 0.5s ease;
  319. -ms-transition:all 0.5s ease;
  320. {/block:IfFadeEffect}
  321. {/block:IfMonochrome}
  322. {block:IfFadeEffect}
  323. opacity:0.7;
  324. transition:all 0.5s ease;
  325. -webkit-transition:all 0.5s ease;
  326. -moz-transition:all 0.5s ease;
  327. -o-transition:all 0.5s ease;
  328. -ms-transition:all 0.5s ease;
  329. {/block:IfFadeEffect}
  330. {block:PermalinkPage}margin-top:20px;{/block:PermalinkPage}
  331. }
  332.  
  333. #post:hover {
  334. -webkit-border-radius:0px;
  335. -moz-border-radius-topright:0px;
  336. border-top-right-radius:0px;
  337. {block:IfFadeEffect}
  338. opacity:1;
  339. transition:all 0.5s ease;
  340. -webkit-transition:all 0.5s ease;
  341. -moz-transition:all 0.5s ease;
  342. -o-transition:all 0.5s ease;
  343. -ms-transition:all 0.5s ease;
  344. {block:IfNotMonochrome}
  345. -webkit-filter:none;
  346. {block:IfNotMonochrome}
  347. {/block:IfFadeEffect}
  348. }
  349.  
  350. #title {
  351. text-align:center;
  352. margin:10px 0;
  353. {block:IfDeathNoteFont}
  354. font-family:Death Note Main;
  355. {/block:IfDeathNoteFont}
  356. {block:IfNotDeathNoteFont}
  357. font-family:Helvetica;
  358. font-style:italic;
  359. {/block:IfNotDeathNoteFont}
  360. font-size:12px;
  361. {block:IfNotReverse}
  362. color:{color:Post Border};
  363. background:{color:Background};
  364. border-top:1px solid {color:Post Border};
  365. border-bottom:1px solid {color:Post Border};
  366. {/block:IfNotReverse}
  367. {block:IfReverse}
  368. color:{color:Background};
  369. background:{color:Post Border};
  370. border-top:1px solid {color:Background};
  371. border-bottom:1px solid {color:Background};
  372. {/block:IfReverse}
  373. }
  374.  
  375. #side {
  376. position:fixed;
  377. width:130px;
  378. padding:10px;
  379. text-align:justify;
  380. -webkit-border-bottom-left-radius:25px;
  381. -webkit-border-top-right-radius:25px;
  382. -moz-border-radius-bottomleft:25px;
  383. -moz-border-radius-topright:25px;
  384. border-bottom-left-radius:25px;
  385. border-top-right-radius:25px;
  386. {block:IfNotTopLeftSidebar}
  387. bottom:20px; right:250px;
  388. {/block:IfNotTopLeftSidebar}
  389. {block:IfTopLeftSidebar}
  390. {block:If500px}top:20px; right:1010px;{/block:If500px}
  391. {block:IfNot500px}
  392. {block:If400px}top:20px; right:950px;{/block:If400px}
  393. {block:IfNot400px}
  394. {block:If250px}
  395. top:20px; right:900px;{/block:If250px}
  396. {block:IfNot250px}
  397. top:20px; right:1010px;{/block:IfNot250px}
  398. {/block:IfNot400px}
  399. {/block:IfNot500px}
  400. {/block:IfTopLeftSidebar}
  401. {block:IfNotReverse}
  402. border:1px dashed {color:Post Border};
  403. {block:IfNotebookPattern}
  404. background:{color:Background} url('http://static.tumblr.com/fsavqrf/0Vmmsliqx/notebook.png');
  405. {/block:IfNotebookPattern}
  406. {/block:IfNotReverse}
  407. {block:IfReverse}
  408. border:1px dashed {color:Background};
  409. {block:IfNotebookPattern}
  410. background:{color:Post Border} url('http://static.tumblr.com/fsavqrf/a6emspw3z/notebook.png')
  411. {/block:IfNotebookPattern}
  412. {/block:IfReverse}
  413. {block:IfMonochrome}
  414. -webkit-filter:grayscale(100%);
  415. {block:IfFadeEffect}
  416. opacity:0.7;
  417. transition:all 0.5s ease;
  418. -webkit-transition:all 0.5s ease;
  419. -moz-transition:all 0.5s ease;
  420. -o-transition:all 0.5s ease;
  421. -ms-transition:all 0.5s ease;
  422. {/block:IfFadeEffect}
  423. {/block:IfMonochrome}
  424. {block:IfFadeEffect}
  425. {block:IfReverse}opacity:0.7; {/block:IfReverse}
  426. opacity:0.7;
  427. transition:all 0.5s ease;
  428. -webkit-transition:all 0.5s ease;
  429. -moz-transition:all 0.5s ease;
  430. -o-transition:all 0.5s ease;
  431. -ms-transition:all 0.5s ease;
  432. {/block:IfFadeEffect}
  433. }
  434.  
  435. #side:hover {
  436. {block:IfFadeEffect}
  437. opacity:1;
  438. transition:all 0.5s ease;
  439. -webkit-transition:all 0.5s ease;
  440. -moz-transition:all 0.5s ease;
  441. -o-transition:all 0.5s ease;
  442. -ms-transition:all 0.5s ease;
  443. {block:IfNotMonochrome}
  444. -webkit-filter:none;
  445. {block:IfNotMonochrome}
  446. {/block:IfFadeEffect}
  447. }
  448.  
  449. #side img {
  450. width:120px;
  451. }
  452.  
  453. #links {
  454. font-size:2px;
  455. line-height:10px;
  456. float:right;
  457. margin:5px -3px 0 0;
  458. }
  459.  
  460. #links a {
  461. padding:2px;
  462. {block:IfNotReverse}
  463. border:1px solid {color:Post Border};
  464. {/block:IfNotReverse}
  465. {block:IfReverse}
  466. border:1px solid {color:Background};
  467. {/block:IfReverse}
  468. }
  469.  
  470. #pagi a {
  471. font-family:calibri;
  472. font-size:20px;
  473. bottom:20px;
  474. position:fixed;
  475. z-index:99999;
  476. {block:IfTopLeftSidebar}
  477. {block:If500px}right:355px;{/block:If500px}
  478. {block:IfNot500px}
  479. {block:If400px}right:420px;{/block:If400px}
  480. {block:IfNot400px}
  481. {block:If250px}right:500px;{/block:If250px}
  482. {block:IfNot250px}right:355px;{/block:IfNot250px}
  483. {/block:IfNot400px}
  484. {/block:IfNot500px}
  485. {/block:IfTopLeftSidebar}
  486. {block:IfNotTopLeftSidebar}
  487. {block:If500px}right:415px;{/block:If500px}
  488. {block:IfNot500px}
  489. {block:If400px}right:420px;{/block:If400px}
  490. {block:IfNot400px}
  491. {block:If250px}right:780px;{/block:If250px}
  492. {block:IfNot250px}right:415px;{/block:IfNot250px}
  493. {/block:IfNot400px}
  494. {/block:IfNot500px}
  495. {block:IfNotTopLeftSidebar}
  496. }
  497.  
  498. #pagi2 a {
  499. font-family:calibri;
  500. font-size:20px;
  501. bottom:30px;
  502. position:fixed;
  503. z-index:99999;
  504. {block:IfTopLeftSidebar}
  505. {block:If500px}right:365px;{/block:If500px}
  506. {block:IfNot500px}
  507. {block:If400px}right:430px;{/block:If400px}
  508. {block:IfNot400px}
  509. {block:If250px}right:510px;{/block:If250px}
  510. {block:IfNot250px}right:365px;{/block:IfNot250px}
  511. {/block:IfNot400px}
  512. {/block:IfNot500px}
  513. {/block:IfTopLeftSidebar}
  514. {block:IfNotTopLeftSidebar}
  515. {block:If500px}right:425px;{/block:If500px}
  516. {block:IfNot500px}
  517. {block:If400px}right:430px;{/block:If400px}
  518. {block:IfNot400px}
  519. {block:If250px}right:790px;{/block:If250px}
  520. {block:IfNot250px}right:425px;{/block:IfNot250px}
  521. {/block:IfNot400px}
  522. {/block:IfNot500px}
  523. {block:IfNotTopLeftSidebar}
  524. }
  525.  
  526. #back {
  527. font-family:calibri;
  528. font-size:10px;
  529. position:fixed;
  530. bottom:10px;
  531. z-index:99999;
  532. {block:IfTopLeftSidebar}
  533. {block:If500px}right:345px;{/block:If500px}
  534. {block:IfNot500px}
  535. {block:If400px}right:400px;{/block:If400px}
  536. {block:IfNot400px}
  537. {block:If250px}right:490px;{/block:If250px}
  538. {block:IfNot250px}right:345px;{/block:IfNot250px}
  539. {/block:IfNot400px}
  540. {/block:IfNot500px}
  541. {/block:IfTopLeftSidebar}
  542. {block:IfNotTopLeftSidebar}
  543. {block:If500px}right:1025px;{/block:If500px}
  544. {block:IfNot500px}
  545. {block:If400px}right:930px;{/block:If400px}
  546. {block:IfNot400px}
  547. {block:If250px}right:750px;{/block:If250px}
  548. {block:IfNot250px}right:1025px;{/block:IfNot250px}
  549. {/block:IfNot400px}
  550. {/block:IfNot500px}
  551. {block:IfNotTopLeftSidebar}
  552. }
  553.  
  554. #perma {
  555. text-align:right;
  556. padding:8px 2px;
  557. overflow:hidden;
  558. {block:IfNotReverse}
  559. border-top:1px solid {color:Post Border};
  560. {/block:IfNotReverse}
  561. {block:IfReverse}
  562. border-top:1px solid {color:Background};
  563. {/block:IfReverse}
  564. }
  565.  
  566. #perma img {
  567. float:right;
  568. margin-left:3px;
  569. opacity:0.60;
  570. border-radius:10px;
  571. -webkit-border-radius:10px;
  572. -moz-border-radius:10px;
  573. -webkit-filter:grayscale(100%);
  574. -webkit-transition:opacity 0.5s linear;
  575. }
  576.  
  577. #perma img:hover {
  578. opacity:1;
  579. -webkit-filter:none;
  580. -webkit-transition:opacity 0.5s linear;
  581. }
  582.  
  583. #chat {
  584. line-height:180%;
  585. margin:0 0 5px 10px;
  586. }
  587.  
  588. #chat b {
  589. font-family:calibri;
  590. font-size:{text:Font Size};
  591. text-transform:uppercase;
  592. padding:0 1px;
  593. {block:IfNotReverse}color:{color:Post Border};{/block:IfNotReverse}
  594. {block:IfReverse}color:{color:Background};{/block:IfReverse}
  595. }
  596.  
  597. #text {
  598. margin:0 0 10px 10px;
  599. padding:2px 2px 2px 8px;
  600. {block:IfNotReverse}
  601. border-left:3px solid {color:Post Border};
  602. {/block:IfNotReverse}
  603. {block:IfReverse}
  604. border-left:3px solid {color:Background};
  605. {/block:IfReverse}
  606. }
  607.  
  608. #music {
  609. padding:10px;
  610. margin-bottom:10px;
  611. {block:IfNotReverse}
  612. border:1px dashed {color:Post Border};
  613. {/block:IfNotReverse}
  614. {block:IfReverse}
  615. border:1px dashed {color:Background};
  616. {/block:IfReverse}
  617. }
  618.  
  619. #player {
  620. width:30px;
  621. height:30px;
  622. overflow:hidden;
  623. position:absolute;
  624. opacity:0.5;
  625. }
  626.  
  627. #artist {
  628. margin-left:50px;
  629. }
  630.  
  631. #next {
  632. text-align:right;
  633. }
  634.  
  635. #question {
  636. text-align:center;
  637. padding:5px;
  638. margin-bottom:10px;
  639. {block:IfNotReverse}
  640. border:1px dashed {color:Post Border};
  641. {/block:IfNotReverse}
  642. {block:IfReverse}
  643. border:1px dashed {color:Background};
  644. {/block:IfReverse}
  645. }
  646.  
  647. #ask {
  648. font-size:9px;
  649. text-align:left;
  650. font-style:italic;
  651. text-transform:uppercase;
  652. padding:3px;
  653. }
  654.  
  655. #ask a {
  656. font-weight:bold;
  657. }
  658.  
  659. .like_button {
  660. position:relative;
  661. cursor:pointer!important;
  662. display:inline-block;
  663. overflow:hidden;
  664. }
  665.  
  666. .like_button iframe {
  667. position:absolute;
  668. width:100%;
  669. height:100%;
  670. opacity:0;
  671. }
  672.  
  673. .like_button::before {
  674. content:'like';
  675. top:2px;
  676. position:relative;
  677. color:{color:Link};
  678. transition:all 0.5s ease;
  679. -webkit-transition:all 0.5s ease;
  680. -moz-transition:all 0.5s ease;
  681. -o-transition:all 0.5s ease;
  682. -ms-transition:all 0.5s ease;
  683. }
  684.  
  685. .like_button:hover::before, .like_button.liked::before {
  686. color:{color:Link Hover};
  687. cursor:pointer!important;
  688. transition:all 0.5s ease;
  689. -webkit-transition:all 0.5s ease;
  690. -moz-transition:all 0.5s ease;
  691. -o-transition:all 0.5s ease;
  692. -ms-transition:all 0.5s ease;
  693. }
  694.  
  695. ul#drawers {
  696. font-family:calibri;
  697. font-size:{text:Font Size};
  698. text-transform:uppercase;
  699. list-style:none;
  700. width:100px;
  701. margin:5px auto;
  702. padding:0px;
  703. border-top:0px;
  704. {block:IfNotReverse}
  705. color:{color:Post Border};
  706. {/block:IfNotReverse}
  707. {block:IfReverse}
  708. color:{color:Background};
  709. {/block:IfReverse}
  710. }
  711.  
  712. ul#drawers a {
  713. text-decoration:none;
  714. {block:IfNotReverse}
  715. color:{color:Post Border};
  716. border-bottom:1px dotted {color:Post Border};
  717. {/block:IfNotReverse}
  718. {block:IfReverse}
  719. color:{color:Background};
  720. border-bottom:1px dotted {color:Background};
  721. {/block:IfReverse}
  722. }
  723.  
  724. ul#drawers a:hover {
  725. {block:IfNotReverse}
  726. border-bottom:1px solid {color:Post Border};
  727. {/block:IfNotReverse}
  728. {block:IfReverse}
  729. border-bottom:1px solid {color:Background};
  730. {/block:IfReverse}
  731. }
  732.  
  733. ul#drawers li h4 {
  734. font-size:11px;
  735. letter-spacing:1px;
  736. text-align:center;
  737. margin:0;
  738. padding:0px;
  739. background:rgba(255, 255, 255, 0.0);
  740. -webkit-transition:background-color 0.2s ease-out;
  741. -moz-transition:background-color 0.2s ease-out;
  742. transition:background-color 0.2s ease-out;
  743. {block:IfNotReverse}
  744. border-bottom:1px solid {color:Post Border};
  745. {/block:IfNotReverse}
  746. {block:IfReverse}
  747. border-bottom:1px solid {color:Background};
  748. {/block:IfReverse}
  749. }
  750.  
  751. h4.small {
  752. display:table-cell;
  753. width:100px;
  754. height:100%;
  755. margin:0px;
  756. }
  757.  
  758. li.drawer h4.open {
  759. background-color:#121213;
  760. border-top:0px;
  761. }
  762.  
  763. li.drawer div {
  764. padding:0px;
  765. margin:0px;
  766. background-color:#363835;
  767. background:rgba(255, 255, 255, 0.0);
  768. }
  769.  
  770. li.drawer div li {
  771. list-style-type:disc;
  772. }
  773.  
  774. li.drawer div ul {
  775. -webkit-padding-start:12px;
  776. }
  777.  
  778. @font-face {
  779. font-family:Death Note Main;
  780. src:url('https://dl.dropboxusercontent.com/s/kq1vplex7j8f72l/deathnotemain.ttf');
  781. }
  782.  
  783. #musicplayer{
  784. position:fixed;
  785. bottom:20px;
  786. right:25px;
  787. height:10px;
  788. width:34px;
  789. padding:12px 0px 12px 0px;
  790. text-align:center;
  791. overflow:hidden;
  792. z-index:999;
  793. {block:IfNotReverse}
  794. background-color:{color:Background};
  795. border:1px solid {color:Post Border};
  796. color:{color:Post Border};
  797. {/block:IfNotReverse}
  798. {block:IfReverse}
  799. background-color:{color:Post Border};
  800. border:1px solid {color:Background};
  801. color:{color:Background};
  802. {/block:IfReverse}
  803. -moz-border-radius:17px 17px 17px 17px;
  804. border-radius:17px 17px 17px 17px;
  805. -webkit-transition:opacity 0.7s linear;
  806. -webkit-transition:all 0.7s ease-in-out;
  807. -moz-transition:all 0.7s ease-in-out;
  808. -o-transition:all 0.7s ease-in-out;
  809. }
  810.  
  811. #musicplayer2 {
  812. padding-top:10px;
  813. }
  814.  
  815. #musicplayer:hover {
  816. height:45px;
  817. width:140px;
  818. padding:5px;
  819. }
  820.  
  821. {CustomCSS}
  822.  
  823. </style>
  824.  
  825. {block:IfInfiniteScroll}
  826. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  827. <div id="back"><a href="#">back to top</a></div>
  828. {/block:IfInfiniteScroll}
  829.  
  830. </head>
  831.  
  832.  
  833. <body>
  834.  
  835.  
  836. {block:IfMusicPlayer}
  837. <div id='musicplayer'>
  838. <center>
  839. {block:IfNotReverse}
  840. <img src="http://media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif"/>
  841. {/block:IfNotReverse}
  842. {block:IfReverse}
  843. <img src="http://media.tumblr.com/tumblr_m7w2izzY0j1r6o8v2.gif">
  844. {/block:IfReverse}
  845. </center>
  846. <div id='musicplayer2'><center>
  847. <!-- REPLACE THIS WITH MUSIC PLAYER CODE -->
  848. </center></div>
  849. </div>
  850. {/block:IfMusicPlayer}
  851.  
  852. <div id="side">
  853.  
  854. <div id="title">
  855. {block:IfChangeTitle}<h1>{text:Change Title}</h1>{/block:IfChangeTitle}
  856. {block:IfNotChangeTitle}<h1>{Title}</h1>{block:IfNotChangeTitle}
  857. </div>
  858.  
  859. <img src="{image:Sidebar Image}"></a>
  860. <div id="links">
  861. <a href="/" title="home">&nbsp;</a><br><br>
  862. <a href="/ask" title="ask">&nbsp;</a><br><br>
  863. <a href="/archive" title="past">&nbsp;</a><br><br>
  864. <a href="/random" title="random">&nbsp;</a><br><br>
  865. <a href="http://bakathemes.tumblr.com" title="theme">&nbsp;</a></div>
  866.  
  867. <ul id="drawers">
  868. <li class="drawer" id="info">
  869. <h4>— {text:Dropdown Title} —</h4>
  870. <div align="center">
  871. <p>{block:IfLink1}<a href="{text:Link1 URL}">{text:Link1}</a>{/block:IfLink1}</p>
  872. <p>{block:IfLink2}<a href="{text:Link2 URL}">{text:Link2}</a>{/block:IfLink2}</p>
  873. <p>{block:IfLink3}<a href="{text:Link3 URL}">{text:Link3}</a>{/block:IfLink3}</p>
  874. <p>{block:IfLink4}<a href="{text:Link4 URL}">{text:Link4}</a>{/block:IfLink4}</p>
  875. <p>{block:IfLink5}<a href="{text:Link5 URL}">{text:Link5}</a>{/block:IfLink5}</p>
  876. <p>{block:IfLink6}<a href="{text:Link6 URL}">{text:Link6}</a>{/block:IfLink6}</p>
  877. <p>{block:IfLink7}<a href="{text:Link7 URL}">{text:Link7}</a>{/block:IfLink7}</p>
  878. <p>{block:IfLink8}<a href="{text:Link8 URL}">{text:Link8}</a>{/block:IfLink8}</p>
  879. </div>
  880. </li>
  881. </ul>
  882.  
  883. {block:Description}<p>{Description}</p>{/block:Description}
  884.  
  885. </div>
  886.  
  887. <div id="all">
  888. <div class = "autopagerize_page_element">
  889.  
  890. {block:Posts}
  891.  
  892. <div id="post">
  893.  
  894. {block:Text}
  895. {block:Title}<h2>{Title}</h2>{/block:Title}
  896. <div id="text">{Body}</div>
  897. {/block:Text}
  898.  
  899. {block:Photo}
  900. {LinkOpenTag}
  901. {block:If500px}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{/block:If500px}
  902. {block:IfNot500px}
  903. {block:If400px}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{/block:If400px}
  904. {block:IfNot400px}
  905. {block:If250px}<img src="{PhotoURL-250}" alt="{PhotoAlt}">{/block:If250px}
  906. {block:IfNot250px}<img src="{PhotoURL-500}" alt="{PhotoAlt}">
  907. {/block:IfNot250px}
  908. {/block:IfNot400px}
  909. {/block:IfNot500px}
  910.  
  911. {LinkCloseTag}
  912. {block:Caption}<p>{Caption}</p>{/block:Caption}
  913. {block:IfNotCaption}<br>{/block:IfNotCaption}
  914. {/block:Photo}
  915.  
  916. {block:Photoset}
  917. {block:If500px}{Photoset-500}{/block:If500px}
  918. {block:IfNot500px}
  919. {block:If400px}{Photoset-400}{/block:If400px}
  920. {block:IfNot400px}
  921. {block:If250px}{Photoset-250}{/block:If250px}
  922. {block:IfNot250px}{Photoset-500}{/block:IfNot250px}
  923. {/block:IfNot400px}
  924. {/block:IfNot500px}
  925. {block:Caption}<p>{Caption}</p>{/block:Caption}
  926. {block:IfNotCaption}<br>{/block:IfNotCaption}
  927. {/block:Photoset}
  928.  
  929. {block:Quote}
  930. <h2>"{Quote}"</h2>
  931. {block:Source}<p align="right">— {Source}</p>{/block:Source}
  932. {/block:Quote}
  933.  
  934. {block:Link}
  935. <h2><a href="{URL}" target="_blank">{Name}</a></h2>
  936. {block:Description}<p><div id="text">{Description}</div>{/block:Description}
  937. {/block:Link}
  938.  
  939. {block:Chat}
  940. {block:Title}<h1>{Title}</h1>{/block:Title}
  941.  
  942. {block:Lines}
  943. {block:Label}<div id="chat"><b>{Label}</b>{/block:Label} {Line}</br></div>
  944. {/block:Lines}
  945.  
  946. {/block:Chat}
  947.  
  948. {block:Audio}
  949. <div id="music">
  950. <div id="player">{AudioPlayerWhite}</div>
  951. {block:Caption}<div id="artist">{Caption}</div>{/block:Caption}
  952. </div>
  953. {/block:Audio}
  954.  
  955. {block:Video}
  956. {block:If500px}{Video-500}{/block:If500px}
  957. {block:IfNot500px}
  958. {block:If400px}{Video-400}{/block:If400px}
  959. {block:IfNot400px}
  960. {block:If250px}{Video-250}{/block:If250px}
  961. {block:IfNot250px}{Video-500}{/block:IfNot250px}
  962. {/block:IfNot400px}
  963. {/block:IfNot500px}
  964. {block:Caption}{Caption}{/block:Caption}
  965. {block:IfNotCaption}<br>{/block:IfNotCaption}
  966. {/block:Video}
  967.  
  968. {block:Answer}
  969. <div id="question">
  970. <div id="ask">{Asker} wrote:<br></div>
  971. <p>"{Question}"</p>
  972. </div>
  973. <blockquote>{Answer}</blockquote>
  974. {/block:Answer}
  975.  
  976. <div id="perma">
  977. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  978.  
  979. {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  980.  
  981. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="via"><img src="{ReblogParentPortraitURL-24}"></a>
  982.  
  983. {block:ContentSource}<a href="{ReblogRootURL}" title="orig."><img src="{ReblogRootPortraitURL-24}"></a>{/block:ContentSource}
  984. {block:NotReblog}
  985. {/block:NotReblog}{/block:RebloggedFrom}
  986. <br>
  987. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  988. {block:IndexPage}
  989. {block:IfLikeReblogButton}<div>
  990. {LikeButton color="grey" size="10"} - <a href="{ReblogURL}">reblog</a>
  991. </div>
  992. {/block:IfLikeReblogButton}
  993. {/block:IndexPage}
  994. </div>
  995.  
  996. {block:PermalinkPage}
  997.  
  998. {block:PermalinkPagination}
  999. {block:PreviousPost}
  1000. <a rel="prev" href="{PreviousPost}">&laquo; previous page</a>
  1001. {/block:PreviousPost}
  1002.  
  1003. {block:NextPost}
  1004. <br><a rel="next" href="{NextPost}"><div id="next">next page &raquo;<a/></div>
  1005. {/block:NextPost}
  1006. {/block:PermalinkPagination}
  1007.  
  1008. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1009.  
  1010. {/block:PermalinkPage}
  1011.  
  1012. </div>
  1013.  
  1014. {/block:Posts}
  1015.  
  1016. </div>
  1017.  
  1018. {block:IfNotInfiniteScroll}
  1019. {block:Pagination}
  1020. {block:PreviousPage}
  1021. <div id="pagi2">
  1022. <a href="{PreviousPage}">&laquo;</a></div>
  1023. {/block:PreviousPage}
  1024. {block:NextPage}
  1025. <div id="pagi"><a href="{NextPage}">&raquo;</a></div>
  1026. {/block:NextPage}
  1027. {/block:Pagination}
  1028. {/block:IfNotInfiniteScroll}
  1029. </div>
  1030. </div>
  1031.  
  1032.  
  1033. </body>
  1034.  
  1035.  
  1036. </html>
  1037.  
  1038.  
  1039. <!--
  1040.  
  1041. THEME MADE BY BAKATHEMES OR AKATSUKII @ TUMBLR
  1042. THEME BASE 01 BY SUPPISUN @ TUMBLR
  1043. Edit/tweak as much as you like but pleeeeaaaase
  1044. DO NOT remove the credits, copy and
  1045. redistribute the theme as your own. Or else...
  1046. I'LL HUNT YOU DOWN. MWAHAHAHAHAHAHA >:D
  1047.  
  1048. -->
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!