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