Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5446 Rev 5462
Línea 7... Línea 7...
7 
    height: 100%;
 7 
    height: 100%;
8 
    background-color: rgba(0, 0, 0, 0.75);
 8 
    background-color: rgba(0, 0, 0, 0.75);
9 
    z-index: 99;
 9 
    z-index: 99;
10 
}
 10 
}
Línea 11... Línea -...
11 
 
 - 
 
12 
.header-data {
 - 
 
13 
    width: 100%;
 - 
 
14 
}
 - 
 
15 
 
 - 
 
16 
.ask-question {
 - 
 
17 
    background-color: $bg-color;
 - 
 
18 
    padding: 10px 25px;
 - 
 
19 
    color: #e44d3a !important;
 - 
 
20 
    font-size: 14px;
 - 
 
21 
    font-weight: 600;
 - 
 
22 
}
 - 
 
23 
 
 - 
 
24 
.ask-question:hover {
 - 
 
25 
    color: #e44d3a;
 - 
 
26 
}
 - 
 
27 
 
 11 
 
Línea 28... Línea -...
28 
/* ========== login_register ========== */
 - 
 
29 
 
 - 
 
30 
.notification-box.msg p {
 - 
 
31 
    line-height: 20px;
 - 
 
32 
    font-size: 14px;
 - 
 
33 
    font-weight: 400;
 - 
 
34 
    margin-top: 2px;
 - 
 
35 
}
 - 
 
36 
 
 - 
 
37 
.notification-box.msg .nott-list .notification-info span {
 - 
 
38 
    bottom: auto;
 - 
 
39 
    top: 5px;
 - 
 
40 
}
 - 
 
41 
 
 - 
 
42 
.notification-box.msg .notification-info h3 {
 - 
 
43 
    margin-bottom: 1px;
 - 
 
44 
}
 - 
 
45 
 
 - 
 
46 
.notification-box.msg .nott-list .notfication-details {
 - 
 
47 
    padding: 17px 20px 17px 20px;
 - 
 
48 
}
 - 
 
49 
 
 - 
 
50 
.notification-box {
 - 
 
51 
    position: absolute;
 - 
 
52 
    top: 100%;
 - 
 
53 
    right: 0;
 - 
 
54 
    width: 300px;
 - 
 
55 
    background-color: #fff;
 - 
 
56 
    opacity: 1;
 - 
 
57 
    visibility: visible;
 - 
 
58 
    z-index: 999;
 - 
 
59 
    display: none;
 - 
 
60 
}
 - 
 
61 
 
 - 
 
62 
.notification-box.active {
 - 
 
63 
    opacity: 1;
 - 
 
64 
    visibility: visible;
 - 
 
65 
    z-index: 999999999;
 - 
 
66 
}
 - 
 
67 
 
 - 
 
68 
.nt-title {
 - 
 
69 
    width: 100%;
 - 
 
70 
    border-bottom: 1px solid #e5e5e5;
 - 
 
71 
    padding: 10px 20px;
 - 
 
72 
 
 - 
 
73 
    h4 {
 - 
 
74 
        color: #686868;
 - 
 
75 
        font-size: 12px;
 - 
 
76 
        font-weight: 600;
 - 
 
77 
    }
 - 
 
78 
 
 - 
 
79 
    &>a {
 - 
 
80 
        color: #686868;
 - 
 
81 
        font-size: 12px;
 - 
 
82 
        font-weight: 600;
 - 
 
83 
    }
 - 
 
84 
}
 - 
 
85 
 
 - 
 
86 
.nott-list {
 - 
 
87 
    width: 100%;
 - 
 
88 
 
 - 
 
89 
    .notification-info {
 - 
 
90 
        width: 86%;
 - 
 
91 
        text-align: left;
 - 
 
92 
        position: relative;
 - 
 
93 
 
 - 
 
94 
        h3 {
 - 
 
95 
            line-height: 20px;
 - 
 
96 
        }
 - 
 
97 
 
 - 
 
98 
        span {
 - 
 
99 
            position: absolute;
 - 
 
100 
            bottom: 5px;
 - 
 
101 
            right: 0;
 - 
 
102 
        }
 - 
 
103 
    }
 - 
 
104 
 
 - 
 
105 
    .notfication-details {
 - 
 
106 
        padding: 20px 20px 12px 20px;
 - 
 
107 
    }
 - 
 
108 
}
 - 
 
