viithiisys / spotlight-frontend

Blame view

src/assets/css/media.css 3.91 KB
edit raw normal view history
8a0dd59d9   Digvijay Singh   first commit 
1
2
3
4
5
6
7
8
 
  
  
  /* ----------- Non-Retina Screens ----------- */
  @media screen 
    and (min-device-width: 1200px) 
    and (max-device-width: 1400px) 
    and (-webkit-min-device-pixel-ratio: 1) { 
      .wc-spc-lf-tp{ padding-top: 88px; padding-left: 0px; }
988b5d20a   Digvijay Singh   new changes 
9
 
      .user-profile{padding-right: 90px; width: 675px;}
8a0dd59d9   Digvijay Singh   first commit 
10
11
12
13
14
15
16
17
18
19
 
   
  }
  
  /* ----------- Retina Screens ----------- */
  @media screen 
    and (min-device-width: 900px) 
    and (max-device-width: 1440px) 
    and (-webkit-min-device-pixel-ratio: 1) { 
      .wc-spc-lf-tp{ padding-top: 162px; padding-left: 0px; }
      .form-layout.signup-frm-spc { margin-top: 114px; float:right;}
988b5d20a   Digvijay Singh   new changes 
20
 
      .user-profile{padding-right: 90px; width: 675px;}
8a0dd59d9   Digvijay Singh   first commit 
21
22
23
24
25
26
27
28
29
 
   
  }
  
  @media screen 
    and (min-device-width: 1050px) 
    and (max-device-width: 1440px) 
    and (-webkit-min-device-pixel-ratio: 1) { 
      .wc-spc-lf-tp{ padding-top: 162px; padding-left: 0px; }
      .form-layout.signup-frm-spc { margin-top: 114px;}
988b5d20a   Digvijay Singh   new changes 
30
 
      .user-profile{padding-right: 90px; width: 675px;}
8a0dd59d9   Digvijay Singh   first commit 
31
32
33
34
35
36
37
38
 
    
  }
  @media screen 
    and (min-device-width: 768px) 
    and (max-device-width: 1366px) 
    and (-webkit-min-device-pixel-ratio: 1) { 
      .wc-spc-lf-tp{ padding-top: 90px; padding-left: 0px; }
      .form-layout.signup-frm-spc { margin-top: 41px;}
988b5d20a   Digvijay Singh   new changes 
39
 
      .user-profile{padding-right: 90px;width: 570px;}
8a0dd59d9   Digvijay Singh   first commit 
40
41
42
43
44
45
46
47
48
49
 
     
    
  }
  
  /* mobile */
  /* Portrait and Landscape */
  @media only screen 
    and (min-device-width: 320px) 
    and (max-device-width: 960px)
    and (-webkit-min-device-pixel-ratio: 2) {
988b5d20a   Digvijay Singh   new changes 
50
8a0dd59d9   Digvijay Singh   first commit 
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
 
      .main-wrp{ padding-left: 15px; padding-right: 15px;}
      .wc-spc-lf-tp {
        padding-top: 52px;
        padding-left: 28px;
        padding-bottom:50px;
    }
    .form-layout.signup-frm-spc{margin-top: 50px; float:unset; margin: 50px auto;}
  
  .navbar-toggler{    padding: 0px; margin-top: -10px;
    width: 40px;
    height: 40px;
    float: right; box-shadow: 0px; outline: 0px;}
  .navbar-toggler span{ width: 100%; display: block; height: 3px; background:#000; margin:7px 0;}
  
    .col-reverse{display: flex;
      flex-direction: column-reverse;}
      .reset-pass-spc {
        margin-top: 20px;
    }
988b5d20a   Digvijay Singh   new changes 
70
71
72
73
74
75
76
77
78
79
80
81
82
 
  /* profile */
  .inner-wrp{ padding-left: 15px; padding-right: 15px; height: 100%; overflow: auto;}
  .user-profile{ padding-right: 0px; margin-left: 0px;position: unset; margin-top:20px ; width: 100%;}
  .data-wrp {padding-left: 15px;padding-right: 15px;padding-bottom: 50px; padding-top: 0px;}
  .card-warpper{ margin-left: 15px; margin-right: 0px; float: unset;margin-left:15px; margin-top: 90px;}
  .add-card-warpper{margin-left: 15px; margin-right: 0px; float: unset; margin-left:15px; margin-top: 50px;}
    .talk-to-me{ margin-bottom: 30px;}
    .profile-data-wrp{ position: relative;}
    .user-profile-photo {
      position: absolute;
      right: 82px;
      top: 16px;
  }
8a0dd59d9   Digvijay Singh   first commit 
83
84
85
86
87
88
89
90
 
  }
  
  /* tab */
  /* Portrait and Landscape */
  @media only screen 
    and (min-device-width: 1024px) 
    and (max-device-width: 1366px)
    and (-webkit-min-device-pixel-ratio: 2) {
988b5d20a   Digvijay Singh   new changes 
91
92
 
      .main-wrp{background-position: bottom 100px left -100px;}
8a0dd59d9   Digvijay Singh   first commit 
93
94
95
96
97
98
99
100
 
     
  
  }
  @media only screen 
    and (min-device-width: 1024px) 
    and (max-device-width: 1024px) 
    and (orientation: portrait) 
    and (-webkit-min-device-pixel-ratio: 2) {
988b5d20a   Digvijay Singh   new changes 
101
 








8a0dd59d9
 
 Digvijay Singh
 
first commit




102
103
104
105
106
107
108
109
110
111
112
113




  }
  /* /
  
  /* Portrait */
  @media only screen 
    and (min-device-width: 768px) 
    and (max-device-width: 1024px) 
    and (orientation: portrait) 
    and (-webkit-min-device-pixel-ratio: 1) {
      .col-reverse{
        flex-direction:unset;}
        .main-wrp{background-size: 100%;    background-position: bottom -10px left -130px;}









988b5d20a
 
 Digvijay Singh
 
new changes




114
115
116
117




        .card-warpper{ float: left;}
        .add-card-warpper{ float: left; margin-top: 0px;}
        .user-profile{    width: 540px;
          margin-left: 30px; margin-top: 0px;} 









8a0dd59d9
 
 Digvijay Singh
 
first commit




118
119
120
121
122
123
124
125
126




  
  }
  /* Portrait and Landscape */
  @media only screen 
    and (min-device-width: 768px) 
    and (max-device-width: 1024px) 
    and (-webkit-min-device-pixel-ratio: 1) {
      .main-wrp{background-position: bottom -10px left -130px !important;}
      .wc-spc-lf-tp{ padding-left: 0px;     padding-top: 100px;}









988b5d20a
 
 Digvijay Singh
 
new changes




127
128




      .user-profile{padding-right: 0px; width: 380px;}
      .card-warpper{margin-bottom: 40px; margin-right: 25px;}









8a0dd59d9
 
 Digvijay Singh
 
first commit




129




  }