API tools faq
paste
Advertisement
azurethemes

$$$ 025 "life is strange" $$$

azurethemes
May 22nd, 2015
426
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.97 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': '330px',
  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': '-500px',
  47. 'settings.side': '-' + settings.menuWidth,
  48. 'width': settings.menuWidth,
  49. 'height': '697px'
  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 25 "life is strange" 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="#000000"/>
  133. <meta name="color:text" content="#000000"/>
  134. <meta name="color:post text" content="#000000"/>
  135. <meta name="color:title text" content="#ffffff"/>
  136. <meta name="color:links" content="#000000"/>
  137. <meta name="color:italic" content="#000000">
  138. <meta name="color:bold" content="#000000">
  139. <meta name="color:hover" content="#ffffff">
  140. <meta name="color:text shadow" content="#f0e6e0">
  141. <meta name="color:blockquote" content="#b8b5b8">
  142. <meta name="color:blockquote border" content="#000000">
  143. <meta name="color:border" content="#d7ced7">
  144. <meta name="color:ask border" content="#000000">
  145.  
  146.  
  147.  
  148.  
  149. <meta name="color:h1 background" content="#b8b5b8">
  150. <meta name="color:title background" content="#000000"/>
  151. <meta name="color:post background" content="#9b999b">
  152. <meta name="color:links background" content="#d7ced7">
  153. <meta name="color:admin background" content="#9b999b">
  154. <meta name="color:description background" content="#9b999b">
  155. <meta name="color:info background" content="#b0aeb0">
  156. <meta name="color:tags background" content="#9b999b">
  157. <meta name="color:sidebar background" content="#d7ced7">
  158. <meta name="color:ask background" content="#b0aeb0">
  159. <meta name="color:scrollbar" content="#b0aeb0">
  160. <meta name="color:scrollbar background" content="#ffffff">
  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:admin text" content="">
  174.  
  175.  
  176.  
  177.  
  178. <meta name="text:link 1" content="Link 1">
  179. <meta name="text:link 2" content="Link 2">
  180. <meta name="text:link 3" content="Link 3">
  181.  
  182.  
  183.  
  184.  
  185.  
  186.  
  187.  
  188.  
  189.  
  190.  
  191.  
  192.  
  193.  
  194.  
  195.  
  196. <meta name="text:link 1 url" content="/">
  197. <meta name="text:link 2 url" content="/">
  198. <meta name="text:link 3 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.  
  223. <style type="text/css">
  224.  
  225. ::-webkit-scrollbar-thumb {
  226. height:5px;
  227. background-color:{color:scrollbar};
  228. }
  229.  
  230. ::-webkit-scrollbar {
  231. height:10px;
  232. width:6px;
  233. background-color:{color:scrollbar background};
  234.  
  235. }
  236. #s-m-t-tooltip {
  237. max-width:300px;
  238. padding:3px 5px 3px 5px;
  239. margin:20px 0px 0px 20px;
  240. background:{color:description background};
  241. box-shadow: 1px 1px 2px {color:border shadow};
  242. color:{color:text};
  243. text-transform:uppercase;
  244. font-weight:bold;
  245. letter-spacing:1px;
  246. font-style:italic;
  247. z-index:999999999999999999999999999999999999;
  248. font-family:'arial';
  249. font-size:8px;
  250. }
  251.  
  252.  
  253.  
  254.  
  255. body {
  256. background-color:{color:background};
  257. background-image:url('{image:background}');
  258. background-attachment: fixed;
  259. background-repeat: repeat;
  260. font-family:arial;
  261. font-size:10px;
  262. text-align:justify;
  263. color:{color:txt};
  264. margin:0;
  265.  
  266.  
  267. }
  268.  
  269. a {
  270. text-decoration:none;
  271. color:{color:links};
  272. transition-duration: 0.2s;
  273. -moz-transition-duration: 0.2s;
  274. -webkit-transition-duration: 0.3s;
  275. -o-transition-duration: 0.3s;
  276. }
  277.  
  278. a:hover {
  279. text-decoration:none;
  280. color:{color:hover};
  281. transition-duration: 0.2s;
  282. -moz-transition-duration: 0.2s;
  283. -webkit-transition-duration: 0.3s;
  284. -o-transition-duration: 0.3s;
  285.  
  286. }
  287.  
  288. img {
  289. border:none;
  290.  
  291.  
  292.  
  293. }
  294.  
  295. blockquote {
  296. font-size:10px;
  297. max-width:545px;
  298. border-left:2px solid{color:blockquote border};
  299. background-color:{color:blockquote};
  300. text-align:left;
  301. padding:5px;
  302. margin-left:5px;
  303. margin-right:5px;
  304. padding-left:5px;
  305. color:{color:text};
  306.  
  307. }
  308.  
  309. pre{
  310. margin-top:0px;
  311. margin-bottom:5px;
  312. letter-spacing:1px;
  313. font-size:10px;
  314. background-color:{color:blockquote};
  315. padding:5px;
  316. color:{color:text};
  317. text-transform:uppercase;
  318. font-family:arial;
  319. font-weight:bold;
  320. text-align:center;
  321. }
  322.  
  323. small{
  324. font-size:10px;
  325. }
  326.  
  327. big{
  328. font-size:10px;
  329. }
  330.  
  331. sub{
  332. font-size:10px;
  333. }
  334.  
  335.  
  336. h1 {
  337. font-size:9px;
  338. text-transform:lowercase;
  339. text-align:center;
  340. font-family:arial;
  341. letter-spacing:1px;
  342. background-color:{color:h1 background};
  343. color:{color:text};
  344. padding:5px;
  345.  
  346.  
  347. }
  348.  
  349. h1 a{
  350. color:{color:text};
  351. }
  352.  
  353.  
  354. h2{
  355. color:{color:text};
  356. text-transform:uppercase;
  357. font-family:arial;
  358. font-weight:none;
  359. font-style:none;
  360. text-align:left;
  361.  
  362.  
  363. }
  364.  
  365.  
  366.  
  367. b {
  368. font-weight:bold;
  369. font-size:9px;
  370. text-transform:lowercase;
  371. text-align:center;
  372. font-family:arial;
  373. letter-spacing:1px;
  374. width:auto;
  375. background-color:{color:h1 background};
  376. color:{color:text};
  377. padding:5px;
  378. color:{color:bold};
  379.  
  380.  
  381. }
  382.  
  383. i {
  384. font-weight:italic;
  385. color:{color:italic};
  386.  
  387.  
  388. }
  389.  
  390. u {
  391. text-decoration:none;
  392. padding:0px;
  393. font-size:13px;
  394. border-bottom:1px solid {color:blockquote border};
  395.  
  396.  
  397. }
  398.  
  399.  
  400.  
  401.  
  402. .title {
  403. width:250px;
  404. height:7px;
  405. position:fixed;
  406. padding-top:10px;
  407. padding-bottom:10px;
  408. padding-left:10px;
  409. padding-right:10px;
  410. line-height:8px;
  411. margin-top:209px;
  412. font-weight:bold;
  413. color:{color:title text};
  414. margin-left:40px;
  415. text-transform:uppercase;
  416. font-size:10px;
  417. font-family:'arial';
  418. background:{color:title background};
  419. text-align:center;
  420. overflow:hidden;
  421. letter-spacing:1px;
  422. z-index:9999;
  423. opacity:1;
  424.  
  425. }
  426.  
  427.  
  428. #description {
  429. overflow:auto;
  430. position:fixed;
  431. text-align:center;
  432. margin-top:395px;
  433. margin-left:178px;
  434. width:230px;
  435. height:80px;
  436. opacity:1;
  437. font-family:arial;
  438. line-height:10px;
  439. border-bottom:10px solid {color:border};
  440. border-left:10px solid {color:border};
  441. border-right:10px solid {color:border};
  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:7px;
  458. margin-left:10px;
  459. text-transform:none;
  460. font-style:normal;
  461. font-family:arial;
  462. width:227px;
  463. height:290px;
  464. opacity:1;
  465. line-height:10px;
  466. color:{color:text};
  467. background:{color:admin 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.  
  481. #pagination {
  482. font-size:11px;
  483. font-style:normal;
  484. position:fixed;
  485. text-align:center;
  486. letter-spacing:1px;
  487. margin-left:1030px;
  488. margin-top:584px;
  489. font-weight:bold;
  490. padding:5px;
  491. line-height:15px;
  492. width:40px;
  493. display:inline-block;
  494. color:{color:title text};
  495. z-index:99999999999999;
  496. background:{color:links background};
  497. font-family:'arial black';
  498. text-shadow: 1px 1px 0px {color:text shadow};
  499. transition-duration: 0.9s;
  500. -moz-transition-duration:0.9s;
  501. -webkit-transition-duration:0.9s;
  502. -o-transition-duration:0.9s;
  503.  
  504.  
  505.  
  506.  
  507.  
  508. }
  509.  
  510. #pagination:hover{
  511. color:{color:hover};
  512. transition-duration: 0.9s;
  513. -moz-transition-duration:0.9s;
  514. -webkit-transition-duration:0.9s;
  515. -o-transition-duration:0.9s;
  516.  
  517.  
  518.  
  519.  
  520. }
  521.  
  522.  
  523.  
  524.  
  525. #sidebar1 {
  526. position:fixed;
  527. opacity:1;
  528. background-image:url('{image:sidebar}');
  529. background:{color:hover background};
  530. width:480px;
  531. height:270px;
  532. outline:10px solid {color:border};
  533. top:115px;
  534. margin-left:188px;
  535. z-index:999;
  536.  
  537.  
  538.  
  539. }
  540.  
  541.  
  542. .admins img{
  543. width:64px;
  544. padding:5px;
  545. margin-top:5px;
  546. margin-left:93px;
  547. border-radius:100px;
  548. border:solid 1px {color:blockquote border};
  549. z-index:999999999;
  550.  
  551.  
  552.  
  553. }
  554.  
  555. #links {
  556. width:220px;
  557. height:95px;
  558. overflow:hidden;
  559. cursor:pointer;
  560. margin-top:395px;
  561. opacity:1;
  562. position:fixed;
  563. margin-left:448px;
  564. border-bottom:10px solid {color:border};
  565. border-right:10px solid {color:border};
  566. background:{color:description background};
  567. z-index:999999;
  568. }
  569.  
  570. #links #all {
  571. margin-left:0px;
  572. margin-top:0px;
  573. padding:10px;
  574. height:14px;
  575. z-index:999999999999999999999;
  576. }
  577.  
  578. #links #all a:hover {
  579. color:{color:hover};
  580. transition-duration: 0.2s;
  581. -moz-transition-duration: 0.2s;
  582. -webkit-transition-duration: 0.3s;
  583. -o-transition-duration: 0.3s;
  584. }
  585.  
  586.  
  587.  
  588.  
  589. #links a {
  590. width:89px;
  591. height:15px;
  592. margin-bottom:3px;
  593. text-align:left;
  594. padding:4px;
  595. line-height:15px;
  596. text-transform:uppercase;
  597. color:{color:links};
  598. background:{color:links background};
  599. font-family:'calibri';
  600. letter-spacing:1px;
  601. font-weight:bold;
  602. font-size:9.5px;
  603. display:inline-block;
  604.  
  605. }
  606.  
  607.  
  608.  
  609.  
  610. #entries {
  611. position:fixed;
  612. z-index:-9999999999;
  613. height:375px;
  614. width:544px;
  615. overflow:auto;
  616. margin-left:686px;
  617. margin-top:105px;
  618. background:{color:border};
  619. border-left:10px solid {color:border};
  620. border-top:10px solid {color:border};
  621. border-bottom:10px solid {color:border};
  622.  
  623.  
  624.  
  625.  
  626.  
  627. }
  628.  
  629. #post{
  630. padding:15px;
  631. width:500px;
  632. background-color:{color:post background};
  633. overflow:hidden;
  634. color:{color:post text};
  635. margin-bottom:12px;
  636. margin-left:0px;
  637. float:center;
  638. z-index:999;
  639.  
  640. }
  641.  
  642.  
  643.  
  644. #info {
  645. width:520px;
  646. text-align:left;
  647. font-family:arial;
  648. font-size:9px;
  649. padding:7px;
  650. color:{color:links};
  651. font-weight:bold;
  652. line-height:10px;
  653. background-color:{color:info background};
  654. margin-top:5px;
  655. margin-left:-15px;
  656. font-size:10px;
  657. margin-bottom:-15px;
  658. text-transform:lowercase;
  659. text-shadow: 1px 1px 0px {color:text shadow};
  660. letter-spacing:0px;
  661. padding:5px;
  662. line-height:10px;
  663. transition-duration: 1.0s;
  664. -moz-transition-duration: 1.0s;
  665. -webkit-transition-duration: 1.0s;
  666. -o-transition-duration: 1.0s;
  667.  
  668. }
  669.  
  670. #info hover{
  671. color:{color:hover};
  672. transition-duration: 1.0s;
  673. -moz-transition-duration: 1.0s;
  674. -webkit-transition-duration: 1.0s;
  675. -o-transition-duration: 1.0s;
  676.  
  677.  
  678. }
  679.  
  680. #info a {
  681. text-align:center;
  682. font-family:arial;
  683. text-shadow: 1px 1px 0px {color:text shadow};
  684. color:{color:links};
  685.  
  686. }
  687.  
  688. .right{
  689. float:right
  690.  
  691. }
  692.  
  693.  
  694. #tags {
  695. text-align:left;
  696. opacity:1;
  697. font-size:10px;
  698. font-family:'arial';
  699. margin-top:4px;
  700. margin-left:-5px;
  701. padding:-5px;
  702. margin-bottom:-5px;
  703. height:20px;
  704. width:530px;
  705. text-shadow: 1px 1px 0px {color:text shadow};
  706. padding-top:1px;
  707. background-color:{color:tags background};
  708. text-transform:lowercase;
  709. transition-duration: 0.5s;
  710. -moz-transition-duration: 0.5s;
  711. -webkit-transition-duration: 0.5s;
  712. -o-transition-duration: 0.5s;
  713. }
  714.  
  715.  
  716.  
  717. #tags a {
  718. padding:4px;
  719. color:{color:links};
  720. letter-spacing:0px;
  721. font-family:'arial';
  722. text-decoration:none;
  723. display:inline-block;
  724. }
  725.  
  726. #tags a:hover {
  727. -moz-transition-duration:0.3s;
  728. -webkit-transition-duration:0.3s;
  729. -o-transition-duration:0.3s;
  730. color:{color:hover};
  731. }
  732.  
  733. #question {
  734. padding:15px;
  735. font-family:'arial';
  736. text-transform:lowercase;
  737. color:{color:text};
  738. font-size:10px;
  739. border-bottom:2px solid {color:ask border};
  740. text-align:center;
  741. line-height:150%;
  742. background-color:{color:ask background};
  743.  
  744. }
  745.  
  746. #question a {
  747. color:{color:info background};
  748.  
  749. }
  750.  
  751. #asker {
  752. padding:3px;
  753. font-weight:bold;
  754. font-family:calibri;
  755. font-size:11px;
  756. letter-spacing:1px;
  757. text-align:center;
  758. color:{color:text};
  759. text-transform:uppercase;
  760. background-color:{color:info background};
  761.  
  762. }
  763.  
  764.  
  765.  
  766.  
  767.  
  768. #c{
  769. position:fixed;
  770. font-size:9px;
  771. font-weight:bold;
  772. font-style:italic;
  773. padding-bottom:5px;
  774. padding-top:5px;
  775. height:10px;
  776. width:55px;
  777. padding-left:5px;
  778. letter-spacing:0.5px;
  779. padding-right:5px;
  780. margin-left:1300px;
  781. margin-top:661px;
  782. line-height:9px;
  783. text-align:center;
  784. float:left;
  785. font-family:arial;
  786. color:{color:text};
  787. text-transform:uppercase;
  788. background-color:{color:post background};
  789. transition-duration: 0.8s;
  790.  
  791.  
  792. }
  793.  
  794.  
  795. #menu {
  796. width:330px;
  797. position:fixed;
  798. height:697px;
  799. margin-top:0px;
  800. opacity:1;
  801. margin-left:-21px;
  802. padding:10px;
  803. z-index:-999999;
  804. background:{color:sidebar background};
  805. }
  806.  
  807. .panel {
  808. width:534px;
  809. position:fixed;
  810. height:497px;
  811. opacity:0;
  812. margin-top:-1110px;
  813. margin-left:40px;
  814. z-index:99;
  815. padding:10px;
  816. z-index:-999999;
  817. background:{color:sidebar background};
  818. }
  819.  
  820. .push-content {
  821. position:relative;
  822. }
  823.  
  824.  
  825.  
  826.  
  827. .navi-links {
  828. width:270px;
  829. height:195px;
  830. overflow:auto;
  831. margin-top:16px;
  832. overflow:hidden;
  833. background:{color:description background};
  834. margin-left:40px;
  835. z-index:9999999999999999999999;
  836.  
  837. }
  838.  
  839. .navi-links #all {
  840. margin-left:2px;
  841. margin-top:3px;
  842. padding:10px;
  843. overflow:hidden;
  844. height:377px;
  845. z-index:999999999999999999999;
  846.  
  847. }
  848.  
  849. .navi-links #all a:hover {
  850. color:{color:hover};
  851. transition-duration: 0.2s;
  852. -moz-transition-duration: 0.2s;
  853. -webkit-transition-duration: 0.3s;
  854. -o-transition-duration: 0.3s;
  855.  
  856. }
  857.  
  858. .navi-links a {
  859. width:237px;
  860. height:15px;
  861. margin-bottom:1px;
  862. padding-right:2px;
  863. text-align:center;
  864. font-weight:bold;
  865. padding:4px;
  866. line-height:16px;
  867. color:{color:links};
  868. font-family:'arial';
  869. background:{color:links background};
  870. font-size:11px;
  871. letter-spacing:3.5px;
  872. text-transform:uppercase;
  873. display:inline-block;
  874. }
  875.  
  876. .navi-links a:hover {
  877. color:{color:hover};
  878.  
  879. }
  880.  
  881.  
  882.  
  883.  
  884. .navi-image {
  885. width:270px;
  886. height:410px;
  887. position:absolute;
  888. margin-left:40px;
  889. margin-top:236px;
  890. background:{color:post background};
  891. background-image:url('{image:navi image}');
  892. }
  893.  
  894. .sidebar-hover{
  895. width:269px;
  896. height:390px;
  897. padding-left:1px;
  898. padding-bottom:15px;
  899. padding-top:13px;
  900. margin-top:-180px;
  901. margin-left:0px;
  902. line-height:20%;
  903. position:fixed;
  904. display:block;
  905. z-index:999999999999999999999999;
  906. background:{color:admin background};
  907. opacity:0;
  908. transition-duration: 0.5s;
  909. -moz-transition-duration: 0.5s;
  910. -webkit-transition-duration: 0.5s;
  911. -o-transition-duration: 0.5s;
  912. -webkit-transition:all 0.5s;
  913. -moz-transition:all 0.5s;
  914. -ms-transition:all 0.5s;
  915. -o-transition:all 0.5s;
  916. transition:all 0.5s;
  917.  
  918. }
  919.  
  920. .sidebar-hover:hover{
  921. opacity:1;
  922. transition-duration: 0.5s;
  923. -moz-transition-duration: 0.5s;
  924. -webkit-transition-duration: 0.5s;
  925. -o-transition-duration: 0.5s;
  926. -webkit-transition:all 0.5s;
  927. -moz-transition:all 0.5s;
  928. -ms-transition:all 0.5s;
  929. -o-transition:all 0.5s;
  930. transition:all 0.5s;
  931.  
  932. }
  933.  
  934. {CustomCSS}</style>
  935.  
  936.  
  937.  
  938. </head>
  939. <body>
  940.  
  941.  
  942. <div id="sidebar">
  943. <div id="sidebar1" class="push-content"><a href="/"><img src="{image:sidebar}"></a></div>
  944. <div id="description"class="push-content">{description}</div>
  945. </div>
  946.  
  947.  
  948. </div>
  949.  
  950. </div>
  951.  
  952. <nav id="menu" class="panel" role="navigation">
  953. <div class="navi-image"></div>
  954. <div class="title">{text:title}</div>
  955. <div class="navi-links">
  956. <div id="all">
  957.  
  958.  
  959.  
  960. <a href="/">link 1</a>
  961. <a href="/">link 2</a>
  962. <a href="/">link 3</a>
  963. <a href="/">link 4</a>
  964. <a href="/">link 5</a>
  965. <a href="/">link 6</a>
  966. <a href="/">link 7</a>
  967.  
  968.  
  969.  
  970.  
  971.  
  972. </div>
  973. <div class="sidebar-hover">
  974. <div class="admins"><img src="{image:admin}"></div>
  975. <div class="admin-box">{text:admin text}</div>
  976.  
  977. </nav>
  978.  
  979. </div>
  980. <div id="links"class="push-content">
  981. <div id="all">
  982. <a href="/" title="refresh"</a>Home</a>
  983. <a href="/ask" title="MESSAGE"</a>Inquire</a>
  984. <a href="{text:link 1 url}" title="edit title in html"</a>{text:link 1}</a>
  985. <a href="{text:link 2 url}" title="edit title in html"</a>{text:link 2}</a>
  986. <a href="{text:link 3 url}" title="edit title in html"</a>{text:link 3}</a>
  987. <a href="#menu" class="menu-link" title="navigation"</a>More</a>
  988. </div>
  989.  
  990.  
  991. </div>
  992. </div>
  993.  
  994.  
  995. <div id="pagination">{block:Pagination}
  996. {block:PreviousPage}
  997. <a href="{PreviousPage}">BACK </a>
  998. {/block:PreviousPage}
  999.  
  1000. {block:NextPage}
  1001. <a href="{NextPage}">NEXT</a>
  1002. {/block:NextPage}
  1003. {/block:Pagination}</div>
  1004. </div></div>
  1005.  
  1006.  
  1007. <div id="entries" class="push-content">
  1008. {block:Posts}
  1009. <div id="post"
  1010.  
  1011. <!--TEXT POSTS-->
  1012.  
  1013. {block:Text}
  1014. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  1015. {Body}
  1016. {/block:Text}
  1017.  
  1018.  
  1019.  
  1020. {block:Answer}<div id="question">{Question}</div><div id="asker">{Asker}</div>{Answer}{/block:Answer}
  1021.  
  1022.  
  1023. {block:Quote}
  1024.  
  1025. {block:Quote}
  1026. <h2>{Quote}</h2>
  1027. <div align="right">
  1028. {block:Source}<h1>-{Source}</h1>{/block:Source}
  1029. </div>
  1030. {/block:Quote}
  1031.  
  1032.  
  1033. {block:Link}
  1034. <h2><center><a href="{URL}">{Name}</center></a></h2>
  1035. {block:Description}{Description}{/block:Description}
  1036. {/block:Link}
  1037.  
  1038.  
  1039.  
  1040. {block:Chat}
  1041. {block:Title}<h2>{Title}</h2>{/block:Title}
  1042. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
  1043. {Line}</li>{/block:Lines}</ul>
  1044. {/block:Chat}
  1045.  
  1046.  
  1047.  
  1048. {block:Photo}
  1049. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}
  1050.  
  1051. {block:Caption}{Caption}{/block:Caption}
  1052. {/block:Photo}
  1053.  
  1054.  
  1055.  
  1056. {block:Photoset}
  1057. {Photoset-500}
  1058. {block:Caption}{Caption}{/block:Caption}
  1059. {/block:Photoset}
  1060.  
  1061.  
  1062.  
  1063. {block:Video}
  1064. {Video-500}
  1065. {block:Caption}{Caption}{/block:Caption}
  1066. {/block:Video}
  1067.  
  1068.  
  1069.  
  1070.  
  1071. {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>
  1072. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  1073. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1074. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  1075. {/block:Audio}
  1076.  
  1077.  
  1078.  
  1079.  
  1080.  
  1081. <div id="info">
  1082. <div id="permalink">
  1083. <a href="{Permalink}" title="{ShortMonth}.{DayOfMonth}.{Year}">{TimeAgo}</a> ● {NoteCount}</a></div>
  1084.  
  1085. {block:HasTags}<div id="tags">
  1086. {block:Tags} <a href="/tagged/{Tag}">#{Tag}</a>{/block:Tags}
  1087. </div>{block:HasTags}
  1088. </div>
  1089. </div>
  1090.  
  1091. {/block:Posts}{block:PostNotes}<br><br><div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  1092. {/block:Posts}</div>
  1093.  
  1094. </div>
  1095.  
  1096. {/block:Posts}{/block:Posts}</div></div></div>
  1097.  
  1098.  
  1099. </div>
  1100.  
  1101. <div id="c">
  1102. <a href="http://azureofrp.tumblr.com/">AZUREOFRP </a>
  1103.  
  1104. </div>
  1105. </div>
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!