109 
 
 - 
 
110 
.view-all-nots {
 - 
 
111 
    width: 100%;
 - 
 
112 
 
 - 
 
113 
    &>a {
 - 
 
114 
        width: 100%;
 - 
 
115 
        color: #ffffff;
 - 
 
116 
        font-size: 16px;
 - 
 
117 
        text-transform: capitalize;
 - 
 
118 
        font-weight: 600;
 - 
 
119 
        text-align: center;
 - 
 
120 
        background-color: #e44d3a;
 - 
 
121 
        padding: 18px 0;
 - 
 
122 
    }
 - 
 
123 
}
 - 
 
124 
 
 - 
 
125 
.user-info {
 - 
 
126 
    align-items: center;
 - 
 
127 
    background-color: $bg-color;
 - 
 
128 
    border-radius: $border-radius;
 - 
 
129 
    border: 1px solid $border-primary;
 - 
 
130 
    box-shadow: $light-shadow;
 - 
 
131 
    display: flex;
 - 
 
132 
    flex-direction: column;
 - 
 
133 
    gap: .5rem;
 - 
 
134 
    padding: 1rem;
 - 
 
135 
    text-align: center;
 - 
 
136 
 
 - 
 
137 
    img {
 - 
 
138 
        border-radius: 50%;
 - 
 
139 
        border: 2px solid $font-color;
 - 
 
140 
        height: 150px;
 - 
 
141 
        width: 150px;
 - 
 
142 
    }
 - 
 
143 
 
 - 
 
144 
    p {
 - 
 
145 
        color: $subtitle-color
 - 
 
146 
    }
 - 
 
147 
 
 - 
 
148 
    a,
 - 
 
149 
    svg {
 - 
 
150 
        color: $font-color;
 - 
 
151 
    }
 - 
 
152 
 
 - 
 
153 
    ul {
 - 
 
154 
        align-items: start;
 - 
 
155 
        display: flex;
 - 
 
156 
        flex-direction: column;
 - 
 
157 
        gap: .5rem;
 - 
 
158 
        width: 100%;
 - 
 
159 
    }
 - 
 
160 
 
 - 
 
161 
    .user-status {
 - 
 
162 
        display: flex;
 - 
 
163 
        align-items: center;
 - 
 
164 
        gap: .5rem;
 - 
 
165 
        justify-content: space-around;
 - 
 
166 
    }
 - 
 
167 
}
 12 
/* ========== login_register ========== */
168 
 
 13 
 
169 
.break-ellipsis {
 14 
.break-ellipsis {
170 
    max-width: 15ch;
 15 
    max-width: 15ch;
171 
    text-overflow: ellipsis;
 16 
    text-overflow: ellipsis;
Línea 179... Línea 24...
179 
    box-sizing: border-box;
 24 
    box-sizing: border-box;
180 
    position: relative;
 25 
    position: relative;
181 
    padding: 0 1rem;
 26 
    padding: 0 1rem;
182 
}
 27 
}
Línea 183... Línea -...
183 
 
 - 
 
184 
.user-account-settingss {
 - 
 
185 
    position: absolute;
 - 
 
186 
    opacity: 1;
 - 
 
187 
    visibility: visible;
 - 
 
188 
    z-index: 999;
 - 
 
189 
    display: none;
 - 
 
190 
    top: 100%;
 - 
 
191 
    right: 0;
 - 
 
192 
    width: 240px;
 - 
 
193 
    background-color: #fff;
 - 
 
194 
    border-left: 1px solid #e5e5e5;
 - 
 
195 
    border-bottom: 1px solid #e5e5e5;
 - 
 
196 
    border-right: 1px solid #e5e5e5;
 - 
 
197 
    -webkit-border-radius: 0 0 5px 5px;
 - 
 
198 
    -moz-border-radius: 0 0 5px 5px;
 - 
 
199 
    -ms-border-radius: 0 0 5px 5px;
 - 
 
200 
    -o-border-radius: 0 0 5px 5px;
 - 
 
201 
    border-radius: 0 0 5px 5px;
 - 
 
202 
    -webkit-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
 - 
 
203 
    -moz-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
 - 
 
204 
    -ms-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
 - 
 
205 
    -o-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
 - 
 
206 
    box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
 - 
 
207 
    /*opacity: 0; visibility: hidden;*/
 - 
 
208 
}
 - 
 
