Advertisement
ruesha

805online menu (cosmo crd)

Jul 18th, 2024
62
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.96 KB | None | 0 0
  1. <!-- made by @805online credit is appreciated -->
  2.  
  3. <head>
  4. <script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  5. <script type="text/javascript">
  6. $(document).ready(function(){
  7. $(".links_body").hide();
  8. $(".links_head").click(function(){
  9. $(this).next(".links_body").slideToggle('active');
  10. }); }); </script>
  11.  
  12. <link rel="preconnect" href="https://fonts.googleapis.com">
  13. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  14. <link href="https://fonts.googleapis.com/css2?family=Mali&display=swap" rel="stylesheet">
  15.  
  16. <style>
  17.  
  18. @font-face {
  19. font-family: billo;
  20. src: url(https://dl.dropbox.com/s/klv8tmajlqrb2xz/BILLO___.TTF);
  21. }
  22.  
  23. @font-face {
  24. font-family: Nintendo-DS-BIOS;
  25. src: url(https://dl.dropbox.com/s/vlxjtnvrl9s0snp/Nintendo-DS-BIOS.ttf);
  26. }
  27.  
  28. .links_list {
  29. position: absolute;
  30. z-index: 999;
  31. margin:0px;
  32. padding:0px;
  33. width: 140px;
  34. right: 8px;
  35. top: 8px;
  36. }
  37.  
  38. .links_head {
  39. padding-top: 4px;
  40. cursor: pointer;
  41. position: relative;
  42. margin: 0px;
  43. text-align: center;
  44. font-family: billo;
  45. font-size: 1.2em;
  46. color: #fff;
  47. text-shadow: -1px 0 #424242, 0 1px #424242, 1px 0 #424242, 0 -1px #424242, 0 0;
  48. background: -webkit-linear-gradient(-90deg, #da93c0 0%, #da93c0 5%, #fff 100%);
  49. border: 1px solid #424242;
  50. border-radius: 5px 5px 0px 0px;
  51. }
  52.  
  53. .links_body {
  54. padding: 6px;
  55. text-align: center;
  56. font-family: Nintendo-DS-BIOS;
  57. color: #000;
  58. line-height: 14px;
  59. display: none;
  60. font-size: 1em;
  61. border-left: 1px solid #424242;
  62. border-right: 1px solid #424242;
  63. border-bottom: 1px solid #424242;
  64. border-radius: 0px 0px 5px 5px;
  65. background: #ffffffd1;
  66. }
  67.  
  68. a {
  69. text-decoration: none;
  70. }
  71.  
  72. a:hover {
  73. color: #FFC2EE;
  74. }
  75.  
  76. </style>
  77.  
  78. <body>
  79. <div class="links_list">
  80. <p class="links_head">menu</p>
  81. <div class="links_body">
  82. <left>
  83. <a href="#one">link one</a>
  84. <br>
  85. <a href="#two">link two</a>
  86. <br>
  87. <a href="#three">link three</a>
  88. <br>
  89. <a href="#home">home</a>
  90. </left>
  91. </div></div>
  92. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement