Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 714 | Ir a la última revisión | | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 www 1
@media (max-width: 1200px) {
2
  header nav {
3
    position: fixed;
4
    top: 0;
5
    left: 0;
6
    width: 200px;
7
    height: 100%;
8
    background-color: #e44d3a;
9
    padding: 25px 20px;
10
    opacity: 0;
11
    visibility: hidden;
12
    z-index: 0;
13
  }
14
  header nav.active {
15
    opacity: 1;
16
    visibility: visible;
17
    z-index: 9999;
18
  }
19
  header nav ul li {
20
    float: left;
21
    width: 100%;
22
    text-align: left;
23
    padding: 0 0 0 0;
24
    margin-bottom: 20px;
25
  }
26
  .menu-btn {
27
    display: block;
28
  }
29
  header nav ul li span {
30
    display: inline-block;
31
    margin-right: 10px;
32
  }
33
  .widget-about h3 {
34
    font-size: 16px;
35
  }
36
  .widget-about span {
37
    font-size: 13px;
38
  }
39
  .suggestion-usd {
40
    padding: 15px 5px;
41
  }
42
  .cp-sec p {
43
    margin-top: 10px;
44
    float: none;
45
  }
46
  .comment_box input {
47
    width: 281px;
48
  }
49
  .job-details {
50
    width: 112px;
51
  }
52
  .job-details h3 {
53
    line-height: 18px;
54
  }
55
  .sd-title h3 {
56
    font-size: 15px;
57
  }
58
  .cp-sec > img {
59
    text-align: center;
60
    float: none;
61
  }
62
  .cp-sec {
63
    text-align: center;
64
  }
65
  .flw-status li {
66
    margin-right: 10px;
67
  }
68
  .flw-status li span {
69
    font-size: 16px;
70
  }
71
  .social_links li a {
72
    font-size: 10px;
73
  }
74
  .footy-sec ul {
75
    width: 100%;
76
    text-align: center;
77
  }
78
  .fl-rgt {
79
    float: none;
80
    margin-top: 0;
81
    padding-bottom: 20px;
82
    width: auto;
83
    padding-right: 0;
84
  }
85
  .footy-sec.mn p {
86
    margin-top: 0;
87
    padding-bottom: 20px;
88
  }
89
  .footy-sec.mn ul {
90
    padding: 30px 0 25px 0;
91
    float: none;
92
  }
93
  .hr-rate {
94
    margin-top: 10px;
95
  }
96
  .filter-secs {
97
    margin-bottom: 40px;
98
  }
99
  .tab-feed ul li {
100
    margin-bottom: 30px;
101
  }
102
  .star-descp > a {
103
    float: left;
104
    width: 100%;
105
    margin-left: 0;
106
    margin-top: 10px;
107
  }
108
  .tab-feed {
109
    margin-bottom: 30px;
110
  }
111
  .footy-sec p {
112
    width: 100%;
113
    text-align: center;
114
    margin-top: 15px;
115
  }
116
  .footy-sec p img {
117
    float: none;
118
    top: 2px;
119
  }
120
  .footy-sec {
121
    text-align: center;
122
  }
123
  .search-bar.st2 {
124
    display: none;
125
  }
126
  .usr_quest {
127
    width: 85%;
128
  }
129
  .full-pagi {
130
    display: block !important;
131
  }
132
  .post_comment_sec {
133
    width: 85%;
134
  }
135
  .acc-leftbar .nav-tabs > a i {
136
    width: 30px;
137
  }
138
  .acc-leftbar .nav-tabs > a {
139
    font-size: 14px;
140
  }
141
  .notification-box {
142
    left: 100%;
143
    top: 0;
144
  }
145
  /* nav ul ul {
146
    left: 50%;
147
    top: 0;
148
    border: 1px solid #e4e4e4;
149
    padding-left: 20px;
150
    padding-right: 20px;
151
  } */
152
  .sgt-text span {
153
    font-size: 12px;
154
  }
155
  .helpforum a {
156
    padding: 10px 15px 10px 11px;
157
  }
158
  .search-container button {
159
    margin-left: -4px;
160
  }
161
  .settingjb ul li {
162
    margin-right: 12px !important;
163
  }
164
  .usy-dt .reply {
165
    width: 230px;
166
  }
167
}
168
 
169
@media (max-width: 991px) {
170
  .sgt-text span {
171
    font-size: 14px;
172
  }
173
  main {
174
    padding: 20px 0 60px 0;
175
  }
176
  .user-specs span {
177
    font-size: 13px;
178
  }
179
  .comment_box input {
180
    width: 275px;
181
  }
182
  .job-details {
183
    width: auto;
184
  }
185
  .hr-rate {
186
    margin-top: 15px;
187
  }
188
  .suggestion-usd {
189
    padding: 15px 20px;
190
  }
191
  .right-sidebar {
192
    margin-top: 50px;
193
  }
194
  .companies-info {
195
    padding: 30px 0 60px 0;
196
  }
197
  .pf-gallery ul li {
198
    width: auto;
199
  }
200
  .social_links li a {
201
    font-size: 13px;
202
  }
203
  .footy-sec.mn ul li {
204
    margin-bottom: 10px;
205
  }
206
  .user-pro-img > a {
207
    left: 56%;
208
  }
209
  .no-pd {
210
    padding: 0;
211
  }
212
  .footy-sec ul li {
213
    margin-bottom: 10px;
214
  }
215
  .cm-logo {
216
    padding-left: 0;
217
  }
218
  .signin-pop::before {
219
    display: none;
220
  }
221
  .cmp-info > img {
222
    display: none;
223
  }
224
  .cm-logo {
225
    margin-bottom: 0px;
226
  }
227
  .sign-control {
228
    text-align: left;
229
  }
230
  .sign_in_sec {
231
    padding: 0 20px;
232
  }
233
  .sign-control {
234
    padding-left: 20px;
235
    padding-right: 0;
236
    margin-bottom: 30px;
237
  }
238
  .login-resources ul li {
239
    float: none;
240
    width: auto;
241
    display: inline-block;
242
    margin-right: 10px;
243
  }
244
  .login-resources ul li a {
245
    padding: 13px 15px;
246
  }
247
  .signin-popup {
248
    width: 100%;
249
    padding: 0 20px;
250
  }
251
  .cmp-info {
252
    padding: 40px 20px 0 20px;
253
  }
254
  .signup-tab {
255
    margin-top: 0;
256
  }
257
  .full-pagi {
258
    margin-bottom: 20px;
259
  }
260
  .widget-adver img {
261
    width: auto;
262
  }
263
  .widget-adver {
264
    text-align: center;
265
  }
266
  .widget-adver img {
267
    float: none;
268
  }
269
  .next-prev {
270
    margin-bottom: 20px;
271
  }
272
  .msgs-list {
273
    margin-bottom: 30px;
274
  }
275
  .acc-leftbar .nav-tabs > a i {
276
    width: 40px;
277
  }
278
  .acc-leftbar .nav-tabs > a {
279
    font-size: 16px;
280
  }
281
  .acc-leftbar {
282
    margin-bottom: 30px;
283
  }
284
  .profile-account-setting {
285
    margin-bottom: 50px;
286
  }
287
  .profile-bx-info {
288
    margin-bottom: 25px;
289
  }
290
  .profile-bx-details {
291
    margin-bottom: -25px;
292
  }
293
  .search-container button {
294
    width: 8%;
295
  }
296
  .helpforum a {
297
    padding: 10px 10px 10px 10px;
298
  }
299
  .usy-dt .reply {
300
    width: 450px;
301
  }
302
}
303
 
304
@media (max-width: 768px) {
305
  .login_register {
306
    display: none;
307
  }
308
  .forum-bar ul {
309
    float: right;
310
  }
311
  .comment_box input {
312
    width: 84%;
313
  }
314
  .comment_box {
315
    width: 88%;
316
  }
317
  .no-pd {
318
    padding: 0;
319
  }
320
  .sign-in-page {
321
    padding: 60px 0;
322
  }
323
  .overview-box {
324
    width: 100%;
325
  }
326
  .close-box {
327
    top: -23px;
328
    right: 2px;
329
  }
330
  .forum-links ul li {
331
    margin-right: 20px;
332
  }
333
  .forum-links ul li a {
334
    font-size: 13px;
335
  }
336
  .forum-links-btn {
337
    display: block;
338
  }
339
  .forum-links {
340
    position: fixed;
341
    top: 0;
342
    left: 0;
343
    width: 240px;
344
    background-color: #e44d3a;
345
    height: 100%;
346
    padding: 0 20px;
347
    opacity: 0;
348
    visibility: hidden;
349
  }
350
  .forum-links ul li {
351
    float: left;
352
    width: 100%;
353
    padding: 0;
354
    margin-bottom: 20px;
355
  }
356
  .forum-links ul li a {
357
    color: #fff;
358
    font-size: 16px;
359
  }
360
  .forum-questions .usr_quest {
361
    width: 100%;
362
    padding: 0;
363
  }
364
  .forum-questions .usr_img {
365
    margin-bottom: 15px;
366
  }
367
  .page-link {
368
    padding: 10px;
369
  }
370
  .pvr {
371
    padding: 10px;
372
  }
373
  .forum-post-view .usr_quest {
374
    width: 100%;
375
    padding: 0;
376
    margin-top: 20px;
377
  }
378
  .mf-field input {
379
    width: 100%;
380
    margin-bottom: 20px;
381
  }
382
  .mf-field button {
383
    margin-left: 0;
384
    margin-bottom: 10px;
385
  }
386
  .message-inner-dt > img {
387
    margin-bottom: 10px;
388
  }
389
  .innertitle h2 {
390
    font-size: 26px;
391
  }
392
  .search-container input[type="text"] {
393
    width: 70%;
394
  }
395
  .search-container button {
396
    width: 12%;
397
  }
398
  .postcomment .form-control {
399
    width: 100%;
400
    margin-left: 0px;
401
    margin-top: 5px;
402
  }
403
  .usy-dt .reply {
404
    width: 270px;
405
  }
406
  .privacy i {
407
    margin-left: 10px;
408
  }
409
  .bids-detail ul {
410
    display: block;
411
  }
412
}
413
 
