lollyracket

butterfly v2 - nav page

Nov 14th, 2020
98
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html>
  2.  
  3. <head>
  4.  
  5. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  6. <link href="https://fonts.googleapis.com/css?family=Montserrat:900&display=swap" rel="stylesheet">
  7. <link href="https://fonts.googleapis.com/css?family=Poppins:400,800,600&display=swap" rel="stylesheet">
  8.  
  9. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Be+Vietnam|Bree+Serif|Bungee+Outline|Elsie|Emblema+One|Fugaz+One|Kumar+One|Monoton|Prata|Righteous|Roboto+Slab:400,700|Shrikhand|Sonsie+One|Vidaloka&display=swap" rel="stylesheet">
  10.  
  11. <style type="text/css">
  12.  
  13. body { font-family:poppins; background-image:url(https://img.nickpic.host/rYQN3D.png); }
  14. body a { text-decoration:none; color:#000; }
  15.  
  16. ::-webkit-scrollbar {
  17. width: 1px; }
  18. ::-webkit-scrollbar-thumb {
  19. background-color:#000; }
  20.  
  21. ::-webkit-scrollbar-track {
  22. background-color:transparent;
  23. }
  24.  
  25. #butterside { position:fixed; top:0px; bottom:0px; left:0px; padding:20px; background-color:rgba(244,187,211,0.6); border-right:1px solid #F4BBD3; }
  26. #butterside .sideone { background-color:#fff; padding:8px; margin-top:20px; border:1px solid #fe5d9f;}
  27. #butterside .sidelink { padding:5px; font-weight:800; font-size:20px; }
  28. #butterside .sidelink a:hover { background-color:#fe5d9f; }
  29.  
  30. #butterhold { position:fixed; top:50px; left:220px; padding:20px; width:700px; }
  31. #butterhold .maintitle { font-family:sonsie one; font-weight:800; letter-spacing:-2px; font-size:50px; margin-bottom:10px; }
  32. #butterhold .navbox { width:600px; padding:10px; background-color:#fff; border:1px solid #ccc; }
  33. #butterhold .navinside { padding:10px; }
  34. #butterhold .navtitle { text-align:left; font-size:25px; font-family:sonsie one; }
  35. #butterhold .navtitle color { border:1px solid #f4bbd3; background-color:rgba(244,187,211,0.5); padding:5px; }
  36. #butterhold .navlist { padding:10px; text-align:left; }
  37. #butterhold .navlist a:hover { color:#f4bbd3; font-style:italic; letter-spacing:2px; transition:0.8 ease-in-out; }
  38. #butterhold .navlist ul { list-style-type:circle; }
  39.  
  40.  
  41. </style>
  42.  
  43.  
  44. </head>
  45.  
  46. <body>
  47. <div id="credit"><a href="https://lollyracketcodes.tumblr.com/"><icon><span class="th th-moon-o" title="page credit to lollyracketcodes"></span></icon></a></div>
  48.  
  49.  
  50. <div id="butterside">
  51. <div class="sideone">
  52. <div class="sidelink"><a href="//">link one</a></div>
  53. <div class="sidelink"><a href="//">link two</a></div>
  54. <div class="sidelink"><a href="//">link three</a></div>
  55. <div class="sidelink"><a href="//">link four</a></div>
  56. <div class="sidelink"><a href="//">link five</a></div>
  57. <div class="sidelink"><a href="//">link six</a></div>
  58. </div></div>
  59.  
  60. <div id="butterhold">
  61. <center>
  62. <div class="maintitle">navigation</div>
  63.  
  64. <div class="navbox"><div class="navinside">
  65. <div class="navtitle"><color>header one</color></div>
  66. <div class="navlist">
  67. <ul>
  68. <li><a href="//">link</a></li>
  69. <li><a href="//">link</a></li>
  70. <li><a href="//">link</a></li>
  71. <li><a href="//">link</a></li>
  72. <li><a href="//">link</a></li>
  73. </ul>
  74. </div>
  75.  
  76. <div class="navtitle"><color>header two</color></div>
  77. <div class="navlist">
  78. <ul>
  79. <li><a href="//">link</a></li>
  80. <li><a href="//">link</a></li>
  81. <li><a href="//">link</a></li>
  82. <li><a href="//">link</a></li>
  83. <li><a href="//">link</a></li>
  84. </ul>
  85. </div>
  86. </div></div>
  87.  
  88. </center>
  89.  
  90.  
  91.  
  92.  
  93. </body>
  94.  
  95. </html>
RAW Paste Data