Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3485 | Rev 3489 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3485 Rev 3487
Línea 1... Línea -...
1 
.btn-primary {
 - 
 
2 
  background-color: #16283c;
 - 
 
3 
  border-radius: 10px;
 - 
 
4 
  color: #fff;
 - 
 
5 
}
 - 
 
6 
.btn-primary:hover {
 - 
 
7 
  background-color: #1d315c;
 - 
 
8 
}
 - 
 
9 
 
 - 
 
10 
.btn-secondary {
 - 
 
11 
  background: rgba(0, 0, 0, 0);
 - 
 
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 
 
 - 
 
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 
 
 - 
 
241 
/*# sourceMappingURL=main.css.map */
 1 
.btn-primary{background-color:#16283c;border-radius:10px;color:#fff}.btn-primary:hover{background-color:#1d315c}.btn-secondary{background:rgba(0,0,0,0);border:1px solid #e8e8e8;border-radius:5px;color:#000}.btn-secondary:hover{background-color:#909090;border-color:rgba(0,0,0,0)}.btn-tertiary{background-color:#f4f4f4;border-color:#f4f4f4;color:#909090}.btn-tertiary:hover{background:#d4d4d4;border:1px solid #e8e8e8;color:#e8e8e8}.navbar{display:flex;background-color:#fff;width:100%;border-bottom:solid 1px #e8e8e8;padding:1rem 1rem 0;gap:.5rem;justify-content:space-around;flex-wrap:wrap;align-items:center;position:relative;height:auto;margin-bottom:1rem;box-shadow:0px 4px 14px -2px rgba(0,0,0,.12)}@media(max-width: 361px){.navbar{padding:1rem 1rem 0}}.rightNavContainer{display:none;align-items:center;height:100%}@media(max-width: 361px){.rightNavContainer{gap:5px}.rightNavContainer .btn{padding:0 !important}.rightNavContainer .btn .badge{font-size:.6rem}}.logo{width:30%;object-fit:contain;order:1}.hamburgerIcon{color:#fff;font-size:1.5rem;order:3}.searchIcon{color:#16283c;width:25px;height:25px;border-radius:50%;font-size:1.2rem;display:flex;justify-content:center;align-items:center;margin-left:.5rem}.mailIcon{color:#16283c;width:25px;height:25px;font-size:1.2rem;display:flex;justify-content:center;align-items:center;margin-right:.5rem}@media(max-width: 361px){.mailIcon{margin-right:0rem}}.bellIcon{color:#16283c;font-size:1.2rem;display:flex;justify-content:center;align-items:center;font-weight:600;clip-path:circle(50%)}.bellIcon .badge{top:25%}@media(max-width: 361px){.bellIcon{font-size:1rem;width:21px;height:21px}}.triangleDown{border-left:7px solid rgba(0,0,0,0);border-right:7px solid rgba(0,0,0,0);border-top:7px solid #fff;margin-left:.5rem}.triangleUp{border-left:7px solid rgba(0,0,0,0);border-right:7px solid rgba(0,0,0,0);border-bottom:7px solid #fff;margin-left:.5rem}.backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.205);z-index:900}.searchInputContainer{display:flex;font-size:.9rem;width:50%;order:2}.searchInputContainer form{display:flex;align-items:center;width:260px;height:1.6rem;position:relative}.searchInputContainer input{width:100%;padding:.5rem 1rem .5rem 2rem;border-radius:30px;background-color:#fff;color:#16283c;border:solid 1px #e8e8e8;height:40px}.searchInputContainer input::placeholder{color:#16283c}.searchInputContainer button{font-size:1.3rem;color:#16283c;border:none;position:absolute;left:.5rem;top:50%;transform:translateY(-50%)}@media(max-width: 361px){.searchInputContainer{max-width:70%}}.chatIcon{width:30px;height:30px;object-fit:contain;margin-right:.2rem;position:relative}.chatIcon_active::before{content:"";width:10px;height:10px;border-radius:50%;background-color:red;position:absolute;top:-1px;right:1px}@media(min-width: 1000px){.chatIcon{display:none}}@media(min-width: 1024px){.navbar{height:104px;padding:0px 2rem;gap:0}}@media(min-width: 768px){.logo{width:130px}.hamburgerIcon{display:none}.searchInputContainer{width:20%;order:3}.bellIcon{background-color:initial;color:#16283c}}/*# sourceMappingURL=main.css.map */