|
9 | 9 | font-size: 16px; } |
10 | 10 | @media (min-width: 1200px) { |
11 | 11 | .Header-Navigation .navbar li.active { |
12 | | - border-bottom: 3px solid #ffffff; |
| 12 | + border-bottom: 3px solid white; |
13 | 13 | padding-bottom: 15px; } |
14 | 14 | .Header-Navigation .navbar li:last-child { |
15 | 15 | padding-left: 30px; |
|
26 | 26 | background: transparent; |
27 | 27 | transition: width .2s ease-out, background-color .5s ease; } |
28 | 28 | .Header-Navigation .navbar li a:after:last-child { |
29 | | - margin-top: 0; } } |
30 | | -@media (min-width: 1200px) and (max-width: 1200px) { |
31 | | - .Header-Navigation .navbar a { |
32 | | - color: #75badd; } |
33 | | - .Header-Navigation .navbar a .active { |
34 | | - color: #ffffff; } } |
35 | | - @media (min-width: 1200px) { |
| 29 | + margin-top: 0; } |
| 30 | + .Header-Navigation .navbar li a:hover { |
| 31 | + text-decoration: none; } |
36 | 32 | .Header-Navigation .navbar .navbar-header { |
37 | 33 | float: none; } |
38 | 34 | .Header-Navigation .navbar .navbar-header .logo { |
|
49 | 45 | .Header-Navigation .navbar .btn-primary:before { |
50 | 46 | visibility: hidden; } } |
51 | 47 | @media (min-width: 1200px) and (max-width: 1200px) { |
52 | | - .Header-Navigation .navbar .btn-primary { |
53 | | - position: fixed; |
54 | | - bottom: 0; |
55 | | - margin-left: -5%; |
56 | | - width: 105%; |
57 | | - border-radius: 0; |
58 | | - border: 0; |
59 | | - height: 75px; |
60 | | - font-size: 20px; |
61 | | - display: flex; |
62 | | - justify-content: center; |
63 | | - align-items: center; |
64 | | - background-color: transparent; } |
65 | | - .Header-Navigation .navbar .btn-primary a { |
66 | | - color: #ffffff; } } |
67 | | - |
| 48 | + .Header-Navigation .navbar a { |
| 49 | + color: #75badd; } |
| 50 | + .Header-Navigation .navbar a .active { |
| 51 | + color: white; } } |
| 52 | + @media (min-width: 1200px) and (max-width: 1200px) { |
| 53 | + .Header-Navigation .navbar .btn-primary { |
| 54 | + position: fixed; |
| 55 | + bottom: 0; |
| 56 | + margin-left: -5%; |
| 57 | + width: 105%; |
| 58 | + border-radius: 0; |
| 59 | + border: 0; |
| 60 | + height: 75px; |
| 61 | + font-size: 20px; |
| 62 | + display: flex; |
| 63 | + justify-content: center; |
| 64 | + align-items: center; |
| 65 | + background-color: transparent; } |
| 66 | + .Header-Navigation .navbar .btn-primary a { |
| 67 | + color: white; } } |
68 | 68 | .Header-Navigation .navbar .active { |
69 | 69 | font-weight: 600; |
70 | 70 | z-index: 3; } |
|
163 | 163 | color: white !important; } |
164 | 164 | @media (max-width: 1200px) { |
165 | 165 | .navbar.scrolled:not(.mobile-menu-open) .navbar-collapse { |
166 | | - background-color: #ffffff; |
| 166 | + background-color: white; |
167 | 167 | margin-left: -6% !important; } } |
168 | 168 | .navbar.scrolled:not(.mobile-menu-open) .logo { |
169 | 169 | background: url(../img/logo/logo_nextcloud_blue.svg) no-repeat center/contain !important; } |
|
370 | 370 | 0% { |
371 | 371 | opacity: 0; |
372 | 372 | left: 20%; } |
| 373 | + |
373 | 374 | 100% { |
374 | 375 | opacity: 1; |
375 | 376 | left: 0; } } |
| 377 | + |
376 | 378 | @media (max-height: 800px) { |
377 | 379 | .nav-down { |
378 | 380 | opacity: 1; |
|
382 | 384 | top: -100px !important; |
383 | 385 | opacity: 0; |
384 | 386 | transition: all 0.2s ease-in-out; } } |
385 | | - |
386 | | -/*# sourceMappingURL=header.css.map */ |
0 commit comments