API tools faq
paste
azurethemes

$$$ 027 "dragon" $$$

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