209 
 
 - 
 
210 
.user-account-settingss.active {
 - 
 
211 
    opacity: 1;
 - 
 
212 
    visibility: visible;
 - 
 
213 
    z-index: 9999;
 - 
 
214 
}
 - 
 
215 
 
 - 
 
216 
.user-account-settingss>h3 {
 - 
 
217 
    color: #000000;
 - 
 
218 
    font-size: 16px;
 - 
 
219 
    font-weight: 600;
 - 
 
220 
    width: 100%;
 - 
 
221 
    border-bottom: 1px solid #e5e5e5;
 - 
 
222 
    padding: 15px 20px;
 - 
 
223 
}
 - 
 
224 
 
 - 
 
225 
.on-off-status {
 - 
 
226 
    width: 100%;
 - 
 
227 
    padding: 20px;
 - 
 
228 
    border-bottom: 1px solid #e5e5e5;
 - 
 
229 
}
 - 
 
230 
 
 - 
 
231 
.on-off-status li {
 - 
 
232 
    width: 100%;
 - 
 
233 
    margin-bottom: 15px;
 - 
 
234 
}
 - 
 
235 
 
 - 
 
236 
.on-off-status li:last-child {
 - 
 
237 
    margin-bottom: 0;
 - 
 
238 
}
 - 
 
239 
 
 - 
 
240 
.on-off-status li .fgt-sec small {
 - 
 
241 
    color: #686868;
 - 
 
242 
}
 - 
 
243 
 
 - 
 
244 
/* =========== search_form =========== */
 - 
 
245 
 
 - 
 
246 
.search_form {
 - 
 
247 
    width: 100%;
 - 
 
248 
    padding: 20px;
 - 
 
249 
    border-bottom: 1px solid #e5e5e5;
 - 
 
250 
 
 - 
 
251 
    form {
 - 
 
252 
        width: 100%;
 - 
 
253 
        position: relative;
 - 
 
254 
 
 - 
 
255 
        input {
 - 
 
256 
            width: 100%;
 - 
 
257 
            height: 35px;
 - 
 
258 
            padding: 0 15px;
 - 
 
259 
            border: 1px solid #e5e5e5;
 - 
 
260 
            background-color: #f2f2f2;
 - 
 
261 
        }
 - 
 
262 
 
 - 
 
263 
        button {
 - 
 
264 
            color: #f2f2f2;
 - 
 
265 
            font-size: 14px;
 - 
 
266 
            background-color: #e44d3a;
 - 
 
267 
            padding: 0 10px;
 - 
 
268 
            height: 100%;
 - 
 
269 
            position: absolute;
 - 
 
270 
            top: 0;
 - 
 
271 
            right: 0;
 - 
 
272 
            border: 0;
 - 
 
273 
            font-weight: 600;
 - 
 
274 
            border-radius: 0 3px 3px 0;
 - 
 
275 
            cursor: pointer;
 - 
 
276 
        }
 - 
 
277 
    }
 - 
 
278 
}
 - 
 
279 
 
 - 
 
280 
/* ============ us-links ============= */
 - 
 
281 
 
 - 
 
282 
.us-links {
 - 
 
283 
    width: 100%;
 - 
 
284 
    border-bottom: 1px solid #e5e5e5;
 - 
 
285 
    padding: 20px;
 - 
 
286 
 
 - 
 
287 
    li {
 - 
 
288 
        width: 100%;
 - 
 
289 
        margin-bottom: 15px;
 - 
 
290 
 
 - 
 
291 
        &:last-child {
 - 
 
292 
            margin-bottom: 0;
 - 
 
293 
        }
 - 
 
294 
 
 - 
 
295 
        a {
 - 
 
296 
            width: 100%;
 - 
 
297 
            color: #000000;
 - 
 
298 
            font-size: 14px;
 - 
 
299 
            font-weight: 500;
 - 
 
300 
        }
 - 
 
301 
    }
 - 
 
302 
}
 - 
 
303 
 
 - 
 
304 
.tc {
 - 
 
305 
    text-align: center;
 - 
 
306 
}
 - 
 
307 
 
 - 
 
308 
.tc a {
 - 
 
309 
    color: #000;
 - 
 
310 
}
 - 
 
311 
 
 28 
 
Línea 312... Línea 29...
312 
/* =================== main-section ================= */
 29 
/* =================== main-section ================= */
313 
 
 30 
 
Línea 321... Línea 38...
321 
    @media (min-width: 1024px) {
 38 
    @media (min-width: 1024px) {
322 
        padding: 0 5%;
 39 
        padding: 0 5%;
323 
    }
 40 
    }
324 
}
 41 
}
Línea 325... Línea -...
325 
 
 - 
 
326 
 
 - 
 
327 
 
 42 
 
328 
.members-container {
 43 
.members-container {
329 
    display: flex;
 44 
    display: flex;
330 
    flex-direction: column;
 45 
    flex-direction: column;
331 
    gap: 0.5rem;
 46 
    gap: 0.5rem;
332 
    align-items: center;
 47 
    align-items: center;
333 
    justify-content: center;
 48 
    justify-content: center;
Línea 334... Línea -...
334 
}
 - 
 
335 
 
 - 
 
336 
@media (max-width: 768px) {
 - 
 
337 
    .notifications-page .container {
 - 
 
338 
        padding: 0 !important;
 - 
 
339 
    }
 - 
 
340 
}
 49 
}
341 
 
 50 
 
342 
.empty-section {
 51 
.empty-section {
343 
    display: grid;
 52 
    display: grid;
344 
    place-items: center;
 53 
    place-items: center;
Línea 404... Línea 113...
404 
    width: 100%;
 113 
    width: 100%;
405 
    background-color: #fff;
 114 
    background-color: #fff;
406 
    margin-bottom: 20px;
 115 
    margin-bottom: 20px;
407 
}
 116 
}
Línea 408... Línea -...
408 
 
 - 
 
409 
.username-dt {
 - 
 
410 
    float: left;
 - 
 
411 
    width: 100%;
 - 
 
412 
    background-color: #e44d3a;
 - 
 
413 
    padding-top: 40px;
 - 
 
414 
}
 - 
 
415 
 
 - 
 
416 
.user-data {
 - 
 
417 
    text-align: center;
 - 
 
418 
}
 - 
 
419 
 
 - 
 
420 
.usr-pic {
 - 
 
421 
    width: 110px;
 - 
 
422 
    height: 110px;
 - 
 
423 
    margin: 0 auto;
 - 
 
424 
    margin-bottom: -48px;
 - 
 
425 
}
 - 
 
426 
 
 - 
 
427 
.usr-pic>img {
 - 
 
428 
    float: none;
 - 
 
429 
    border: 5px solid #fff;
 - 
 
430 
    -webkit-border-radius: 100px;
 - 
 
431 
    -moz-border-radius: 100px;
 - 
 
432 
    -ms-border-radius: 100px;
 - 
 
433 
    -o-border-radius: 100px;
 - 
 
434 
    border-radius: 100px;
 - 
 
435 
    width: 100%;
 - 
 
436 
}
 - 
 
437 
 
 117 
 
Línea 438... Línea -...
438 
/* ============= Suggestions ============ */
 - 
 
439 
 
 - 
 
440 
.list-icon {
 - 
 
441 
    border-radius: 100px;
 - 
 
442 
    width: 15px;
 - 
 
443 
    height: 15px;
 - 
 
444 
    background-color: var(--background-light-gray);
 - 
 
445 
    drop-shadow: 0 0 5px #000;
 - 
 
446 
    margin-right: 0.5rem;
 - 
 
447 
}
 118 
/* ============= Suggestions ============ */
448 
 
 119 
 
449 
.sd-title {
 120 
.sd-title {
450 
    width: 100%;
 121 
    width: 100%;
451 
    position: relative;
 122 
    position: relative;