Blame view
src/assets/css/media.css
10.6 KB
8a0dd59d9
first commit
|
1 |
|
de0f96bc5
new files
|
2 |
@media only screen and (min-width :768px) |
|
921970bb2
new files
|
3 4 |
and (max-device-width: 1280px)
{
|
|
de0f96bc5
new files
|
5 |
|
|
921970bb2
new files
|
6 |
|
|
921970bb2
new files
|
7 8 9 10 11 |
.single-author-comments{-ms-transform: scale(0.8); /* IE 9 */
transform: scale(0.8); /* Standard syntax */ bottom: -55px; }
.allMWrp{ top: -68px; -ms-transform: scale(0.8); /* IE 9 */
transform: scale(0.8); /* Standard syntax */ bottom: -50px !important;
top: unset !important;}
|
|
de0f96bc5
new files
|
12 13 14 15 16 17 |
/* no comments */
/* no comments */
|
|
921970bb2
new files
|
18 19 |
} |
|
8a0dd59d9
first commit
|
20 |
|
|
8a0dd59d9
first commit
|
21 |
@media screen |
|
921970bb2
new files
|
22 23 24 25 26 27 28 29 |
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;}
.user-profile{padding-right: 90px;width: 570px;}
.spot-light-top{ top: -68px; -ms-transform: scale(0.8); /* IE 9 */
transform: scale(0.8); /* Standard syntax */}
|
|
de0f96bc5
new files
|
30 |
.ft-comments-group{ width: 100%; }
|
|
921970bb2
new files
|
31 32 33 34 35 36 37 38 39 |
.single-author-comments{-ms-transform: scale(0.8); /* IE 9 */
transform: scale(0.8); /* Standard syntax */ bottom: -55px; }
.thanks-wrapper{-ms-transform: scale(0.8); /* IE 9 */
transform: scale(0.8); /* Standard syntax */ bottom: -40px;}
.single-mobileInsight{-ms-transform: scale(0.8); /* IE 9 */
transform: scale(0.8); /* Standard syntax */ bottom: -65px;}
.allMWrp{ top: -68px; -ms-transform: scale(0.8); /* IE 9 */
transform: scale(0.8); /* Standard syntax */ bottom: -50px !important;
top: unset !important;}
|
|
de0f96bc5
new files
|
40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 |
.s-web-screen-wrp{ top: -68px; -ms-transform: scale(0.8); /* IE 9 */
transform: scale(0.8); /* Standard syntax */ bottom: 80px !important; top: unset; }
.screengrab-wrp{ -ms-transform: scale(0.8); /* IE 9 */
transform: scale(0.8); /* Standard syntax */ bottom: 150px !important; top: unset; }
.two-webscreen-insight{ -ms-transform: scale(0.8); /* IE 9 */
transform: scale(0.8); /* Standard syntax */ bottom: -57px !important; top: unset; }
.smasung-g-10wrp{ -ms-transform: scale(0.8); /* IE 9 */
transform: scale(0.8); /* Standard syntax */ bottom: -79px !important; top: unset; }
.two-author-desktop{ -ms-transform: scale(0.8); /* IE 9 */
transform: scale(0.8); /* Standard syntax */ bottom: -48px !important; top: unset; }
/* no comments */
.intro-startup .footer-top .top-intro-bt li:first-child{ margin-right: 3px;}
.wc-spc-lf-tp { padding-top: 112px !important; }
.form-layout.signup-frm-spc {
margin-top: 54px !important;
}
.sign-wrp{-ms-transform: scale(0.8); /* IE 9 */
transform: scale(0.8); /* Standard syntax */}
/* no comments */
|
|
8a0dd59d9
first commit
|
61 |
} |
|
921970bb2
new files
|
62 63 64 65 66 67 |
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1050px)
and (max-device-width: 1680px)
{
.epi-bg{ left: 13%;}
.popcorn-set{ right: 360px;}
|
|
de0f96bc5
new files
|
68 69 70 71 72 73 74 75 76 |
.ft-comments-group{width: 100%;}
/* no comments */
/* no comments */
|
|
921970bb2
new files
|
77 78 79 |
}
/* ----------- Non-Retina Screens ----------- */
|
|
8a0dd59d9
first commit
|
80 |
@media screen |
|
921970bb2
new files
|
81 82 83 84 85 86 87 |
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; }
.user-profile{padding-right: 90px; width: 675px;}
.insights-details{ width: 620px;}
.episode-intro{ background-position: 101px -266px !important;}
|
|
de0f96bc5
new files
|
88 89 90 91 92 93 94 95 96 97 98 99 100 101 |
.ft-comments-group{ margin-left:0px;width: 100%;}
.intro-startup .footer-top .top-intro-bt li a{ padding: 6px 6px;}
/* no comments */
.comment-frm .frm-wdth{ padding-right: 20px;}
.c-with-photos{ margin-left: -70px;}
.all-c-space{ padding-left: 104px !important;}
.addfrm-spc{ padding-right: 60px !important;}
.web-ps-insight-spc{ right: -220px;}
.s-web-screen-wrp{ bottom: 150px;}
/* no comments */
|
|
921970bb2
new files
|
102 |
|
|
8a0dd59d9
first commit
|
103 |
} |
|
921970bb2
new files
|
104 |
/* ----------- Retina Screens ----------- */ |
|
8a0dd59d9
first commit
|
105 |
@media screen |
|
921970bb2
new files
|
106 107 108 109 110 111 112 113 114 115 116 |
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;}
.user-profile{padding-right: 90px; width: 675px;}
.insights-details{ width: 620px;}
.episode-intro{ background-position: 101px -266px !important;}
.spot-light-top{ left: -170px;}
.popcorn-set {
right: 160px;
|
|
8a0dd59d9
first commit
|
117 |
} |
|
de0f96bc5
new files
|
118 119 120 121 122 123 124 125 126 127 128 129 130 131 |
.ft-comments-group{ margin-left:0px; width: 100%;}
.comment-frm .frm-wdth{ padding-right: 20px;}
.intro-startup .footer-top .top-intro-bt li a{ padding: 6px 6px;}
/* no comments */
.c-with-photos{ margin-left: -70px;}
.all-c-space{ padding-left: 104px !important;}
.addfrm-spc{ padding-right: 60px !important;}
.web-ps-insight-spc{ right: -220px;}
.s-web-screen-wrp{ bottom: 150px;}
/* no comments */
|
|
921970bb2
new files
|
132 |
} |
|
8a0dd59d9
first commit
|
133 |
@media screen |
|
921970bb2
new files
|
134 135 136 137 138 139 140 141 142 143 144 |
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;}
.user-profile{padding-right: 90px; width: 675px;}
.insights-details{ width: 620px;}
.episode-intro{ background-position: 101px -266px !important;}
.epi-bg {
left: 6%;
}
|
|
de0f96bc5
new files
|
145 146 147 148 149 150 151 152 153 154 155 156 157 |
.ft-comments-group{ margin-left:0px; width: 100%;}
.intro-startup .footer-top .top-intro-bt li a{ padding: 6px 6px;}
.comment-frm .frm-wdth{ padding-right: 20px;}
/* no comments */
.c-with-photos{ margin-left: -70px;}
.all-c-space{ padding-left: 104px !important;}
.addfrm-spc{ padding-right: 60px !important;}
.web-ps-insight-spc{ right: -220px;}
.s-web-screen-wrp{ bottom: 150px;}
/* no comments */
|
|
8a0dd59d9
first commit
|
158 159 160 161 162 163 164 165 |
}
/* 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
new changes
|
166 |
|
|
921970bb2
new files
|
167 168 169 170 |
.insights-wrp{ padding: 0 20px 0 20px;}
.insights-searh {
width: 300px;}
.insights-list-filter li{ margin: 0 3px 9px 3px;}
|
|
8a0dd59d9
first commit
|
171 172 173 174 175 176 |
.main-wrp{ padding-left: 15px; padding-right: 15px;}
.wc-spc-lf-tp {
padding-top: 52px;
padding-left: 28px;
padding-bottom:50px;
}
|
|
921970bb2
new files
|
177 178 179 180 181 182 183 184 185 186 187 188 |
.insights-searh input::-webkit-input-placeholder { /* Edge */
font-size: 15px; line-height: 28px; font-weight: 400; opacity: 0.5; color:#000;
}
.insights-searh input:-ms-input-placeholder { /* Internet Explorer 10-11 */
font-size: 15px; line-height: 28px; font-weight: 400; opacity: 0.5; color:#000;
}
.insights-searh input::placeholder {
font-size: 15px; line-height: 28px; font-weight: 400; opacity: 0.5; color:#000;
}
.insights-border span{ font-size: 15px; line-height: 19px; font-weight: 600; text-transform: uppercase;}
|
|
8a0dd59d9
first commit
|
189 190 191 192 193 194 195 196 197 198 199 200 201 |
.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
new changes
|
202 203 204 205 206 207 208 209 210 211 212 213 214 |
/* 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;
}
|
|
298fff252
new design added
|
215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 |
.replies-wrp{ width: 100%; margin-left: 0px;}
.replies { padding-top: 100px;}
.inner-wrp h1{ width: 100%; display: block; float: left;}
.verified-team {width: 129px; display: block;margin-top: 7px;position: unset; margin-left: 0px;}
.profile-tab li { float: left; padding-bottom: 10px; margin-right: 0;margin-bottom: 20px;}
.profile-tab li a{ font-size: 17px;}
.members-wrp{ padding:50px 0 50px 0px; width: 100%;}
.members-wrp .member-list{ width: 298px;}
.members-wrp .member-list a span h1{ margin-top:0px;}
.insights-spc {
padding: 0 0px;
}
.insights-list {
list-style-type: none;
margin: 0px;
padding: 0px;
width: auto;
display: block;
float: left;
margin-top: -10px;
margin-left: 11px;
}
.insights-details{ width: 100%;}
.insights-profile{ right: 12px;}
|
|
8a0dd59d9
first commit
|
239 240 241 242 243 244 245 246 |
}
/* 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
new changes
|
247 |
.main-wrp{background-position: bottom 100px left -100px;}
|
|
298fff252
new design added
|
248 249 250 251 252 253 254 |
.replies-wrp{ width: 760px;}
.insights-spc {
padding: 0 30px;
}
.insights-details {
width: 490px;
}
|
|
8a0dd59d9
first commit
|
255 256 |
} |
|
298fff252
new design added
|
257 258 259 260 261 262 263 264 265 266 |
/* Portrait and Landscape */
@media only screen
and (min-width: 1024px)
and (max-height: 1366px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1.5) {
.insights-details {
width: 620px;
}
}
|
|
8a0dd59d9
first commit
|
267 268 269 270 271 |
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
|
|
298fff252
new design added
|
272 |
.replies-wrp{ width: 760px;}
|
|
8a0dd59d9
first commit
|
273 274 275 276 277 278 279 280 281 282 283 284 |
}
/* /
/* 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
new changes
|
285 286 287 288 |
.card-warpper{ float: left;}
.add-card-warpper{ float: left; margin-top: 0px;}
.user-profile{ width: 540px;
margin-left: 30px; margin-top: 0px;}
|
|
298fff252
new design added
|
289 290 291 292 293 294 295 296 |
.replies-wrp{ width: 100%; margin-left: 0px;}
.replies { padding-top: 100px;}
.profile-tab li a{ font-size: 17px;}
.profile-tab li{ margin-right: 15px;}
.members-wrp .member-list{ margin-right: 50px;}
.insights-spc {
padding: 0 70px;
}
|
|
8a0dd59d9
first commit
|
297 298 299 300 301 302 303 304 |
}
/* 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
new changes
|
305 306 |
.user-profile{padding-right: 0px; width: 380px;}
.card-warpper{margin-bottom: 40px; margin-right: 25px;}
|
|
298fff252
new design added
|
307 308 309 310 311 312 313 |
.profile-tab li a{ font-size: 17px;}
.profile-tab li{ margin-right: 15px;}
.members-wrp{ width: 700px;}
.members-wrp .member-list{ width: 320px; margin-right: 25px;}
.insights-details {
width:520px;
}
|
|
921970bb2
new files
|
314 |
.insights-wrp{ padding: 0 50px 0 40px;}
|
|
8a0dd59d9
first commit
|
315 |
} |