redux-extension-metaboxes.scss (7638B)
1 .redux_field_th { 2 padding-bottom: 0px !important; 3 } 4 5 .redux-group-tab { 6 margin-bottom: 0 !important; 7 } 8 9 .block-editor-page { 10 .postbox{ 11 &.closed .el { 12 &:before { 13 content: ""!important; 14 } 15 } 16 17 .el{ 18 &:before{ 19 content: "" 20 } 21 } 22 } 23 } 24 25 .postbox { 26 .redux-container { 27 filter: none; 28 border: none; 29 -moz-border-radius: 0; 30 /* Firefox */ 31 32 -webkit-border-radius: 0; 33 /* Safari, Chrome */ 34 35 border-radius: 0; 36 -moz-box-shadow: none; 37 -webkit-box-shadow: none; 38 box-shadow: none; 39 40 .redux-group-menu .active a { 41 background: #FFF; 42 } 43 44 .redux-section-title { 45 padding-left: 0 !important; 46 margin-bottom: 15px !important; 47 } 48 49 .redux-section-desc { 50 margin-bottom: 20px; 51 } 52 53 .redux_main { 54 border-left: 1px solid #D8D8D8; 55 moz-box-shadow: none; 56 -webkit-box-shadow: none; 57 box-shadow: none; 58 59 input[type=text] { 60 width: 95%; 61 } 62 } 63 64 &.redux-no-sections { 65 margin: 0; 66 background: none; 67 68 .redux-main { 69 background: none; 70 margin-left: inherit; 71 padding: inherit; 72 border-left: none !important; 73 min-height: 0 !important; 74 75 tr { 76 &:last-child { 77 border-bottom: none; 78 } 79 80 &:last-child { 81 th, 82 td { 83 padding-bottom: 0; 84 } 85 } 86 87 td { 88 //padding-top: 20px !important; 89 padding-top: 10px !important; 90 width: 100%; 91 } 92 } 93 94 .form-table:first-child tr:first-child td { 95 padding-top: 0 !important; 96 } 97 98 .redux-field { 99 margin-bottom: 10px !important; 100 } 101 102 .redux-field:last-child { 103 margin-bottom: 0 !important; 104 } 105 } 106 } 107 108 &.redux-has-sections { 109 .redux-main { 110 background: #fff; 111 112 span.description { 113 padding-bottom: 20px; 114 } 115 } 116 } 117 } 118 119 .redux-main h3 { 120 cursor: text !important; 121 -webkit-user-select: inherit !important; 122 -moz-user-select: inherit !important; 123 user-select: inherit !important; 124 padding-left: 0 !important; 125 } 126 } 127 128 .redux-box-side { 129 .redux-main { 130 .redux-field-container { 131 padding: 0; 132 padding-top: 5px; 133 134 .select2-container, 135 select { 136 width: 100% !important; 137 } 138 } 139 } 140 141 .form-table { 142 tr { 143 td { 144 padding: 15px 0 !important; 145 } 146 147 &:last-child td { 148 padding-bottom: 0 !important; 149 } 150 151 &:first-child td { 152 padding-top: 5px !important; 153 } 154 155 } 156 } 157 } 158 159 #poststuff .redux-metabox h3.hndle, 160 .metabox-holder .redux-metabox h3.hndle { 161 cursor: pointer; 162 border-bottom: 0; 163 } 164 165 .display-group { 166 display: inherit !important; 167 } 168 169 /* Metaboxes CSS overrides */ 170 @media (min-width: 1125px) and (max-width: 1405px) { 171 .postbox { 172 table.form-table, 173 .form-table > thead, 174 .form-table > tbody, 175 .form-table > tbody > tr > th, 176 .form-table > tbody > tr > td, 177 .form-table > tbody > tr { 178 display: block !important; 179 width: 100% !important; 180 padding: 0px !important; 181 182 &.hide { 183 display: none !important; 184 } 185 } 186 187 .form-table > tbody > tr { 188 > th, 189 > td { 190 padding: 10px !important; 191 } 192 } 193 194 .form-table > tbody > tr > th { 195 width: 35%; 196 } 197 } 198 } 199 200 .redux-metabox .form-table th, 201 .redux-metabox .form-table td { 202 margin: 0; 203 padding: 0; 204 /* width: auto;*/ 205 } 206 207 .redux-box-side .redux-main .redux-field-container { 208 .select2-container, 209 select { 210 width: 96% !important; 211 } 212 } 213 214 @media (max-width: 1405px) { 215 .redux-box-side .redux-main .redux-field-container { 216 .select2-container, 217 select { 218 width: 92% !important; 219 } 220 } 221 } 222 223 @media (max-width: 1125px) { 224 .redux-box-side .redux-main .redux-field-container { 225 .select2-container, 226 select { 227 width: 100% !important; 228 } 229 } 230 } 231 232 @media (max-width: 1405px) { 233 .redux-main { 234 .form-table > tbody > tr > td { 235 padding-top: 0 !important; 236 padding-bottom: 0 !important; 237 } 238 239 .redux-field-container { 240 padding: 0 0 20px 0 !important; 241 padding-bottom: 10px !important; 242 } 243 } 244 245 .postbox .form-table > tbody > tr > th { 246 padding-bottom: 0 !important; 247 } 248 249 .redux_field_th { 250 padding-top: 0 !important; 251 padding-bottom: 10px !important; 252 } 253 } 254 255 .redux-no-sections .redux-group-tab { 256 display: block !important; 257 } 258 259 @mixin metaboxesAdminThemeColorOverrides ($darkColor, $textColor) { 260 #poststuff .redux-metabox h3.hndle, 261 .metabox-holder .redux-metabox h3.hndle { 262 background: $darkColor; 263 color: $textColor; 264 } 265 } 266 267 /* Light fresh theme */ 268 .admin-color-fresh { 269 @include metaboxesAdminThemeColorOverrides(#222222, #fff); 270 } 271 272 /* Light admin theme */ 273 .admin-color-light { 274 @include metaboxesAdminThemeColorOverrides(#888888, #fff); 275 } 276 277 /* Blue admin theme */ 278 .admin-color-blue { 279 @include metaboxesAdminThemeColorOverrides(#096484, #fff); 280 } 281 282 /* Coffee admin theme */ 283 .admin-color-coffee { 284 @include metaboxesAdminThemeColorOverrides(#46403c, #fff); 285 } 286 287 /* Ectoplasm admin theme */ 288 .admin-color-ectoplasm { 289 @include metaboxesAdminThemeColorOverrides(#413256, #fff); 290 } 291 292 /* Midnight admin theme */ 293 .admin-color-midnight { 294 @include metaboxesAdminThemeColorOverrides(#363b3f, #fff); 295 } 296 297 /* Ocean admin theme */ 298 .admin-color-ocean { 299 @include metaboxesAdminThemeColorOverrides(#627c83, #fff); 300 } 301 302 /* Sunrise admin theme */ 303 .admin-color-sunrise { 304 @include metaboxesAdminThemeColorOverrides(#b43c38, #fff); 305 } 306 307 .redux-notices { 308 margin-bottom: 0; 309 border: 0; 310 } 311 312 .redux-metabox { 313 .redux-container { 314 margin-top: 0; 315 } 316 317 .inside { 318 margin: 0 !important; 319 padding: 0 !important; 320 } 321 322 .redux-no-sections { 323 .redux-main { 324 padding: 6px 15px 15px 15px !important; 325 326 .default_br { 327 display: none; 328 } 329 330 .redux-field-container { 331 padding: 10px 0 20px !important; 332 } 333 334 .redux_field_th { 335 padding-top: 5px !important; 336 } 337 } 338 339 &.redux-box-side { 340 .redux-main { 341 padding: 6px 8px 8px 8px !important; 342 input[type=text] { 343 width: 100% !important; 344 } 345 } 346 } 347 } 348 } 349 350 .wp-color-result { 351 margin: 0 6px 0 0px !important; 352 } 353 354 .redux-container .ui-button-text-only .ui-button-text { 355 padding: 0; 356 } 357 358 .wpseotab tr { 359 display: table-row !important 360 }