Blame view
src/assets/css/media.css
8.73 KB
8a0dd59d9
first commit
|
1 |
|
921970bb2
new files
|
2 3 4 5 6 7 8 9 10 11 12 13 14 |
@media only screen and (min-width :1024px)
and (max-device-width: 1280px)
{
.comment-frm{ width: 315px !important;}
.comment-frm .frm-wdth{ width: 175px !important;}
.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;}
}
|
|
8a0dd59d9
first commit
|
15 |
|
|
8a0dd59d9
first commit
|
16 |
@media screen |
|
921970bb2
new files
|
17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
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 */}
.ft-comments-group{ width: 592px !important;}
.ft-comments-group .comments-detail {
width: 409px !important;
}
.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;}
|
|
8a0dd59d9
first commit
|
38 |
} |
|
921970bb2
new files
|
39 40 41 42 43 44 45 46 47 48 49 |
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1050px)
and (max-device-width: 1680px)
{
.epi-bg{ left: 13%;}
.popcorn-set{ right: 360px;}
.ft-comments-group{ width: 850px;}
.ft-comments-group .comments-detail{ width: 660px;}
}
/* ----------- Non-Retina Screens ----------- */
|
|
8a0dd59d9
first commit
|
50 |
@media screen |
|
921970bb2
new files
|
51 52 53 54 55 56 57 58 59 60 61 |
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;}
.ft-comments-group{ margin-left:0px; width: 684px;}
.ft-comments-group .comments-detail{ width: 498px;}
.comment-frm{ width: 398px;}
.comment-frm .frm-wdth { width: 258px;}
|
|
8a0dd59d9
first commit
|
62 |
} |
|
921970bb2
new files
|
63 |
/* ----------- Retina Screens ----------- */ |
|
8a0dd59d9
first commit
|
64 |
@media screen |
|
921970bb2
new files
|
65 66 67 68 69 70 71 72 73 74 75 |
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
|
76 |
} |
|
921970bb2
new files
|
77 78 79 80 81 |
.ft-comments-group{ margin-left:0px; width: 684px;}
.ft-comments-group .comments-detail{ width: 498px;}
.comment-frm{ width: 398px;}
.comment-frm .frm-wdth { width: 258px;}
}
|
|
8a0dd59d9
first commit
|
82 |
@media screen |
|
921970bb2
new files
|
83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 |
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%;
}
.ft-comments-group{ margin-left:0px; width: 684px;}
.ft-comments-group .comments-detail{ width: 498px;}
.comment-frm{ width: 398px;}
.comment-frm .frm-wdth { width: 258px;}
|
|
8a0dd59d9
first commit
|
98 99 100 101 102 103 104 105 |
}
/* 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
|
106 |
|
|
921970bb2
new files
|
107 108 109 110 |
.insights-wrp{ padding: 0 20px 0 20px;}
.insights-searh {
width: 300px;}
.insights-list-filter li{ margin: 0 3px 9px 3px;}
|
|
8a0dd59d9
first commit
|
111 112 113 114 115 116 |
.main-wrp{ padding-left: 15px; padding-right: 15px;}
.wc-spc-lf-tp {
padding-top: 52px;
padding-left: 28px;
padding-bottom:50px;
}
|
|
921970bb2
new files
|
117 118 119 120 121 122 123 124 125 126 127 128 |
.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
|
129 130 131 132 133 134 135 136 137 138 139 140 141 |
.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
|
142 143 144 145 146 147 148 149 150 151 152 153 154 |
/* 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
|
155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 |
.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
|
179 180 181 182 183 184 185 186 |
}
/* 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
|
187 |
.main-wrp{background-position: bottom 100px left -100px;}
|
|
298fff252
new design added
|
188 189 190 191 192 193 194 |
.replies-wrp{ width: 760px;}
.insights-spc {
padding: 0 30px;
}
.insights-details {
width: 490px;
}
|
|
8a0dd59d9
first commit
|
195 196 |
} |
|
298fff252
new design added
|
197 198 199 200 201 202 203 204 205 206 |
/* 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
|
207 208 209 210 211 |
@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
|
212 |
.replies-wrp{ width: 760px;}
|
|
8a0dd59d9
first commit
|
213 214 215 216 217 218 219 220 221 222 223 224 |
}
/* /
/* 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
|
225 226 227 228 |
.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
|
229 230 231 232 233 234 235 236 |
.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
|
237 238 239 240 241 242 243 244 |
}
/* 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
|
245 246 |
.user-profile{padding-right: 0px; width: 380px;}
.card-warpper{margin-bottom: 40px; margin-right: 25px;}
|
|
298fff252
new design added
|
247 248 249 250 251 252 253 |
.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
|
254 |
.insights-wrp{ padding: 0 50px 0 40px;}
|
|
8a0dd59d9
first commit
|
255 |
} |