414
@media (max-width: 576px) {
415
  .signin-pop {
416
    margin-bottom: 40px;
417
  }
418
  .login-resources ul li {
419
    margin-bottom: 7px;
420
  }
421
  .logo {
422
    width: 100%;
423
    text-align: center;
424
  }
425
  .logo img {
426
    float: none;
427
  }
428
  .search-bar {
429
    width: 100%;
430
  }
431
  .user-account {
432
    float: left;
433
  }
434
  .cm_img {
435
    width: 100%;
436
    text-align: center;
437
    margin-bottom: 10px;
438
  }
439
  .cm_img img {
440
    float: none;
441
  }
442
  .comment_box {
443
    width: 100%;
444
  }
445
  .comment_box input {
446
    width: 100%;
447
    margin-bottom: 10px;
448
  }
449
  .comment_box form button {
450
    float: none;
451
  }
452
  .post-comment {
453
    text-align: center;
454
  }
455
  .comment_box form button {
456
    padding: 0 15px;
457
  }
458
  .job-details {
459
    width: 80%;
460
  }
461
  .cover-sec {
462
    height: 200px;
463
  }
464
  .cover-sec img {
465
    height: 100%;
466
    object-fit: cover;
467
  }
468
  .star-descp > ul {
469
    width: 100%;
470
    margin-top: 10px;
471
  }
472
  .job-status-bar {
473
    /* flex-direction: column; */
474
    justify-content: space-between;
475
  }
476
 
477
  .like-com li {
478
    margin-right: 5px;
479
  }
480
  .bk-links {
481
    width: 100%;
482
    margin-top: 15px;
483
  }
484
  main {
485
    padding: 20px 0 40px 0;
486
  }
487
  .bk-links {
488
    margin-bottom: 10px;
489
  }
490
  .star-descp {
491
    margin-bottom: 25px;
492
  }
493
  .like-com li {
494
    float: left;
495
    /* width: 100%; */
496
    /* margin-bottom: 15px; */
497
  }
498
  .like-com {
499
    display: flex;
500
  }
501
  .job-status-bar > a {
502
    float: left;
503
  }
504
  .lt-sec h4 {
505
    font-size: 14px;
506
  }
507
  .cc-head ul {
508
    float: left;
509
    width: 100%;
510
    margin-top: 10px;
511
  }
512
  .add-billing-method span {
513
    width: 85%;
514
    line-height: 18px;
515
  }
516
  .add-billing-method h4 img {
517
    margin-top: 10px;
518
  }
519
  .star-descp span {
520
    font-size: 14px;
521
  }
522
  .footy-sec {
523
    margin-top: 30px;
524
  }
525
  .post-popup {
526
    width: 100%;
527
    overflow: scroll;
528
  }
529
  .price-br {
530
    float: left;
531
    width: 100% !important;
532
  }
533
  .price-sec span {
534
    padding: 0;
535
    margin-bottom: 20px;
536
  }
537
  .post-project > a {
538
    top: 21px;
539
    right: 20px;
540
  }
541
  .forum-bar h2 {
542
    float: left;
543
    width: 100%;
544
    text-align: center;
545
  }
546
  .forum-bar {
547
    margin-top: 0;
548
    width: 100%;
549
  }
550
  .forum-bar ul {
551
    width: 100%;
552
    text-align: center;
553
    margin-top: 30px;
554
    padding-bottom: 20px;
555
  }
556
  .forum-bar ul li {
557
    float: left;
558
    width: 100%;
559
    text-align: center;
560
    margin-bottom: 25px;
561
  }
562
  .usr_quest > h3 {
563
    line-height: 22px;
564
  }
565
  .quest-posted-time {
566
    position: static;
567
    float: left;
568
    width: 100%;
569
    margin-top: 20px;
570
  }
571
  .react-links li {
572
    float: left;
573
    width: 100%;
574
    margin-bottom: 15px;
575
  }
576
  .react-links li:last-child {
577
    margin-bottom: 0;
578
  }
579
  .pagination {
580
    display: block;
581
  }
582
  .pagination li {
583
    margin-bottom: 15px;
584
  }
585
  .post_comment_sec {
586
    width: 100%;
587
    margin-top: 20px;
588
  }
589
  .widget-adver img {
590
    width: 100%;
591
  }
592
  .message-inner-dt > p {
593
    width: 80%;
594
  }
595
  .mf-field button {
596
    width: auto;
597
    padding: 0 20px;
598
  }
599
  .save-stngs ul li {
600
    float: left;
601
    width: 100%;
602
    margin-bottom: 15px;
603
  }
604
  .save-stngs ul li:last-child {
605
    margin-bottom: 0;
606
  }
607
  .notification-info {
608
    width: 100%;
609
    padding: 0;
610
    margin-top: 15px;
611
  }
612
  .notification-info h3 {
613
    line-height: 18px;
614
  }
615
  .conversation-box {
616
    width: 100%;
617
    right: 0;
618
  }
619
  .user-account-settingss {
620
    right: auto;
621
    left: 0;
622
  }
623
  .login-resources {
624
    text-align: left;
625
  }
626
  .forum-bar ul li:last-child {
627
    margin-bottom: 0;
628
  }
629
  .conversation-box {
630
    left: -20px;
631
    width: 280px;
632
  }
633
  .innertitle {
634
    margin-top: 120px;
635
  }
636
  .bennertext {
637
    left: 5%;
638
    right: 5%;
639
  }
640
  .search-container input[type="text"] {
641
    height: 45px;
642
    font-size: 16px;
643
  }
644
  .search-container button {
645
    width: 12%;
646
    height: 45px;
647
  }
648
  .devepbtn a {
649
    display: inline-block;
650
    margin-bottom: 5px;
651
  }
652
  .usy-dt .reply {
653
    margin-bottom: 25px;
654
    width: 100%;
655
    margin-top: 10px;
656
    margin-left: 0;
657
  }
658
  .replybtn {
659
    margin-left: 0px;
660
  }
661
  .appliedjob ul {
662
    display: block;
663
  }
664
  .close {
665
    display: none;
666
  }
667
}
668
 
