main
|
Last change
on this file since 79a0317 was 79a0317, checked in by stefan toskovski <stefantoska84@…>, 4 days ago |
|
F4 Finalna Verzija
|
-
Property mode
set to
100644
|
|
File size:
1.4 KB
|
| Rev | Line | |
|---|
| [0c6b92a] | 1 | .modern-navbar {
|
|---|
| [79a0317] | 2 | background: linear-gradient(90deg, #ffffff, #fffefe);
|
|---|
| [0c6b92a] | 3 | color: #ffffff;
|
|---|
| 4 | /*color: #333333;*/
|
|---|
| [d565449] | 5 | display: flex;
|
|---|
| 6 | justify-content: center;
|
|---|
| 7 | align-items: center;
|
|---|
| [0c6b92a] | 8 | padding: 0.8rem 1.5rem;
|
|---|
| 9 | box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
|
|---|
| [d565449] | 10 | position: sticky;
|
|---|
| 11 | top: 0;
|
|---|
| [0c6b92a] | 12 | z-index: 1000;
|
|---|
| 13 | border-radius: 8px;
|
|---|
| 14 | margin: 5px;
|
|---|
| [79a0317] | 15 | height: 70px;
|
|---|
| 16 | overflow: hidden;
|
|---|
| [d565449] | 17 | }
|
|---|
| 18 |
|
|---|
| 19 | .navbar-container {
|
|---|
| 20 | display: flex;
|
|---|
| [0c6b92a] | 21 | justify-content: space-between;
|
|---|
| [d565449] | 22 | align-items: center;
|
|---|
| 23 | width: 100%;
|
|---|
| [0c6b92a] | 24 | max-width: 1200px;
|
|---|
| [d565449] | 25 | }
|
|---|
| 26 |
|
|---|
| [0c6b92a] | 27 | .navbar-left {
|
|---|
| [d565449] | 28 | display: flex;
|
|---|
| 29 | align-items: center;
|
|---|
| [0c6b92a] | 30 | gap: 1rem;
|
|---|
| [d565449] | 31 | }
|
|---|
| 32 |
|
|---|
| [0c6b92a] | 33 | .navbar-title {
|
|---|
| 34 | font-size: 1.6rem;
|
|---|
| 35 | font-weight: 700;
|
|---|
| 36 | color: #ffffff;
|
|---|
| 37 | margin: 0;
|
|---|
| 38 | font-family: "exo", sans-serif;
|
|---|
| [d565449] | 39 | }
|
|---|
| 40 |
|
|---|
| [0c6b92a] | 41 | .navbar-right {
|
|---|
| [d565449] | 42 | display: flex;
|
|---|
| 43 | align-items: center;
|
|---|
| [0c6b92a] | 44 | gap: 1rem;
|
|---|
| [d565449] | 45 | }
|
|---|
| 46 |
|
|---|
| [0c6b92a] | 47 | .navbar-btn {
|
|---|
| 48 | padding: 0.4rem 1.5rem;
|
|---|
| 49 | font-size: 0.9rem;
|
|---|
| 50 | border: 2px solid transparent;
|
|---|
| 51 | border-radius: 20px;
|
|---|
| 52 | text-decoration: none;
|
|---|
| 53 | color: #ffffff;
|
|---|
| 54 | font-weight: 500;
|
|---|
| 55 | transition: all 0.3s ease-in-out;
|
|---|
| 56 | font-family: "exo", sans-serif;
|
|---|
| 57 | cursor: pointer;
|
|---|
| 58 | margin-left: 4em;
|
|---|
| 59 | margin-right: 1em;
|
|---|
| [d565449] | 60 | }
|
|---|
| 61 |
|
|---|
| [0c6b92a] | 62 | .navbar-login {
|
|---|
| 63 | background-color: #252627;
|
|---|
| 64 | border: 2px solid #3f3232;
|
|---|
| [d565449] | 65 | }
|
|---|
| 66 |
|
|---|
| [0c6b92a] | 67 | .navbar-login:hover {
|
|---|
| 68 | background-color: #ffffff;
|
|---|
| 69 | color: #212121;
|
|---|
| 70 | border: 1px solid rgba(19, 18, 18, 0.82);
|
|---|
| [d565449] | 71 | }
|
|---|
| 72 |
|
|---|
| [0c6b92a] | 73 | .navbar-signup {
|
|---|
| 74 | background-color: #252627;
|
|---|
| 75 | color: #ffffff;
|
|---|
| 76 | border: 2px solid #343a40;
|
|---|
| [d565449] | 77 | }
|
|---|
| 78 |
|
|---|
| [0c6b92a] | 79 | .navbar-signup:hover {
|
|---|
| 80 | background-color: #ffffff;
|
|---|
| 81 | color: #343a40;
|
|---|
| 82 | border: 2px solid #343a40;
|
|---|
| [d565449] | 83 | }
|
|---|
Note:
See
TracBrowser
for help on using the repository browser.
