Advertisement
Guest User

css code

a guest
Dec 31st, 2020
154
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.06 KB | None | 0 0
  1.  
  2. .navMenu {
  3. overflow: hidden;
  4. display: inline;
  5. float:right;
  6. font-size: 30px;
  7. list-style: none;
  8.  
  9. margin-top: auto;
  10. }
  11.  
  12. .navMenu a {
  13. float: left;
  14. color: rgb(14, 0, 94);
  15. text-align: center;
  16. padding: 14px 16px;
  17. text-decoration: none;
  18. font-size: inherit;
  19.  
  20.  
  21.  
  22. }
  23.  
  24. .navMenu a.active {
  25. color: rgb(14, 0, 94);
  26. }
  27.  
  28. .navMenu .icon {
  29. display: none;
  30. }
  31.  
  32. .fa-bars:before {
  33. content: "\f0c9";
  34. }
  35.  
  36. .navMenu .dropdown {
  37. float: left;
  38. overflow: hidden;
  39. }
  40.  
  41. .navMenu .dropdown .dropbtn {
  42. font-size: inherit;
  43. border: none;
  44. outline: none;
  45. color: rgb(14, 0, 94);
  46. padding: 14px 16px;
  47. font-family: inherit;
  48. margin: 0;
  49. width: 100%;
  50. text-align: left;
  51. }
  52.  
  53.  
  54. .main_links1,.main_links2,.main_links3 {
  55. color: rgb(14, 0, 94);
  56. line-height: 1;
  57. float: left;
  58.  
  59. }
  60.  
  61. .main_links1:hover,.main_links2:hover,.main_links3:hover {
  62. color: #fc7a00;
  63. }
  64.  
  65. .navMenu .navbar a:hover,
  66. .navMenu .dropdown:hover .dropbtn {
  67. color: #fc7a00;
  68. }
  69.  
  70. .navMenu .dropdown-content {
  71. display: none;
  72. position: absolute;
  73.  
  74. min-width: 160px;
  75. box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  76. z-index: 1;
  77. }
  78.  
  79. .navMenu .dropdown-content a {
  80. float: none;
  81.  
  82. padding: 12px 16px;
  83. text-decoration: none;
  84. display: block;
  85. text-align: left;
  86.  
  87. color: rgb(14, 0, 94);
  88. }
  89.  
  90. .navMenu .dropdown-content a:hover {
  91.  
  92. color: #fc7a00;
  93. }
  94.  
  95. .navMenu .dropdown:hover .dropdown-content {
  96. display: block;
  97. }
  98.  
  99. @media screen and (max-width: 768px) {
  100. .navMenu a:not(:first-child) {
  101. display: none;
  102. }
  103. .navMenu .dropdown {
  104. display: none;
  105. }
  106. .navMenu a.icon {
  107. float: right;
  108. display: block;
  109. }
  110. .navMenu.mobileView {
  111. position: relative;
  112. }
  113. .navMenu.mobileView .icon {
  114. position: absolute;
  115. right: 0;
  116. top: 0;
  117. }
  118. .navMenu.mobileView a {
  119. float: none;
  120. display: block;
  121. text-align: left;
  122. }
  123. .navMenu.mobileView .dropdown {
  124. float: none;
  125. display: block;
  126. text-align: left;
  127. }
  128. .navMenu .dropdown-content {
  129. position: relative;
  130. }
  131. }
  132. .dropdown-content
  133. {
  134.  
  135. padding-top: 60px;
  136. }
  137.  
  138.  
  139. .drop1 ,.drop2 ,.drop3 ,.drop4
  140. {
  141. border-style: 0.5 px solid;
  142. border-left: none;
  143. border-right: none;
  144.  
  145. }
  146. .drop4 {
  147. border-bottom: 0.5px solid #0b0ef5;
  148. border-top:0.5px solid #0b0ef5;
  149. }
  150. .drop1
  151. {
  152.  
  153. border-top: #0b0ef5;
  154. }
  155. .drop2
  156. {
  157. border-bottom: 0.5px solid #0b0ef5;
  158. border-top: 0.5px solid #0b0ef5;
  159. }
  160.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement