Blame view
src/assets/css/media.css
11.4 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 |
and (min-device-width: 768px)
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 1) {
|
|
f2328546d
new changes
|
25 26 27 28 29 30 31 32 33 34 35 |
.intro-startup .footer-top .top-intro-bt{width: 212px; margin-left: -21px;}
.bottom-startup{-ms-transform: scale(0.9); /* IE 9 */
transform: scale(0.9); /* Standard syntax */ left: -10px;}
.epi-bg{bottom: -159px; left: 8.5% !important;}
.compare-c{-ms-transform: scale(0.8); /* IE 9 */
transform: scale(0.8); /* Standard syntax */}
.popup-wrp{-ms-transform: scale(0.8); /* IE 9 */
transform: scale(0.8); /* Standard syntax */}
.popup-set{ margin-top: 0px;}
.sign-login-wrp{ -ms-transform: scale(0.8); /* IE 9 */
transform: scale(0.8); /* Standard syntax */ margin-top: 5%; }
|
|
921970bb2
new files
|
36 37 38 39 40 |
.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
|
41 |
.ft-comments-group{ width: 100%; }
|
|
921970bb2
new files
|
42 43 44 45 46 47 48 49 50 |
.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
|
51 52 53 54 55 56 57 58 |
.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 */
|
|
f2328546d
new changes
|
59 |
transform: scale(0.8); /* Standard syntax */ bottom: -66px !important; top: unset; } |
|
de0f96bc5
new files
|
60 61 62 |
.two-author-desktop{ -ms-transform: scale(0.8); /* IE 9 */
transform: scale(0.8); /* Standard syntax */ bottom: -48px !important; top: unset; }
/* no comments */
|
|
f2328546d
new changes
|
63 |
.intro-startup .footer-top .top-intro-bt li:first-child{ margin-right: 12px;}
|
|
de0f96bc5
new files
|
64 65 66 67 68 69 70 71 |
.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
|
72 |
} |
|
f2328546d
new changes
|
73 74 75 76 77 78 79 |
@media screen
and (min-device-width: 768px)
and (max-device-width: 1280px)
and (-webkit-min-device-pixel-ratio: 1) {
.epi-bg{bottom: -159px; left: 6% !important;}
}
|
|
921970bb2
new files
|
80 81 82 83 84 85 |
/* 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
|
86 87 88 89 90 91 92 93 94 |
.ft-comments-group{width: 100%;}
/* no comments */
/* no comments */
|
|
921970bb2
new files
|
95 96 97 |
}
/* ----------- Non-Retina Screens ----------- */
|
|
8a0dd59d9
first commit
|
98 |
@media screen |
|
921970bb2
new files
|
99 100 101 102 103 104 105 |
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
|
106 107 108 109 110 111 112 113 114 115 116 117 118 119 |
.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
|
120 |
|
|
8a0dd59d9
first commit
|
121 |
} |
|
921970bb2
new files
|
122 |
/* ----------- Retina Screens ----------- */ |
|
8a0dd59d9
first commit
|
123 |
@media screen |
|
921970bb2
new files
|
124 125 126 127 128 129 130 131 132 133 134 |
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
|
135 |
} |
|
de0f96bc5
new files
|
136 137 138 139 140 141 142 143 144 145 146 147 148 149 |
.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
|
150 |
} |
|
8a0dd59d9
first commit
|
151 |
@media screen |
|
921970bb2
new files
|
152 153 154 155 156 157 158 159 160 |
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 {
|
|
f2328546d
new changes
|
161 |
left: 7%; |
|
921970bb2
new files
|
162 |
} |
|
de0f96bc5
new files
|
163 164 165 166 167 168 169 170 171 172 173 174 175 |
.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
|
176 177 178 179 180 181 182 183 |
}
/* 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
|
184 |
|
|
921970bb2
new files
|
185 186 187 188 |
.insights-wrp{ padding: 0 20px 0 20px;}
.insights-searh {
width: 300px;}
.insights-list-filter li{ margin: 0 3px 9px 3px;}
|
|
8a0dd59d9
first commit
|
189 190 191 192 193 194 |
.main-wrp{ padding-left: 15px; padding-right: 15px;}
.wc-spc-lf-tp {
padding-top: 52px;
padding-left: 28px;
padding-bottom:50px;
}
|
|
921970bb2
new files
|
195 196 197 198 199 200 201 202 203 204 205 206 |
.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
|
207 208 209 210 211 212 213 214 215 216 217 218 219 |
.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
|
220 221 222 223 224 225 226 227 228 229 230 231 232 |
/* 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
|
233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 |
.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
|
257 258 259 260 261 262 263 264 |
}
/* tab */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 2) {
|
|
f2328546d
new changes
|
265 |
.main-wrp{background-position: bottom 100px left -100px !important;}
|
|
298fff252
new design added
|
266 267 268 269 270 271 272 |
.replies-wrp{ width: 760px;}
.insights-spc {
padding: 0 30px;
}
.insights-details {
width: 490px;
}
|
|
8a0dd59d9
first commit
|
273 274 |
} |
|
298fff252
new design added
|
275 276 277 278 279 280 281 282 283 284 |
/* 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
|
285 286 287 288 289 |
@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
|
290 |
.replies-wrp{ width: 760px;}
|
|
8a0dd59d9
first commit
|
291 292 293 294 295 296 297 298 299 300 301 302 |
}
/* /
/* 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
|
303 304 305 306 |
.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
|
307 308 309 310 311 312 313 314 |
.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
|
315 316 317 318 319 320 321 322 |
}
/* 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
|
323 324 |
.user-profile{padding-right: 0px; width: 380px;}
.card-warpper{margin-bottom: 40px; margin-right: 25px;}
|
|
298fff252
new design added
|
325 326 327 328 329 330 331 |
.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
|
332 |
.insights-wrp{ padding: 0 50px 0 40px;}
|
|
8a0dd59d9
first commit
|
333 |
} |