API tools faq
paste
Advertisement
sasorisbutt

Shingeki no Kyojin - BakaThemes

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