Guest User

Untitled

a guest
Apr 25th, 2018
72
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.25 KB | None | 0 0
  1. <nav id="navbar">
  2. <div class="dropdown-btn">Go To...</div>
  3. <ul class="navbar-tab">
  4. <li class="navbar-tab-1 selected">Test1</li>
  5. <li class="navbar-tab-1 select">Test2
  6. <ul class="hover-list select">
  7. <a><li>Item1</li></a>
  8. </ul>
  9. </li>
  10. </ul>
  11. </nav>
  12.  
  13. .dropdown-btn{
  14. width: 100%;
  15. height: 50px;
  16. background:white;
  17. line-height: 50px;
  18. display: none;
  19. }
  20.  
  21. nav {
  22. width: 100%;
  23. height: 50px;
  24. background-color: #d60d8c;
  25. margin-bottom: 1px;
  26. position: sticky;top: 0;
  27. padding: 0px 0px;
  28. border: none;
  29. }
  30.  
  31. ul{
  32. text-indent: 0px;
  33. }
  34. nav:hover{
  35. height: 50px;
  36. }
  37.  
  38. .navbar-tab {
  39. display: block;
  40. }
  41.  
  42. .hover-list{
  43.  
  44. position: absolute;
  45.  
  46. }
  47.  
  48. .navbar-tab-1 {
  49.  
  50. background:#d60d8c;
  51. float: left;
  52. border: none;
  53.  
  54. }
  55. .navbar-tab-1+.navbar-tab-1{
  56. border-bottom: none;
  57. }
  58.  
  59. .hover-list{
  60. border-top: black 3px solid;
  61. }
  62.  
  63. .navbar-tab {
  64. padding-left: 20px;
  65. display: block;
  66. }
  67.  
  68. .navbar-tab {
  69. max-width: 1240px;
  70. }
  71.  
  72. .navbar-tab-1 {
  73. padding-right: 68px;
  74. width: auto;
  75.  
  76. }
  77. .hover-list li{
  78. background-color: #e2e2e2;
  79. border-bottom: 1px white solid;
  80. font-size: 15px;
  81. text-indent: 20px;
  82. height: 35px;
  83. line-height: 35px;
  84. width: 100vw;
  85. border-top:none;
  86. float: left;
  87. }
  88.  
  89. ul li ul li {
  90. display: block;
  91. }
  92.  
  93. ul li{
  94. font-size: 19px;
  95. }
Add Comment
Please, Sign In to add comment