API tools faq
paste
Advertisement
sasorisbutt

Tokyo Ghoul - BakaThemes

sasorisbutt
May 22nd, 2015
5,089
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.55 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. THEME MADE BY BAKATHEMES OR AKATSUKII @ TUMBLR
  4. Edit/tweak as much as you like but pleeeeaaaase
  5. DO NOT remove the credits, copy and
  6. redistribute the theme as your own.
  7. You'll be my dinner if you do. Mwahahaha! *drools*
  8.  
  9. Music code (change the mp3 link if you want to):
  10. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="105" height="20">
  11. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  12. <param name="bgcolor" value="#151515" />
  13. <param name="FlashVars" value="mp3=https://www.dropbox.com/s/30x5lbum0927wry/Unravel.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=999999&buttonovercolor=cccccc" /></object>
  14.  
  15. -->
  16.  
  17.  
  18.  
  19. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  20. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  21.  
  22. <title>{Title}</title>
  23.  
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27.  
  28. <meta name="image:Ava" content="" />
  29. <meta name="image:Top Background" content="" />
  30. <meta name="image:Bottom Background" content="" />
  31.  
  32. <meta name="color:Background" content="#181818" />
  33. <meta name="color:Top Background" content="#151515" />
  34. <meta name="color:Bottom Background" content="#151515" />
  35. <meta name="color:Title" content="#dadada" />
  36. <meta name="color:Subtitle" content="#b6b6b6" />
  37. <meta name="color:Customized Links" content="#9f9f9f" />
  38. <meta name="color:Customized Links Hover" content="#eaeaea" />
  39. <meta name="color:Description" content="#b3b3b3" />
  40. <meta name="color:Post Background" content="#151515" />
  41. <meta name="color:Post Title" content="#cecece" />
  42. <meta name="color:Post Text" content="#a5a5a5" />
  43. <meta name="color:Links" content="#999" />
  44.  
  45. <meta name="text:Music Code" content="" />
  46. <meta name="text:Subtitle" content="" />
  47. <meta name="text:Post Title Padding" content="30px" />
  48. <meta name="text:Go to Post" content="go to post" />
  49. <meta name="text:Notes Label" content="ghouls" />
  50. <meta name="text:Link1" content="Home" />
  51. <meta name="text:Link1 URL" content="/" />
  52. <meta name="text:Link2" content="Message" />
  53. <meta name="text:Link2 URL" content="/ask" />
  54. <meta name="text:Link3" content="Archive" />
  55. <meta name="text:Link3 URL" content="/archive" />
  56. <meta name="text:Link4" content="Random" />
  57. <meta name="text:Link4 URL" content="/random" />
  58. <meta name="text:Link5" content="" />
  59. <meta name="text:Link5 URL" content="" />
  60. <meta name="text:Link6" content="" />
  61. <meta name="text:Link6 URL" content="" />
  62. <meta name="text:Link7" content="" />
  63. <meta name="text:Link7 URL" content="" />
  64. <meta name="text:Link8" content="" />
  65. <meta name="text:Link8 URL" content="" />
  66. <meta name="text:Link9" content="" />
  67. <meta name="text:Link9 URL" content="" />
  68. <meta name="text:Link10" content="" />
  69. <meta name="text:Link10 URL" content="" />
  70. <meta name="text:Link11" content="" />
  71. <meta name="text:Link11 URL" content="" />
  72. <meta name="text:Link12" content="" />
  73. <meta name="text:Link12 URL" content="" />
  74.  
  75. <meta name="if:Avatar on Bottom" content="1" />
  76. <meta name="if:Details on Top" content="0" />
  77. <meta name="if:Details on Center" content="1" />
  78. <meta name="if:Details on Bottom" content="0" />
  79. <meta name="if:Italic Description" content="1" />
  80. <meta name="if:Italic Subtitle" content="1" />
  81. <meta name="if:Round Corners" content="1" />
  82. <meta name="if:Monochrome" content="0" />
  83. <meta name="if:Like Reblog Links" content="1" />
  84. <meta name="if:Reverse Posts On Permalink" content="0" />
  85.  
  86. <head>
  87.  
  88. <link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  89. <link href='http://fonts.googleapis.com/css?family=Tenali+Ramakrishna' rel='stylesheet' type='text/css'>
  90. <link href='http://fonts.googleapis.com/css?family=Rajdhani:400,700' rel='stylesheet' type='text/css'>
  91. <link href='http://fonts.googleapis.com/css?family=Finger+Paint' rel='stylesheet' type='text/css'>
  92.  
  93. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  94. <script src="http://static.tumblr.com/fsavqrf/g6Znlrv2p/jquery.style-my-tooltips-kuroshitsuji.js"></script>
  95.  
  96. <script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
  97.  
  98. <script type='text/javascript'>
  99. $(window).load(function(){
  100. $("#title").addClass("load");
  101. });
  102. </script>
  103.  
  104. <script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
  105.  
  106. <script type='text/javascript'>
  107. $(window).load(function(){
  108. $("#links").addClass("load");
  109. });
  110. </script>
  111.  
  112. <script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
  113.  
  114. <script type='text/javascript'>
  115. $(window).load(function(){
  116. $("#desc").addClass("load");
  117. });
  118. </script>
  119.  
  120. <script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
  121.  
  122. <script type='text/javascript'>
  123. $(window).load(function(){
  124. $("#tags2").addClass("load");
  125. });
  126. </script>
  127.  
  128. <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>
  129. <script type='text/javascript' src='http://static.tumblr.com/fsavqrf/8C1noosot/jquery.mousewheel.min.js'></script>
  130. <script>
  131. $(function() {
  132. $("#scroll").mousewheel(function(event, delta) {
  133. this.scrollLeft -= (delta * 100);
  134. event.preventDefault();
  135. });
  136. });
  137. </script>
  138.  
  139. {block:PermalinkPage}
  140. <script type='text/javascript' src='http://static.tumblr.com/fsavqrf/p2Jnora6j/jquery-1.8.3.js'></script>
  141. <script type='text/javascript'>
  142. $(document).ready(function() {
  143. var count;
  144. var interval;
  145. $("#post").on('mouseover', function() {
  146. var div = $('body');
  147. interval = setInterval(function(){
  148. count = count || 1;
  149. var pos = div.scrollTop();
  150. div.scrollTop(pos + count);
  151. }, 100);
  152. }).click(function() {
  153. if (count < 6) {
  154. count = count+1;
  155. }
  156. }).on('mouseout', function() {
  157. // Uncomment this line if you want to reset the speed on out
  158. // count = 0;
  159. clearInterval(interval);
  160. });
  161. });
  162. </script>
  163. {/block:PermalinkPage}
  164.  
  165. <style type="text/css">
  166.  
  167. ::-webkit-scrollbar {
  168. background:transparent;
  169. width:5px;
  170. height:3px;
  171. }
  172.  
  173. ::-webkit-scrollbar-thumb {
  174. background:rgba(0, 0, 0, 0.5);
  175. }
  176.  
  177. body {
  178. background:{color:Background};
  179. margin:0;
  180. padding:0;
  181. font-family:Titillium Web;
  182. color:{color:Text};
  183. font-size:10px;
  184. }
  185.  
  186. a {
  187. color:{color:Links};
  188. text-decoration:none;
  189. }
  190.  
  191. i {
  192. font-style:italic;
  193. }
  194.  
  195. b {
  196. font-weight:bold;
  197. }
  198.  
  199. blockquote {
  200. padding-left:10px;
  201. margin:0;
  202. }
  203.  
  204. blockquote:before {
  205. content:"»";
  206. }
  207.  
  208. #center {
  209. position:fixed;
  210. top:0;
  211. display:table;
  212. height:100%;
  213. }
  214.  
  215. #centeer {
  216. display:table-cell;
  217. vertical-align:middle;
  218. }
  219.  
  220. #scroll {
  221. width:1480px;
  222. height:273px;
  223. padding:120px 0;
  224. max-height:273px;
  225. overflow-x:auto;
  226. overflow-y:hidden;
  227. }
  228.  
  229. #scroll::-webkit-scrollbar {
  230. background:transparent;
  231. }
  232.  
  233. #scroll::-webkit-scrollbar-thumb {
  234. background:transparent;
  235. }
  236.  
  237. #links {
  238. position:absolute;
  239. width:100%;
  240. {block:IfNotDetailsOnTop}
  241. {block:IfNotDetailsOnCenter}
  242. {block:IfNotDetailsOnBottom}
  243. top:165px;
  244. {/block:IfNotDetailsOnBottom}
  245. {/block:IfNotDetailsOnCenter}
  246. {/block:IfNotDetailsOnTop}
  247. {block:IfDetailsOnTop}top:160px;{/block:IfDetailsOnTop}
  248. {block:IfDetailsOnCenter}margin-top:-20px;{/block:IfDetailsOnCenter}
  249. {block:IfDetailsOnBottom}bottom:-30px;{/block:IfDetailsOnBottom}
  250. text-align:center;
  251. transition:all 0.8s ease;
  252. -webkit-transition:all 0.8s ease;
  253. -moz-transition:all 0.8s ease;
  254. -o-transition:all 0.8s ease;
  255. -ms-transition:all 0.8s ease;
  256. opacity:0;
  257. }
  258.  
  259. #links a {
  260. margin:0 5px;
  261. color:{color:Customized Links};
  262. font-family:Rajdhani;
  263. font-size:11px;
  264. transition:all 0.2s ease;
  265. -webkit-transition:all 0.2s ease;
  266. -moz-transition:all 0.2s ease;
  267. -o-transition:all 0.2s ease;
  268. -ms-transition:all 0.2s ease;
  269. }
  270.  
  271. #links a:hover {
  272. color:{color:Customized Links Hover};
  273. font-size:12px;
  274. }
  275.  
  276. #links a:before {
  277. content:'[[ ';
  278. transition:all 0.4s ease;
  279. -webkit-transition:all 0.4s ease;
  280. -moz-transition:all 0.4s ease;
  281. -o-transition:all 0.4s ease;
  282. -ms-transition:all 0.4s ease;
  283. }
  284.  
  285. #links a:after {
  286. content:' ]]';
  287. transition:all 0.4s ease;
  288. -webkit-transition:all 0.4s ease;
  289. -moz-transition:all 0.4s ease;
  290. -o-transition:all 0.4s ease;
  291. -ms-transition:all 0.4s ease;
  292. }
  293.  
  294. #links a:hover:before {
  295. padding-right:10px;
  296. }
  297.  
  298. #links a:hover:after {
  299. padding-left:10px;
  300. }
  301.  
  302. #links.load {
  303. {block:IfDetailsOnTop}top:40px;{/block:IfDetailsOnTop}
  304. {block:IfDetailsOnCenter}margin-top:-98px;{/block:IfDetailsOnCenter}
  305. {block:IfDetailsOnBottom}bottom:90px;{/block:IfDetailsOnBottom}
  306. opacity:1;
  307. }
  308.  
  309. #desc {
  310. {block:IfAvataronBottom}
  311. position:fixed;
  312. right:20px;
  313. bottom:-200px;
  314. z-index:10;
  315. {/block:IfAvataronBottom}
  316. width:400px;
  317. {block:IfNotAvataronBottom}
  318. margin:-200px 0 0 20px;
  319. {/block:IfNotAvataronBottom}
  320. padding:10px;
  321. transition:all 0.8s ease;
  322. -webkit-transition:all 0.8s ease;
  323. -moz-transition:all 0.8s ease;
  324. -o-transition:all 0.8s ease;
  325. -ms-transition:all 0.8s ease;
  326. opacity:0;
  327. }
  328.  
  329. #desc #ava {
  330. float:left;
  331. width:100px;
  332. {block:IfRoundCorners}
  333. -webkit-border-top-left-radius:20px;
  334. -webkit-border-bottom-right-radius:20px;
  335. -moz-border-radius-topleft:20px;
  336. -moz-border-radius-bottomright:20px;
  337. border-top-left-radius:20px;
  338. border-bottom-right-radius:20px;
  339. {/block:IfRoundCorners}
  340. transition:all 0.8s ease;
  341. -webkit-transition:all 0.8s ease;
  342. -moz-transition:all 0.8s ease;
  343. -o-transition:all 0.8s ease;
  344. -ms-transition:all 0.8s ease;
  345. {block:IfMonochrome}
  346. -webkit-filter:grayscale(100%);
  347. {/block:IfMonochrome}
  348. overflow:hidden;
  349. }
  350.  
  351. #desc.load {
  352. {block:IfNotAvataronBottom}
  353. margin:10px 0 0 20px;
  354. {/block:IfNotAvataronBottom}
  355. {block:IfAvataronBottom}
  356. right:20px;
  357. bottom:10px;
  358. {/block:IfAvataronBottom}
  359. opacity:1;
  360. }
  361.  
  362. #desc #ava:hover {
  363. {block:IfMonochrome}
  364. -webkit-filter:grayscale(0%);
  365. {/block:IfMonochrome}
  366. }
  367.  
  368. #desc p:first-letter {
  369. font-size:16px;
  370. }
  371.  
  372. #desc p {
  373. position:absolute;
  374. width:300px;
  375. height:50px;
  376. margin:20px 0 0 100px;
  377. padding:10px;
  378. color:{color:Description};
  379. {block:IfItalicDescription}font-style:italic;{/block:IfItalicDescription}
  380. }
  381.  
  382. #title {
  383. position:absolute;
  384. width:100%;
  385. {block:IfNotDetailsOnTop}
  386. {block:IfNotDetailsOnCenter}
  387. {block:IfNotDetailsOnBottom}
  388. margin-top:-90px;
  389. {/block:IfNotDetailsOnBottom}
  390. {/block:IfNotDetailsOnCenter}
  391. {/block:IfNotDetailsOnTop}
  392. {block:IfDetailsOnTop}top:-50px;{/block:IfDetailsOnTop}
  393. {block:IfDetailsOnCenter}margin-top:-210px;{/block:IfDetailsOnCenter}
  394. {block:IfDetailsOnBottom}bottom:130px;{/block:IfDetailsOnBottom}
  395. text-align:center;
  396. transition:all 0.5s ease;
  397. -webkit-transition:all 0.5s ease;
  398. -moz-transition:all 0.5s ease;
  399. -o-transition:all 0.5s ease;
  400. -ms-transition:all 0.5s ease;
  401. z-index:2;
  402. opacity:0;
  403. }
  404.  
  405. #title p {
  406. color:{color:Subtitle};
  407. {block:IfItalicSubtitle}font-style:italic;{/block:IfItalicSubtitle}
  408. }
  409.  
  410. #title.load {
  411. {block:IfDetailsOnTop}margin-top:98px;{/block:IfDetailsOnTop}
  412. {block:IfDetailsOnCenter}margin-top:-90px;{/block:IfDetailsOnCenter}
  413. {block:IfDetailsOnBottom}margin-bottom:-115px;{/block:IfDetailsOnBottom}
  414. opacity:1;
  415. }
  416.  
  417. h1, h1 a {
  418. margin:0;
  419. color:{color:Title};
  420. font-family:Tenali Ramakrishna;
  421. font-size:30px;
  422. }
  423.  
  424. #all {
  425. {block:IndexPage}width:10000000000px;{/block:IndexPage}
  426. height:273px;
  427. max-height:273px;
  428. }
  429.  
  430. #poost {
  431. display:table;
  432. {block:IndexPage}float:left;{/block:IndexPage}
  433. {block:PermalinkPage}
  434. float:right;
  435. {block:IfReversePostsOnPermalink}
  436. float:left;
  437. {/block:IfReversePostsOnPermalink}
  438. margin-top:20px;
  439. {/block:PermalinkPage}
  440. height:250px;
  441. }
  442.  
  443. #post2 {
  444. display:table-cell;
  445. vertical-align:middle;
  446. width:250px;
  447. max-height:250px;
  448. color:{color:Post Text};
  449. overflow:hidden;
  450. }
  451.  
  452. #post {
  453. background:{color:Post Background};
  454. width:250px;
  455. max-height:250px;
  456. margin:0 10px;
  457. padding:10px 0;
  458. {block:IfRoundCorners}
  459. -webkit-border-top-left-radius:50px;
  460. -webkit-border-bottom-right-radius:50px;
  461. -moz-border-radius-topleft:50px;
  462. -moz-border-radius-bottomright:50px;
  463. border-top-left-radius:50px;
  464. border-bottom-right-radius:50px;
  465. {/block:IfRoundCorners}
  466. transition:all 0.5s ease;
  467. -webkit-transition:all 0.5s ease;
  468. -moz-transition:all 0.5s ease;
  469. -o-transition:all 0.5s ease;
  470. -ms-transition:all 0.5s ease;
  471. overflow:hidden;
  472. {block:PermalinkPage}overflow-y:auto;{/block:PermalinkPage}
  473. }
  474.  
  475. #post:hover {
  476. box-shadow:4px 4px 0 rgba(0, 0, 0, 0.5);
  477. }
  478.  
  479. #post h4 {
  480. background:rgba(0, 0, 0, 0.7);
  481. padding:{text:Post Title Padding};
  482. color:{color:Post Title};
  483. font-family:Rajdhani;
  484. font-size:12px;
  485. cursor:default;
  486. }
  487.  
  488. #post h4 a {
  489. color:{color:Post Title};
  490. }
  491.  
  492. #post p {
  493. padding:0 10px;
  494. overflow:hidden;
  495. }
  496.  
  497. #post p a, #tags a, #options a {
  498. background:rgba(0, 0, 0, 0.5);
  499. padding:0 5px;
  500. color:{color:Links};
  501. transition:all 0.5s ease;
  502. -webkit-transition:all 0.5s ease;
  503. -moz-transition:all 0.5s ease;
  504. -o-transition:all 0.5s ease;
  505. -ms-transition:all 0.5s ease;
  506. }
  507.  
  508. #post p a:hover {
  509. background:{color:Background};
  510. }
  511.  
  512. #post .photoset {
  513. max-height:250px;
  514. overflow:hidden;
  515. }
  516.  
  517. #options {
  518. margin:0 0 -25px 30px;
  519. font-family:Calibri;
  520. font-size:10px;
  521. text-transform:uppercase;
  522. }
  523.  
  524. .like_button {
  525. display:inline-block!important;
  526. position:relative;
  527. cursor:default!important;
  528. }
  529.  
  530. .like_button iframe {
  531. display:inline-block!important;
  532. position:absolute;
  533. top:0;
  534. left:0;
  535. width:100%;
  536. height:100%;
  537. cursor:pointer!important;
  538. opacity:0;
  539. }
  540.  
  541. .like_button::before {
  542. content:'Like';
  543. background:rgba(0, 0, 0, 0.5);
  544. padding:0 5px;
  545. color:{color:Links};
  546. transition:all 0.5s ease;
  547. -webkit-transition:all 0.5s ease;
  548. -moz-transition:all 0.5s ease;
  549. -o-transition:all 0.5s ease;
  550. -ms-transition:all 0.5s ease;
  551. }
  552.  
  553. .like_button:hover::before {
  554. background:{color:Background};
  555. letter-spacing:1px;
  556. }
  557.  
  558. .like_button.liked::before {
  559. content:'Unlike';
  560. }
  561.  
  562. #options, #tags {
  563. width:200px;
  564. padding:3px;
  565. text-align:center;
  566. transition:all 0.5s ease;
  567. -webkit-transition:all 0.5s ease;
  568. -moz-transition:all 0.5s ease;
  569. -o-transition:all 0.5s ease;
  570. -ms-transition:all 0.5s ease;
  571. opacity:0;
  572. }
  573.  
  574. #tags {
  575. margin:-20px 0 0 30px;
  576. }
  577.  
  578. #options a, #tags a {
  579. display:inline-block;
  580. margin-bottom:3px;
  581. }
  582.  
  583. #options a:hover, #tags a:hover {
  584. background:{color:Background};
  585. letter-spacing:1px;
  586. }
  587.  
  588. #poost:hover #tags {
  589. margin:5px 0 0 30px;
  590. opacity:1;
  591. }
  592.  
  593. #poost:hover #options {
  594. margin:0 0 0 30px;
  595. opacity:1;
  596. }
  597.  
  598. {block:PermalinkPage}
  599. #permalink {
  600. width:550px;
  601. margin:auto;
  602. }
  603. {/block:PermalinkPage}
  604.  
  605. #info {
  606. position:absolute;
  607. background:rgba(0, 0, 0, 0.5);
  608. width:200px;
  609. height:92px;
  610. margin:150px 0 0 20px;
  611. {block:IfReversePostsOnPermalink}
  612. margin:150px 0 0 270px;
  613. {/block:IfReversePostsOnPermalink}
  614. padding:30px;
  615. font-family:Rajdhani;
  616. font-size:12px;
  617. {block:IfRoundCorners}
  618. -webkit-border-bottom-right-radius:50px;
  619. -moz-border-radius-bottomright:50px;
  620. border-bottom-right-radius:50px;
  621. {/block:IfRoundCorners}
  622. }
  623.  
  624. #info a {
  625. display:block;
  626. transition:all 0.5s ease;
  627. -webkit-transition:all 0.5s ease;
  628. -moz-transition:all 0.5s ease;
  629. -o-transition:all 0.5s ease;
  630. -ms-transition:all 0.5s ease;
  631. white-space:nowrap;
  632. }
  633.  
  634. #info a:hover {
  635. letter-spacing:2px;
  636. }
  637.  
  638. #nootes {
  639. position:absolute;
  640. background:{color:Post Background};
  641. margin-left:20px;
  642. {block:IfReversePostsOnPermalink}
  643. margin-left:270px;
  644. {/block:IfReversePostsOnPermalink}
  645. padding:30px;
  646. {block:IfRoundCorners}
  647. -webkit-border-top-left-radius:50px;
  648. -moz-border-radius-topleft:50px;
  649. border-top-left-radius:50px;
  650. {/block:IfRoundCorners}
  651. }
  652.  
  653. #notes {
  654. width:200px;
  655. height:95px;
  656. overflow-y:auto;
  657. }
  658.  
  659. ol.notes {
  660. margin:0;
  661. padding:0;
  662. list-style-type:none;
  663. }
  664.  
  665. ol.notes li.note, ol.notes li.note a {
  666. color:{color:Links};
  667. font-family:Rajdhani;
  668. line-height:30px;
  669. }
  670.  
  671. ol.notes li.note img.avatar {
  672. float:left;
  673. width:30px;
  674. margin:0 2px 2px 0;
  675. -webkit-border-radius:20px;
  676. -moz-border-radius:20px;
  677. border-radius:20px;
  678. overflow:hidden;
  679. }
  680.  
  681. ol.notes li.note blockquote, ol.notes li.note span.action, ol.notes li.note .answer_content {
  682. display:none;
  683. }
  684.  
  685. #tags2 {
  686. position:fixed;
  687. {block:IfNotAvatarOnBottom}bottom:70px;{/block:IfNotAvatarOnBottom}
  688. {block:IfAvatarOnBottom}bottom:300px;{/block:IfAvatarOnBottom}
  689. width:550px;
  690. font-family:Rajdhani;
  691. font-size:11px;
  692. text-align:center;
  693. transition:all 0.5s ease;
  694. -webkit-transition:all 0.5s ease;
  695. -moz-transition:all 0.5s ease;
  696. -o-transition:all 0.5s ease;
  697. -ms-transition:all 0.5s ease;
  698. opacity:0;
  699. }
  700.  
  701. #tags2.load {
  702. bottom:170px;
  703. opacity:1;
  704. }
  705.  
  706. #tags2 a {
  707. display:inline-block;
  708. margin:0 10px;
  709. transition:all 0.5s ease;
  710. -webkit-transition:all 0.5s ease;
  711. -moz-transition:all 0.5s ease;
  712. -o-transition:all 0.5s ease;
  713. -ms-transition:all 0.5s ease;
  714. }
  715.  
  716. #tags2 a:hover {
  717. background:rgba(0, 0, 0, 0.5);
  718. padding:0 10px;
  719. margin-left:-5px;
  720. }
  721.  
  722. #top {
  723. position:fixed;
  724. top:0;
  725. background:{color:Top Background} url('{image:Top Background}') fixed no-repeat center top;
  726. width:100%;
  727. height:140px;
  728. {block:IfDetailsOnCenter}z-index:4;{/block:IfDetailsOnCenter}
  729. }
  730.  
  731. #bottom {
  732. position:fixed;
  733. bottom:0;
  734. background:{color:Bottom Background} url('{image:Bottom Background}') fixed no-repeat center bottom;
  735. width:100%;
  736. height:140px;
  737. }
  738.  
  739. #player {
  740. position:absolute;
  741. margin-top:100px;
  742. transition:all 0.8s ease;
  743. -webkit-transition:all 0.8s ease;
  744. -moz-transition:all 0.8s ease;
  745. -o-transition:all 0.8s ease;
  746. -ms-transition:all 0.8s ease;
  747. opacity:0;
  748. }
  749.  
  750. #desc:hover #player {
  751. margin-top:80px;
  752. opacity:1;
  753. }
  754.  
  755. {block:IfMonochrome}
  756. .monochrome {
  757. -webkit-filter:grayscale(100%);
  758. }
  759. .monochrome:hover {
  760. -webkit-filter:grayscale(0%);
  761. }
  762. {/block:IfMonochrome}
  763.  
  764. .loading {
  765. height:200px;
  766. text-align:center;
  767. }
  768.  
  769. #tumblr_lightbox {
  770. background-color:transparent!important;
  771. }
  772.  
  773. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  774. border-radius:0!important;
  775. -moz-border-radius:0!important;
  776. -webkit-border-radius:0!important;
  777. -o-border-radius:0!important;
  778. box-shadow:0 0 0 transparent!important;
  779. }
  780.  
  781. #tumblr_lightbox_caption {
  782. text-shadow:0 0 0 transparent!important;
  783. }
  784.  
  785. </style>
  786. </head>
  787.  
  788. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  789.  
  790. <body>
  791.  
  792. <div id="top">
  793. {block:IfNotAvataronBottom}
  794. <div id="desc">
  795. <img src="{image:Ava}" id="ava">
  796. <div id="player">{text:Music Code}</div>
  797. <p>{Description}</p>
  798. </div>
  799. {/block:IfNotAvataronBottom}
  800. </div>
  801.  
  802. {block:IfAvataronBottom}
  803. <div id="desc">
  804. <img src="{image:Ava}" id="ava">
  805. <div id="player">{text:Music Code}</div>
  806. <p>{Description}</p>
  807. </div>
  808. {/block:IfAvataronBottom}
  809.  
  810. <div id="bottom"></div>
  811.  
  812.  
  813. <div id="center"><div id="centeer"><div id="scroll"><div id="links">
  814. {block:IfLink1}<a href="{text:Link1 URL}">{text:Link1}</a>{/block:IfLink1}
  815. {block:IfLink2}<a href="{text:Link2 URL}">{text:Link2}</a>{/block:IfLink2}
  816. {block:IfLink3}<a href="{text:Link3 URL}">{text:Link3}</a>{/block:IfLink3}
  817. {block:IfLink4}<a href="{text:Link4 URL}">{text:Link4}</a>{/block:IfLink4}
  818. {block:IfLink5}<a href="{text:Link5 URL}">{text:Link5}</a>{/block:IfLink5}
  819. {block:IfLink6}<a href="{text:Link6 URL}">{text:Link6}</a>{/block:IfLink6}
  820. {block:IfLink7}<a href="{text:Link7 URL}">{text:Link7}</a>{/block:IfLink7}
  821. {block:IfLink8}<a href="{text:Link8 URL}">{text:Link8}</a>{/block:IfLink8}
  822. {block:IfLink9}<a href="{text:Link5 URL}">{text:Link5}</a>{/block:IfLink9}
  823. {block:IfLink10}<a href="{text:Link6 URL}">{text:Link6}</a>{/block:IfLink10}
  824. {block:IfLink11}<a href="{text:Link7 URL}">{text:Link7}</a>{/block:IfLink11}
  825. {block:IfLink12}<a href="{text:Link8 URL}">{text:Link8}</a>{/block:IfLink12}
  826. </div>
  827.  
  828. <div id="title">
  829. <p>{text:Subtitle}</p>
  830. <h1><a href="/">{Title}</a></h1>
  831. </div>
  832.  
  833.  
  834.  
  835. <div id="all">
  836. <div class="autopagerize_page_element">
  837. <div id="permalink">
  838.  
  839.  
  840.  
  841. {block:Posts}
  842.  
  843. {block:PermalinkPage}
  844. <div id="info">
  845. {block:NoteCount}
  846. <a href="{Permalink}">×× {NoteCount} {text:Notes Label} ××</a>
  847. {/block:NoteCount}
  848. {block:RebloggedFrom}
  849. <a href="{ReblogParentURL}">Reblogged from [[{ReblogParentName}]]<br>
  850. <blockquote>{ReblogParentTitle}</blockquote></a>
  851. {block:ContentSource}
  852. <a href="{ReblogRootURL}">Source [[{ReblogRootName}]]<br>
  853. <blockquote>{ReblogRootTitle}</blockquote></a>
  854. {/block:ContentSource}
  855. {/block:RebloggedFrom}
  856. {block:NotReblog}
  857. {block:Date}<a href="{Permalink}">Posted　[[{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}]]</a>{/block:Date}
  858. {/block:NotReblog}
  859. </div>
  860. {/block:PermalinkPage}
  861.  
  862. <div id="poost"><div id="post2">
  863. {block:IndexPage}
  864. <div id="options">
  865. {block:IfLikeReblogLinks}
  866. {LikeButton color="grey" size="10"}
  867. <a href="{ReblogURL}" target="_blank">Reblog</a>
  868. {/block:IfLikeReblogLinks}
  869. <a href="{Permalink}">{text:Go to Post}</a>
  870. {block:Answer}<br>Sent by {Asker}{/block:Answer}
  871. </div>
  872. {/block:IndexPage}
  873.  
  874.  
  875.  
  876. <div id="post">
  877.  
  878.  
  879.  
  880. {block:Answer}
  881. <h4>{Question}</h4>
  882. <p>{Answer}</p>
  883. {/block:Answer}
  884.  
  885. {block:Text}
  886. {block:Title}<h4>{Title}</h4>{/block:Title}
  887. <p>{Body}</p>
  888. {/block:Text}
  889.  
  890. {block:Photo}
  891. {LinkOpenTag}
  892. <img src="{PhotoURL-250}" alt="{PhotoAlt}" class="photoset monochrome">
  893. {LinkCloseTag}
  894. {block:Caption}<p>{Caption}</p>{/block:Caption}
  895. {/block:Photo}
  896.  
  897. {block:Photoset}
  898. <div class="photoset monochrome">
  899. {Photoset-250}
  900. </div>
  901. {block:Caption}<p>{Caption}</p>{/block:Caption}
  902. {/block:Photoset}
  903.  
  904. {block:Quote}
  905. <h4>"{Quote}"</h4>
  906. {block:Source}<p>- {Source}</p>{/block:Source}
  907. {/block:Quote}
  908.  
  909. {block:Link}
  910. <h4><a href="{URL}" target="_blank">{Name}</a></h4>
  911. {block:Description}<p>{Description}</p>{/block:Description}
  912. {/block:Link}
  913.  
  914. {block:Chat}
  915. {block:Title}<h4>{Title}</h4>{/block:Title}
  916. <p>{block:Lines}
  917. {block:Label}<a>{Label}</a>{/block:Label} {Line}</br>{/block:Lines}</p>
  918. {/block:Chat}
  919.  
  920. {block:Audio}
  921. <h4>{block:TrackName}<b>Song:</b> {TrackName}<br />{/block:TrackName}
  922. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  923. {block:Album}<b>Album:</b> {Album}{/block:Album}
  924. <br /><b>Plays:</b> {FormattedPlayCount}</h4>
  925. <div id="playeer"><div id="player">{AudioPlayerBlack}</div></div>
  926. {block:Caption}{Caption}{/block:Caption}
  927. {/block:Audio}
  928.  
  929. {block:Video}
  930. <div class="monochrome">{Video-250}</div>
  931. {block:Caption}{Caption}{/block:Caption}
  932. {/block:Video}
  933.  
  934. </div>
  935.  
  936. {block:IndexPage}{block:HasTags}
  937. <div id="tags">
  938. {block:Tags}<a href="{TagURL}">x {Tag}</a>&nbsp;&nbsp;{/block:Tags}
  939. </div>
  940. {/block:HasTags}{/block:IndexPage}
  941.  
  942. </div></div>
  943.  
  944. {block:PermalinkPage}
  945. <div id="nootes"><div id="notes">
  946. {block:PostNotes}{PostNotes-64}{/block:PostNotes}
  947. </div></div>
  948.  
  949. {block:HasTags}
  950. <div id="tags2">
  951. {block:Tags}<a href="{TagURL}">x {Tag}</a>&nbsp;&nbsp;{/block:Tags}
  952. </div>
  953. {/block:HasTags}
  954. {/block:PermalinkPage}
  955.  
  956.  
  957.  
  958. {/block:Posts}
  959.  
  960. <!-- {block:NoRebloggedFrom}
  961. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  962. {/block:NoRebloggedFrom} -->
  963. {block:ContentSource}<!-- {SourceURL}
  964. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  965. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  966. {/block:ContentSource}
  967.  
  968. </div></div>
  969.  
  970. {block:IndexPage}
  971. <div id="poost"><div id="post2"><div id="post" class="loading">
  972. <h4 style="margin-top:80px;">Loading posts...</h4></div></div></div>
  973. {/block:IndexPage}
  974.  
  975.  
  976.  
  977. </div></div></div></div>
  978.  
  979.  
  980.  
  981. </body>
  982. </html>
  983.  
  984.  
  985. <!--
  986.  
  987. THEME MADE BY BAKATHEMES OR AKATSUKII @ TUMBLR
  988. Edit/tweak as much as you like but pleeeeaaaase
  989. DO NOT remove the credits, copy and
  990. redistribute the theme as your own.
  991. You'll be my dinner if you do. Mwahahaha! *drools*
  992.  
  993. -->
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!