API tools faq
paste
azurethemes

$$$ 026 "heisenberg" $$$

azurethemes
May 24th, 2015
487
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.68 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/zkwuipe/5lbnec446/normalize.css" />
  3. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/zkwuipe/nDvnec45t/demo.css" />
  4. <script src="http://tympanus.net/Tutorials/AnimatedBorderMenus/js/modernizr.custom.js"></script>
  5. <script>
  6. (function($){
  7. $(document).ready(function(){
  8. $("a[title]").style_my_tooltips({
  9. tip_follows_cursor:true,
  10. tip_delay_time:30,
  11. tip_fade_speed:300,
  12. attribute:"title"
  13. });
  14. });
  15. })(jQuery);
  16.  
  17. **
  18. * borderMenu.js v1.0.0
  19. * http://www.codrops.com
  20. *
  21. * Licensed under the MIT license.
  22. * http://www.opensource.org/licenses/mit-license.php
  23. *
  24. * Copyright 2013, Codrops
  25. * http://www.codrops.com
  26.  
  27.  
  28. return check;
  29. }
  30.  
  31. function init() {
  32.  
  33. var menu = document.getElementById( 'bt-menu' ),
  34. trigger = menu.querySelector( 'a.bt-menu-trigger' ),
  35. // triggerPlay only for demo 6
  36. triggerPlay = document.querySelector( 'a.bt-menu-trigger-out' ),
  37. // event type (if mobile use touch events)
  38. eventtype = mobilecheck() ? 'touchstart' : 'click',
  39. resetMenu = function() {
  40. classie.remove( menu, 'bt-menu-open' );
  41. classie.add( menu, 'bt-menu-close' );
  42. },
  43. closeClickFn = function( ev ) {
  44. resetMenu();
  45. overlay.removeEventListener( eventtype, closeClickFn );
  46. };
  47.  
  48. var overlay = document.createElement('div');
  49. overlay.className = 'bt-overlay';
  50. menu.appendChild( overlay );
  51.  
  52. trigger.addEventListener( eventtype, function( ev ) {
  53. ev.stopPropagation();
  54. ev.preventDefault();
  55.  
  56. if( classie.has( menu, 'bt-menu-open' ) ) {
  57. resetMenu();
  58. }
  59. else {
  60. classie.remove( menu, 'bt-menu-close' );
  61. classie.add( menu, 'bt-menu-open' );
  62. overlay.addEventListener( eventtype, closeClickFn );
  63. }
  64. });
  65.  
  66. if( triggerPlay ) {
  67. triggerPlay.addEventListener( eventtype, function( ev ) {
  68. ev.stopPropagation();
  69. ev.preventDefault();
  70.  
  71. classie.remove( menu, 'bt-menu-close' );
  72. classie.add( menu, 'bt-menu-open' );
  73. overlay.addEventListener( eventtype, closeClickFn );
  74. });
  75. }
  76.  
  77. }
  78.  
  79. init();
  80.  
  81. })();
  82.  
  83. </script>
  84. <head>
  85.  
  86. <title>{Title}</title>
  87. <link rel="shortcut icon" href="{Favicon}">
  88. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  89. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  90.  
  91. <!---- $$$ theme 26 "heisenberg" by azureofrp $$$
  92. $$$ dont be a dick and steal anything of my coding pls $$$
  93. $$$ dont claim my themes as your own $$$
  94. $$$ for questions, just check out my faq $$$
  95. --->
  96.  
  97.  
  98.  
  99.  
  100. <meta name="color:background" content="#c3cccc"/>
  101. <meta name="color:text" content="#000000"/>
  102. <meta name="color:button" content="#000000"/>
  103. <meta name="color:post text" content="#b6b6b6"/>
  104. <meta name="color:title text" content="#ffffff"/>
  105. <meta name="color:links" content="#ffffff"/>
  106. <meta name="color:italic" content="#000000">
  107. <meta name="color:bold" content="#000000">
  108. <meta name="color:hover" content="#c1b8b8">
  109. <meta name="color:text shadow" content="#ffffff">
  110. <meta name="color:blockquote" content="#c3cccc">
  111. <meta name="color:blockquote border" content="#ffffff">
  112. <meta name="color:border" content="#000000">
  113. <meta name="color:ask border" content="#000000">
  114.  
  115.  
  116.  
  117.  
  118. <meta name="color:h1 background" content="#c3cccc">
  119. <meta name="color:hover background" content="#d7d1d1">
  120. <meta name="color:title background" content="#c1b6b6"/>
  121. <meta name="color:post background" content="#000000">
  122. <meta name="color:description background" content="#a1adad">
  123. <meta name="color:links background" content="#a1adad">
  124. <meta name="color:info background" content="#a1adad">
  125. <meta name="color:ask background" content="#adb3b3">
  126. <meta name="color:scrollbar" content="#473f3f">
  127. <meta name="color:scrollbar background" content="#616b6b">
  128.  
  129.  
  130. <meta name="image:background" content=""/>
  131. <meta name="image:ask background" content=""/>
  132. <meta name="image:admin 1" content=""/>
  133. <meta name="image:admin 2" content=""/>
  134. <meta name="image:admin 3" content=""/>
  135. <meta name="image:sidebar" content=""/>
  136.  
  137.  
  138.  
  139.  
  140. <meta name="text:title" content="">
  141.  
  142.  
  143.  
  144.  
  145. <meta name="text:link 1" content="Link 1">
  146. <meta name="text:link 2" content="Link 2">
  147. <meta name="text:link 3" content="Link 3">
  148.  
  149.  
  150.  
  151.  
  152.  
  153.  
  154.  
  155.  
  156.  
  157.  
  158.  
  159.  
  160.  
  161.  
  162. <meta name="text:link 1 url" content="/">
  163. <meta name="text:link 2 url" content="/">
  164. <meta name="text:link 3 url" content="/">
  165.  
  166.  
  167.  
  168.  
  169.  
  170.  
  171.  
  172.  
  173.  
  174.  
  175.  
  176.  
  177.  
  178.  
  179.  
  180.  
  181.  
  182.  
  183.  
  184.  
  185.  
  186.  
  187.  
  188.  
  189. <style type="text/css">
  190.  
  191. ::-webkit-scrollbar-thumb {
  192. height:5px;
  193. border:2px solid {color:scrollbar background};
  194. background-color:{color:scrollbar};
  195. }
  196.  
  197. ::-webkit-scrollbar {
  198. height:0px;
  199. width:6px;
  200. background-color:{color:scrollbar background};
  201. }
  202. #s-m-t-tooltip {
  203. max-width:300px;
  204. padding:3px 5px 3px 5px;
  205. margin:20px 0px 0px 20px;
  206. background:{color:description background};
  207. box-shadow: 1px 1px 2px {color:border shadow};
  208. color:{color:text};
  209. text-transform:uppercase;
  210. font-weight:bold;
  211. letter-spacing:1px;
  212. font-style:italic;
  213. z-index:999999999999999999999999999999999999;
  214. font-family:'arial';
  215. font-size:8px;
  216. }
  217.  
  218.  
  219.  
  220.  
  221. body {
  222. background-color:{color:background};
  223. background-image:url('{image:background}');
  224. background-attachment: fixed;
  225. background-repeat: repeat;
  226. font-family:arial;
  227. font-size:10px;
  228. text-align:justify;
  229. color:{color:txt};
  230. margin:0;
  231.  
  232.  
  233. }
  234.  
  235. a {
  236. text-decoration:none;
  237. color:{color:links};
  238. transition-duration: 0.2s;
  239. -moz-transition-duration: 0.2s;
  240. -webkit-transition-duration: 0.3s;
  241. -o-transition-duration: 0.3s;
  242. }
  243.  
  244. a:hover {
  245. text-decoration:none;
  246. color:{color:hover};
  247. transition-duration: 0.2s;
  248. -moz-transition-duration: 0.2s;
  249. -webkit-transition-duration: 0.3s;
  250. -o-transition-duration: 0.3s;
  251.  
  252. }
  253.  
  254. img {
  255. border:none;
  256.  
  257.  
  258.  
  259. }
  260.  
  261. blockquote {
  262. font-size:10px;
  263. max-width:545px;
  264. border-left:2px solid{color:blockquote border};
  265. background-color:{color:blockquote};
  266. text-align:left;
  267. padding:7px;
  268. margin-left:5px;
  269. margin-right:5px;
  270. padding-left:5px;
  271. color:{color:text};
  272.  
  273. }
  274.  
  275. pre{
  276. margin-top:0px;
  277. margin-bottom:5px;
  278. letter-spacing:1px;
  279. font-size:10px;
  280. background-color:{color:blockquote};
  281. padding:5px;
  282. color:{color:text};
  283. text-transform:uppercase;
  284. font-family:arial;
  285. font-weight:bold;
  286. text-align:center;
  287. }
  288.  
  289. small{
  290. font-size:10px;
  291. }
  292.  
  293. big{
  294. font-size:10px;
  295. }
  296.  
  297. sub{
  298. font-size:10px;
  299. }
  300.  
  301.  
  302. h1 {
  303. font-size:11px;
  304. text-transform:uppercase;
  305. text-align:center;
  306. font-family:utsaah;
  307. font-weight:bold;
  308. letter-spacing:0px;
  309. background-color:{color:h1 background};
  310. color:{color:text};
  311. padding:6px;
  312.  
  313.  
  314. }
  315.  
  316. h1 a{
  317. color:{color:text};
  318. }
  319.  
  320.  
  321. h2{
  322. color:{color:text};
  323. text-transform:uppercase;
  324. text-shadow: 1px 1px 0px {color:text shadow};
  325. text-align:left;
  326. font-style:italic;
  327.  
  328. }
  329.  
  330.  
  331.  
  332. b {
  333. font-weight:bold;
  334. color:{color:bold};
  335.  
  336.  
  337. }
  338.  
  339. i {
  340. font-weight:italic;
  341. color:{color:italic};
  342.  
  343.  
  344. }
  345.  
  346. u {
  347. text-decoration:none;
  348. border-bottom:1px solid {color:border};
  349.  
  350.  
  351. }
  352.  
  353.  
  354.  
  355.  
  356.  
  357.  
  358.  
  359. #description {
  360. overflow:auto;
  361. position:fixed;
  362. text-align:center;
  363. margin-top:321px;
  364. margin-left:170px;
  365. text-transform:none;
  366. font-style:normal;
  367. font-family:arial;
  368. width:233px;
  369. height:63px;
  370. opacity:1;
  371. line-height:10px;
  372. color:{color:text};
  373. background:{color:description background};
  374. padding:10px;
  375. letter-spacing:0.1px;
  376. padding-top:5px;
  377. font-size:9.5px;
  378. z-index:999;
  379. }
  380.  
  381.  
  382.  
  383.  
  384.  
  385.  
  386.  
  387.  
  388. #pagination {
  389. font-size:14px;
  390. font-style:normal;
  391. position:fixed;
  392. text-align:center;
  393. letter-spacing:1px;
  394. margin-left:334px;
  395. margin-top:-44px;
  396. padding:5px;
  397. line-height:15px;
  398. height:22px;
  399. width:55px;
  400. font-weight:bold;
  401. display:inline-block;
  402. color:{color:title text};
  403. background:{color:links background};
  404. z-index:999;
  405. font-family:'utsaah';
  406. text-shadow:1px 0px 1px {color:text shadow};
  407. transition-duration: 0.9s;
  408. -moz-transition-duration:0.9s;
  409. -webkit-transition-duration:0.9s;
  410. -o-transition-duration:0.9s;
  411.  
  412.  
  413.  
  414.  
  415.  
  416. }
  417.  
  418. #pagination:hover{
  419. color:{color:hover};
  420. transition-duration: 0.9s;
  421. -moz-transition-duration:0.9s;
  422. -webkit-transition-duration:0.9s;
  423. -o-transition-duration:0.9s;
  424.  
  425.  
  426.  
  427.  
  428. }
  429. #title {
  430. width:233px;
  431. height:15px;
  432. position:fixed;
  433. padding-top:10px;
  434. padding-bottom:10px;
  435. padding-left:10px;
  436. padding-right:10px;
  437. line-height:4px;
  438. margin-top:301px;
  439. font-weight:bold;
  440. color:{color:title text};
  441. margin-left:170px;
  442. text-transform:uppercase;
  443. font-size:11px;
  444. font-family:'utsaah';
  445. background:{color:title background};
  446. text-align:center;
  447. overflow:hidden;
  448. letter-spacing:0px;
  449. z-index:999;
  450. opacity:1;
  451.  
  452. }
  453.  
  454.  
  455.  
  456.  
  457.  
  458. #sidebar1 {
  459. position:fixed;
  460. opacity:1;
  461. background-image:url('{image:sidebar}');
  462. width:233px;
  463. height:280px;
  464. top:160px;
  465. margin-left:170px;
  466. background:{color:info background};
  467. z-index:999;
  468.  
  469.  
  470.  
  471. }
  472.  
  473.  
  474. #admin1 {
  475. position:fixed;
  476. width:85px;
  477. margin-top:190px;
  478. padding:10px;
  479. height:85px;
  480. margin-left:180px;
  481. background-color:transparent;
  482. z-index:-9999999999;
  483. }
  484.  
  485. #admin1image {
  486. width 85px;
  487. z-index:-99999;
  488. }
  489.  
  490. #admin1image img {
  491. width:85px;
  492. height:85px;
  493. margin-left:26px;
  494. border-radius:100px;
  495. margin-top:30px;
  496. position:fixed;
  497. opacity:1;
  498. border:solid 4px {color:ask border};
  499. z-index:-9999999999;
  500.  
  501.  
  502.  
  503. }
  504.  
  505. #admin2 {
  506. position:fixed;
  507. width:85px;
  508. margin-top:190px;
  509. padding:10px;
  510. height:85px;
  511. margin-left:10px;
  512. background-color:transparent;
  513. z-index:-999999999;
  514. }
  515.  
  516. #admin2image {
  517. width 85px;
  518. z-index:-99999;
  519. }
  520.  
  521. #admin2image img {
  522. width:85px;
  523. height:85px;
  524. border-radius:100px;
  525. margin-left:26px;
  526. margin-top:160px;
  527. position:fixed;
  528. opacity:1;
  529. border:solid 4px {color:ask border};
  530. z-index:-9999999999;
  531.  
  532. }
  533.  
  534. #admin3 {
  535. position:fixed;
  536. width:85px;
  537. margin-top:190px;
  538. padding:10px;
  539. height:85px;
  540. margin-left:180px;
  541. background-color:transparent;
  542. z-index:-99999;
  543. }
  544.  
  545. #admin3image {
  546. width 85px;
  547. z-index:99999;
  548. }
  549.  
  550. #admin3image img {
  551. width:85px;
  552. height:85px;
  553. border-radius:100px;
  554. margin-left:26px;
  555. margin-top:290px;
  556. position:fixed;
  557. opacity:1;
  558. border:solid 4px {color:ask border};
  559. z-index:-9999999999;
  560.  
  561.  
  562.  
  563. }
  564. #background {
  565. width:270px;
  566. height:400px;
  567. background:{color:border};
  568. z-index:-9999999;
  569. margin-top:60px;
  570. border:1px solid {color:ask border};
  571. margin-left:150px;
  572.  
  573. }
  574.  
  575.  
  576.  
  577.  
  578.  
  579. #entries {
  580. position:fixed;
  581. z-index:999;
  582. height:399px;
  583. width:544px;
  584. overflow:auto;
  585. margin-left:533px;
  586. margin-top:-480px;
  587. background:{color:border};
  588. outline:1px solid {color:ask border};
  589. border-left:18px solid {color:border};
  590. border-top:18px solid {color:border};
  591. border-bottom:18px solid {color:border};
  592.  
  593.  
  594.  
  595.  
  596.  
  597. }
  598.  
  599. #post{
  600. padding:15px;
  601. width:500px;
  602. background-color:{color:post background};
  603. overflow:hidden;
  604. color:{color:post text};
  605. border:1.5px solid {color:ask border};
  606. margin-bottom:12px;
  607. margin-left:0px;
  608. float:center;
  609. z-index:999;
  610.  
  611. }
  612.  
  613.  
  614.  
  615. #info {
  616. width:520px;
  617. text-align:center;
  618. font-family:utsaah;
  619. font-size:4px;
  620. padding:7px;
  621. color:{color:text};
  622. font-weight:bold;
  623. line-height:10px;
  624. background-color:{color:info background};
  625. margin-top:5px;
  626. margin-left:-15px;
  627. font-size:10px;
  628. margin-bottom:-15px;
  629. text-transform:uppercase;
  630. letter-spacing:0px;
  631. text-shadow:1px 0px 1px {color:text shadow};
  632. padding:5px;
  633. transition-duration: 1.0s;
  634. -moz-transition-duration: 1.0s;
  635. -webkit-transition-duration: 1.0s;
  636. -o-transition-duration: 1.0s;
  637.  
  638. }
  639.  
  640. #info hover{
  641. color:{color:hover};
  642. transition-duration: 1.0s;
  643. -moz-transition-duration: 1.0s;
  644. -webkit-transition-duration: 1.0s;
  645. -o-transition-duration: 1.0s;
  646.  
  647.  
  648. }
  649.  
  650. #info a {
  651. text-align:center;
  652. font-size:10px;
  653. line-height:17px;
  654. font-family:utsaah;
  655. color:{color:text};
  656.  
  657. }
  658.  
  659. .right{
  660. float:center;
  661.  
  662. }
  663.  
  664.  
  665. #tags {
  666. text-align:center;
  667. opacity:1;
  668. font-size:11px;
  669. font-family:'utsaah';
  670. margin-top:3px;
  671. margin-left:-5px;
  672. padding:-5px;
  673. margin-bottom:-5px;
  674. height:25px;
  675. width:530px;
  676. padding-top:3px;
  677. background-color:{color:post background};
  678. text-transform:uppercase;
  679. transition-duration: 0.5s;
  680. -moz-transition-duration: 0.5s;
  681. -webkit-transition-duration: 0.5s;
  682. -o-transition-duration: 0.5s;
  683. }
  684.  
  685.  
  686.  
  687. #tags a {
  688. padding:4px;
  689. color:{color:text};
  690. letter-spacing:0px;
  691. font-family:'utsaah';
  692. text-decoration:none;
  693. display:inline-block;
  694. }
  695.  
  696. #tags a:hover {
  697. -moz-transition-duration:0.3s;
  698. -webkit-transition-duration:0.3s;
  699. -o-transition-duration:0.3s;
  700. color:{color:hover};
  701. }
  702.  
  703. #question {
  704. padding:15px;
  705. font-family:'arial';
  706. text-transform:lowercase;
  707. color:{color:text};
  708. font-size:10px;
  709. border:1.5px solid {color:ask border};
  710. text-align:center;
  711. line-height:150%;
  712. background-color:{color:ask background};
  713.  
  714. }
  715.  
  716. #question a {
  717. color:{color:info background};
  718.  
  719. }
  720.  
  721. #asker {
  722. padding:4px;
  723. font-weight:bold;
  724. font-family:utsaah;
  725. font-size:12px;
  726. height:19px;
  727. line-height:15px;
  728. letter-spacing:0px;
  729. text-shadow:1px 0px 1px {color:text shadow};
  730. text-align:center;
  731. color:{color:text};
  732. text-transform:uppercase;
  733. background-color:{color:ask border};
  734.  
  735. }
  736.  
  737.  
  738.  
  739.  
  740.  
  741. #c{
  742. position:fixed;
  743. font-size:7px;
  744. font-weight:bold;
  745. font-style:italic;
  746. padding-bottom:5px;
  747. padding-top:5px;
  748. height:20px;
  749. width:52px;
  750. padding-left:5px;
  751. padding-right:5px;
  752. margin-left:1312px;
  753. margin-top:44px;
  754. line-height:150%;
  755. text-align:center;
  756. float:left;
  757. font-family:arial;
  758. color:{color:post text};
  759. text-transform:uppercase;
  760. background-color:{color:links background};
  761. transition-duration: 0.8s;
  762.  
  763.  
  764. }
  765.  
  766. .navi-links {
  767. width:151px;
  768. height:152px;
  769. overflow:hidden;
  770. cursor:pointer;
  771. margin-top:0px;
  772. opacity:1;
  773. position:fixed;
  774. margin-left:-180px;
  775. background:{color:description background};
  776. z-index:-999999;
  777. }
  778.  
  779. .navi-links #all {
  780. margin-left:1px;
  781. margin-top:0px;
  782. padding:10px;
  783. height:14px;
  784. z-index:999999999999999999999;
  785.  
  786. }
  787.  
  788. .navi-links #all a:hover {
  789. color:{color:hover};
  790. transition-duration: 0.2s;
  791. -moz-transition-duration: 0.2s;
  792. -webkit-transition-duration: 0.3s;
  793. -o-transition-duration: 0.3s;
  794.  
  795. }
  796.  
  797. .navi-links a {
  798. width:120px;
  799. height:15px;
  800. margin-bottom:3px;
  801. text-align:left;
  802. padding:4px;
  803. text-transform:uppercase;
  804. font-weight:bold;
  805. background:{color:links background};
  806. border-bottom:1px solid {color:shadow};
  807. text-shadow:1px 0px 1px {color:text shadow};
  808. line-height:15px;
  809. color:{color:links};
  810. font-family:'utsaah';
  811. letter-spacing:0px;
  812. font-size:12px;
  813. display:inline-block;
  814. }
  815.  
  816. .navi-links a:hover {
  817. color:{color:hover};
  818. }
  819.  
  820.  
  821.  
  822. *,
  823. *:after,
  824. *::before {
  825. -webkit-box-sizing: border-box;
  826. -moz-box-sizing: border-box;
  827. box-sizing: border-box;
  828. }
  829.  
  830. body {
  831. background:{color:background};
  832. background-image:url('{image:background}');
  833. background-attachment: fixed;
  834. background-repeat: repeat;
  835. }
  836.  
  837. .container {
  838. padding: 80px;
  839. }
  840.  
  841. .bt-menu {
  842. position: fixed;
  843. top: 0;
  844. left: 0;
  845. width: 100%;
  846. height: 0;
  847. border-width: 0px;
  848. border-style: solid;
  849. border-color: {color:border};
  850. z-index:99999999999999999999999999999999;
  851. background-color: rgba(0,0,0,0);
  852. -webkit-backface-visibility: hidden;
  853. -webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
  854. transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s;
  855. }
  856.  
  857. .bt-menu.bt-menu-open {
  858. height: 100%;
  859. border-width: 0px 0px 50px 150px;
  860. background-color: rgba(0,0,0,0.3);
  861. -webkit-transition: border-width 0.3s, background-color 0.3s;
  862. transition: border-width 0.3s, background-color 0.3s;
  863. }
  864.  
  865. .bt-overlay {
  866. position: absolute;
  867. width: 100%;
  868. z-index:99999999999999999999999999999999;
  869. }
  870.  
  871. .bt-menu-open .bt-overlay {
  872. height: 100%;
  873. z-index:99999999999999999999999999999999;
  874. }
  875.  
  876. .bt-menu-trigger {
  877. position: fixed;
  878. top: 10px;
  879. left: 20px;
  880. z-index: 100;
  881. display: block;
  882. width: 50px;
  883. height: 50px;
  884. cursor: pointer;
  885. }
  886.  
  887. .bt-menu-trigger span {
  888. position: absolute;
  889. top: 50%;
  890. left: 0;
  891. display: block;
  892. width: 100%;
  893. height: 8%;
  894. background-color:{color:button};
  895. font-size: 0px;
  896. -webkit-touch-callout: none;
  897. -webkit-user-select: none;
  898. -khtml-user-select: none;
  899. -moz-user-select: none;
  900. -ms-user-select: none;
  901. user-select: none;
  902. -webkit-transition: background-color 0.3s;
  903. transition: background-color 0.3s;
  904. }
  905.  
  906. .bt-menu-trigger span:before,
  907. .bt-menu-trigger span:after {
  908. position: absolute;
  909. left: 0;
  910. width: 100%;
  911. height: 100%;
  912. background-color:{color:button};
  913. content: '';
  914. -webkit-transition: -webkit-transform 0.3s;
  915. transition: transform 0.3s;
  916. }
  917.  
  918. .bt-menu-trigger span:before {
  919. -webkit-transform: translateY(-250%);
  920. transform: translateY(-250%);
  921. }
  922.  
  923. .bt-menu-trigger span:after {
  924. -webkit-transform: translateY(250%);
  925. transform: translateY(250%);
  926. }
  927.  
  928. .bt-menu-open .bt-menu-trigger span:before {
  929. -webkit-transform: translateY(-300%);
  930. transform: translateY(-300%);
  931. }
  932.  
  933. .bt-menu-open .bt-menu-trigger span:after {
  934. -webkit-transform: translateY(300%);
  935. transform: translateY(300%);
  936. }
  937.  
  938. .bt-menu ul {
  939. position: fixed;
  940. margin: 0;
  941. padding: 0;
  942. list-style: none;
  943. }
  944.  
  945. .bt-menu ul:first-of-type {
  946. top: 75px;
  947. left: 0;
  948. }
  949.  
  950. .bt-menu ul:nth-of-type(2) {
  951. right: 0;
  952. bottom: 0;
  953. }
  954.  
  955. .bt-menu ul li,
  956. .bt-menu ul li a {
  957. display: block;
  958. }
  959.  
  960. .bt-menu ul:nth-of-type(2) li {
  961. float: left;
  962. font-size: 0px;
  963. }
  964.  
  965. .bt-menu ul li {
  966. visibility: hidden;
  967. opacity: 0;
  968. -webkit-transition: -webkit-transform 0.3s, opacity 0.2s, visibility 0s 0.3s;
  969. transition: transform 0.3s, opacity 0.2s, visibility 0s 0.3s;
  970. }
  971.  
  972. .bt-menu.bt-menu-open ul:first-of-type li,
  973. .bt-menu.bt-menu-open ul:nth-of-type(2) li {
  974. visibility: visible;
  975. opacity: 1;
  976. -webkit-transition: -webkit-transform 0.3s, opacity 0.3s 0.1s;
  977. transition: transform 0.3s, opacity 0.3s;
  978. }
  979.  
  980. /* First menu */
  981. .bt-menu ul:first-of-type li {
  982. width: 150px;
  983. height: 50px;
  984. line-height: 50px;
  985. -webkit-transform: translate3d(-100%,50%,0);
  986. transform: translate3d(-100%,50%,0);
  987. }
  988.  
  989. .bt-menu.bt-menu-open ul:first-of-type li {
  990. -webkit-transform: translate3d(0,0,0);
  991. transform: translate3d(0,0,0);
  992. }
  993.  
  994. /* Second menu */
  995. .bt-menu ul:nth-of-type(2) li {
  996. width: 60px;
  997. height: 50px;
  998. line-height: 50px;
  999. -webkit-transform: scale(0);
  1000. transform: scale(0);
  1001. }
  1002.  
  1003. .bt-menu.bt-menu-open ul:nth-of-type(2) li:first-child {
  1004. -webkit-transition-delay: 0.1s;
  1005. transition-delay: 0.1s;
  1006. }
  1007.  
  1008. .bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(2) {
  1009. -webkit-transition-delay: 0.2s;
  1010. transition-delay: 0.2s;
  1011. }
  1012.  
  1013. .bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(3) {
  1014. -webkit-transition-delay: 0.3s;
  1015. transition-delay: 0.3s;
  1016. }
  1017.  
  1018. .bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(4) {
  1019. -webkit-transition-delay: 0.4s;
  1020. transition-delay: 0.4s;
  1021. }
  1022.  
  1023. .bt-menu.bt-menu-open ul:nth-of-type(2) li {
  1024. -webkit-transform: scale(1);
  1025. transform: scale(1);
  1026. }
  1027.  
  1028. .bt-menu ul li a {
  1029. display: block;
  1030. outline: none;
  1031. text-decoration: none;
  1032. }
  1033.  
  1034. .bt-menu ul:first-of-type li a {
  1035. padding: 0 20px;
  1036. box-shadow: inset 0 1px {color:blockquote border};
  1037. color: {color:links};
  1038. text-transform: uppercase;
  1039. font-weight:bold;
  1040. font-family:utsaah;
  1041. text-shadow:1px 0px 1px {color:text shadow};
  1042. letter-spacing: 1px;
  1043. font-size: 15px;
  1044. -webkit-transition: color 0.2s;
  1045. transition: color 0.2s;
  1046. }
  1047.  
  1048. .bt-menu ul:first-of-type li:last-child a {
  1049. box-shadow: inset 0 1px , inset 0 -1px {color:blockquote border};
  1050. }
  1051.  
  1052. .bt-menu ul:nth-of-type(2) li a {
  1053. color: transparent;
  1054. text-align: center;
  1055. font-size: 0px;
  1056. }
  1057.  
  1058. .bt-menu ul li a:before {
  1059. color: {color:links};
  1060. font-size: 24px;
  1061. -webkit-transition: color 0.2s;
  1062. transition: color 0.2s;
  1063. }
  1064.  
  1065. .bt-menu ul:first-of-type li a:hover,
  1066. .bt-menu ul:first-of-type li a:focus,
  1067. .bt-menu ul li a:hover:before,
  1068. .bt-menu ul li a:focus:before {
  1069. color: {color:hover};
  1070. }
  1071. {CustomCSS}</style>
  1072.  
  1073.  
  1074.  
  1075.  
  1076. </head>
  1077. <body>
  1078.  
  1079. <body class="demo5">
  1080. <div class="container">
  1081. <nav id="bt-menu" class="bt-menu">
  1082. <a href="#" class="bt-menu-trigger"><span>Menu</span></a>
  1083.  
  1084. <ul>
  1085.  
  1086. <li><a href="/" title="refresh"</a>Home</a></li>
  1087. <li><a href="/ask" title="MESSAGE"</a>Inquire</a></li>
  1088. <li><a href="{text:link 1 url}" title="edit this title in html"</a>{text:link 1}</a></li>
  1089. <li><a href="{text:link 2 url}" title="edit this title in html"</a>{text:link 2}</a></li>
  1090. <li><a href="{text:link 3 url}" title="edit this title in html"</a>{text:link 3}</a></li>
  1091.  
  1092.  
  1093.  
  1094. </ul>
  1095. </nav>
  1096.  
  1097. <div id="sidebar">
  1098. <div id="sidebar1"><img src="{image:sidebar}"></a></div>
  1099. <div id="description">{description}</div>
  1100. <div id="title">{text:title}</div>
  1101. <div id="admin1image"><img src="{image:admin 1}"></a></div>
  1102. <div id="admin2image"><img src="{image:admin 2}"></a></div>
  1103. <div id="admin3image"><img src="{image:admin 3}"></a></div>
  1104. <div id="background"></div>
  1105. </div>
  1106.  
  1107. </div>
  1108.  
  1109.  
  1110.  
  1111. </div>
  1112.  
  1113.  
  1114.  
  1115. </div>
  1116.  
  1117.  
  1118.  
  1119. </div>
  1120. </div>
  1121.  
  1122. </div>
  1123.  
  1124.  
  1125. <div id="pagination">{block:Pagination}
  1126. {block:PreviousPage}
  1127. <a href="{PreviousPage}">BACK </a>
  1128. {/block:PreviousPage}
  1129.  
  1130. {block:NextPage}
  1131. <a href="{NextPage}">NEXT</a>
  1132. {/block:NextPage}
  1133. {/block:Pagination}</div>
  1134. </div></div>
  1135.  
  1136.  
  1137. <div id="entries">
  1138. {block:Posts}
  1139. <div id="post"
  1140. <article>
  1141. <!--TEXT POSTS-->
  1142.  
  1143. {block:Text}
  1144. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  1145. {Body}
  1146. {/block:Text}
  1147.  
  1148.  
  1149.  
  1150. {block:Answer}<div id="question">{Question}</div><div id="asker">{Asker}</div>{Answer}{/block:Answer}
  1151.  
  1152.  
  1153. {block:Quote}
  1154.  
  1155. {block:Quote}
  1156. <h2>{Quote}</h2>
  1157. <div align="right">
  1158. {block:Source}<h1>-{Source}</h1>{/block:Source}
  1159. </div>
  1160. {/block:Quote}
  1161.  
  1162.  
  1163. {block:Link}
  1164. <h2><center><a href="{URL}">{Name}</center></a></h2>
  1165. {block:Description}{Description}{/block:Description}
  1166. {/block:Link}
  1167.  
  1168.  
  1169.  
  1170. {block:Chat}
  1171. {block:Title}<h2>{Title}</h2>{/block:Title}
  1172. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
  1173. {Line}</li>{/block:Lines}</ul>
  1174. {/block:Chat}
  1175.  
  1176.  
  1177.  
  1178. {block:Photo}
  1179. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}
  1180.  
  1181. {block:Caption}{Caption}{/block:Caption}
  1182. {/block:Photo}
  1183.  
  1184.  
  1185.  
  1186. {block:Photoset}
  1187. {Photoset-500}
  1188. {block:Caption}{Caption}{/block:Caption}
  1189. {/block:Photoset}
  1190.  
  1191.  
  1192.  
  1193. {block:Video}
  1194. {Video-500}
  1195. {block:Caption}{Caption}{/block:Caption}
  1196. {/block:Video}
  1197.  
  1198.  
  1199.  
  1200.  
  1201. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  1202. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  1203. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1204. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  1205. {/block:Audio}
  1206.  
  1207.  
  1208.  
  1209.  
  1210.  
  1211. <div id="info">
  1212. <div id="permalink">
  1213. <a href="{Permalink}" title="{ShortMonth}.{DayOfMonth}.{Year}">{TimeAgo}</a> / {NoteCount}</a></div>
  1214.  
  1215. {block:HasTags}<div id="tags">
  1216. {block:Tags} <a href="/tagged/{Tag}">#{Tag}</a>{/block:Tags}
  1217. </div>{block:HasTags}
  1218. </div>
  1219. </div>
  1220.  
  1221. {/block:Posts}{block:PostNotes}<br><br><div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  1222. {/block:Posts}</div>
  1223.  
  1224. </div>
  1225.  
  1226. {/block:Posts}{/block:Posts}</div></div></div>
  1227.  
  1228. </div>
  1229.  
  1230. <div id="c">
  1231. <a href="http://azureofrp.tumblr.com/">AZUREOFRP </a>
  1232.  
  1233. </div>
  1234. <script src="http://static.tumblr.com/zkwuipe/lHxnec4a0/classie.js"></script>
  1235. <script src="http://static.tumblr.com/zkwuipe/15Znec4bh/bordermenu.js"></script>
  1236. </div>
  1237. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!