API tools faq
paste
azurethemes

$$$ 023 "stan" $$$

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