Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3482 | Rev 3487 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3481 stevensc 1 
.btn-primary {
2 
  background-color: #16283c;
3 
  border-radius: 10px;
4 
  color: #fff;
3479 stevensc 5 
}
3481 stevensc 6 
.btn-primary:hover {
7 
  background-color: #1d315c;
8 
}
3479 stevensc 9 
 
3481 stevensc 10 
.btn-secondary {
3482 stevensc 11 
  background: rgba(0, 0, 0, 0);
3481 stevensc 12 
  border: 1px solid #e8e8e8;
13 
  border-radius: 5px;
14 
  color: #000;
15 
}
16 
.btn-secondary:hover {
17 
  background-color: #909090;
18 
  border-color: rgba(0, 0, 0, 0);
19 
}
20 
 
21 
.btn-tertiary {
22 
  background-color: #f4f4f4;
23 
  border-color: #f4f4f4;
24 
  color: #909090;
25 
}
26 
.btn-tertiary:hover {
27 
  background: #d4d4d4;
28 
  border: 1px solid #e8e8e8;
29 
  color: #e8e8e8;
30 
}
31 
 
3485 stevensc 32 
.navbar {
33 
  display: flex;
34 
  background-color: #fff;
35 
  width: 100%;
36 
  border-bottom: solid 1px #e8e8e8;
37 
  padding: 1rem 1rem 0;
38 
  gap: 0.5rem;
39 
  justify-content: space-around;
40 
  flex-wrap: wrap;
41 
  align-items: center;
42 
  position: relative;
43 
  height: auto;
44 
  margin-bottom: 1rem;
45 
  box-shadow: 0px 4px 14px -2px rgba(0, 0, 0, 0.12);
46 
}
47 
@media (max-width: 361px) {
48 
  .navbar {
49 
    padding: 1rem 1rem 0;
50 
  }
51 
}
52 
 
53 
.rightNavContainer {
54 
  display: none;
55 
  align-items: center;
56 
  height: 100%;
57 
}
58 
@media (max-width: 361px) {
59 
  .rightNavContainer {
60 
    gap: 5px;
61 
  }
62 
  .rightNavContainer .btn {
63 
    padding: 0 !important;
64 
  }
65 
  .rightNavContainer .btn .badge {
66 
    font-size: 0.6rem;
67 
  }
68 
}
69 
 
70 
.logo {
71 
  width: 30%;
72 
  object-fit: contain;
73 
  order: 1;
74 
}
75 
 
76 
.hamburgerIcon {
77 
  color: white;
78 
  font-size: 1.5rem;
79 
  order: 3;
80 
}
81 
 
82 
.searchIcon {
83 
  color: #16283c;
84 
  width: 25px;
85 
  height: 25px;
86 
  border-radius: 50%;
87 
  font-size: 1.2rem;
88 
  display: flex;
89 
  justify-content: center;
90 
  align-items: center;
91 
  margin-left: 0.5rem;
92 
}
93 
 
94 
.mailIcon {
95 
  color: #16283c;
96 
  width: 25px;
97 
  height: 25px;
98 
  font-size: 1.2rem;
99 
  display: flex;
100 
  justify-content: center;
101 
  align-items: center;
102 
  margin-right: 0.5rem;
103 
}
104 
@media (max-width: 361px) {
105 
  .mailIcon {
106 
    margin-right: 0rem;
107 
  }
108 
}
109 
 
110 
.bellIcon {
111 
  color: #16283c;
112 
  font-size: 1.2rem;
113 
  display: flex;
114 
  justify-content: center;
115 
  align-items: center;
116 
  font-weight: 600;
117 
  clip-path: circle(50%);
118 
}
119 
.bellIcon .badge {
120 
  top: 25%;
121 
}
122 
@media (max-width: 361px) {
123 
  .bellIcon {
124 
    font-size: 1rem;
125 
    width: 21px;
126 
    height: 21px;
127 
  }
128 
}
129 
 
130 
.triangleDown {
131 
  border-left: 7px solid transparent;
132 
  border-right: 7px solid transparent;
133 
  border-top: 7px solid white;
134 
  margin-left: 0.5rem;
135 
}
136 
 
137 
.triangleUp {
138 
  border-left: 7px solid transparent;
139 
  border-right: 7px solid transparent;
140 
  border-bottom: 7px solid white;
141 
  margin-left: 0.5rem;
142 
}
143 
 
144 
.backdrop {
145 
  position: absolute;
146 
  top: 0;
147 
  left: 0;
148 
  width: 100%;
149 
  height: 100%;
150 
  background-color: rgba(0, 0, 0, 0.205);
151 
  z-index: 900;
152 
}
153 
 
154 
.searchInputContainer {
155 
  display: flex;
156 
  font-size: 0.9rem;
157 
  width: 50%;
158 
  order: 2;
159 
}
160 
.searchInputContainer form {
161 
  display: flex;
162 
  align-items: center;
163 
  width: 260px;
164 
  height: 1.6rem;
165 
  position: relative;
166 
}
167 
.searchInputContainer input {
168 
  width: 100%;
169 
  padding: 0.5rem 1rem 0.5rem 2rem;
170 
  border-radius: 30px;
171 
  background-color: #fff;
172 
  color: #16283c;
173 
  border: solid 1px #e8e8e8;
174 
  height: 40px;
175 
}
176 
.searchInputContainer input::placeholder {
177 
  color: #16283c;
178 
}
179 
.searchInputContainer button {
180 
  font-size: 1.3rem;
181 
  color: #16283c;
182 
  border: none;
183 
  position: absolute;
184 
  left: 0.5rem;
185 
  top: 50%;
186 
  transform: translateY(-50%);
187 
}
188 
@media (max-width: 361px) {
189 
  .searchInputContainer {
190 
    max-width: 70%;
191 
  }
192 
}
193 
 
194 
.chatIcon {
195 
  width: 30px;
196 
  height: 30px;
197 
  object-fit: contain;
198 
  margin-right: 0.2rem;
199 
  position: relative;
200 
}
201 
.chatIcon_active::before {
202 
  content: "";
203 
  width: 10px;
204 
  height: 10px;
205 
  border-radius: 50%;
206 
  background-color: red;
207 
  position: absolute;
208 
  top: -1px;
209 
  right: 1px;
210 
}
211 
 
212 
@media (min-width: 1000px) {
213 
  .chatIcon {
214 
    display: none;
215 
  }
216 
}
217 
@media (min-width: 1024px) {
218 
  .navbar {
219 
    height: 104px;
220 
    padding: 0px 2rem;
221 
    gap: 0;
222 
  }
223 
}
224 
@media (min-width: 768px) {
225 
  .logo {
226 
    width: 130px;
227 
  }
228 
  .hamburgerIcon {
229 
    display: none;
230 
  }
231 
  .searchInputContainer {
232 
    width: 20%;
233 
    order: 3;
234 
  }
235 
  .bellIcon {
236 
    background-color: initial;
237 
    color: #16283c;
238 
  }
239 
}
240 
 
3479 stevensc 241 
/*# sourceMappingURL=main.css.map */