669
@media (max-width: 410px) {
670
  .post-st ul li a {
671
    font-size: 12px;
672
    padding: 0 6px;
673
  }
674
  .like-com li a {
675
    font-size: 12px;
676
  }
677
  .job_descp h3 {
678
    font-size: 16px;
679
  }
680
  .pf-gallery ul li {
681
    padding: 3px;
682
  }
683
  .checky-sec > a {
684
    float: left;
685
    width: 100%;
686
    margin-top: 10px;
687
    padding-left: 20px;
688
  }
689
  .checky-sec.st2 small {
690
    width: 85%;
691
  }
692
  .quest-tags li {
693
    float: left;
694
    width: 100%;
695
    margin-bottom: 15px;
696
  }
697
  .quest-tags li:last-child {
698
    margin-bottom: 0;
699
  }
700
  .message-inner-dt > p {
701
    padding: 10px;
702
  }
703
  .request-info {
704
    width: 100%;
705
    padding: 0;
706
    margin: 15px 0;
707
  }
708
  .accept-feat {
709
    width: 100%;
710
  }
711
  .requests-list {
712
    padding-bottom: 50px;
713
  }
714
  .innertitle {
715
    margin-top: 100px;
716
  }
717
  .sec-search {
718
    display: none;
719
  }
720
  .searchtitle h2 {
721
    padding-bottom: 30px;
722
  }
723
  .ed-opts > a {
724
    position: absolute;
725
  }
726
  .cadidatesbtn {
727
    position: relative;
728
  }
729
  .place-bid-form .input-group input {
730
    width: 60px;
731
  }
732
  .input-group-prepend {
733
    width: 60px;
734
  }
735
  .delivery .input-group select {
736
    width: 125px;
737
  }
738
  .custom-file-input {
739
    margin-left: 0;
740
  }
741
}