redux-admin.scss (43495B)
1 @import "color-picker"; 2 @import "media"; 3 4 .spinner { 5 visibility: hidden; 6 display: block; 7 } 8 9 .spinner.is-active { 10 visibility: visible; 11 } 12 13 .redux-main .description { 14 margin-top: 7px; 15 } 16 17 .redux-container { 18 .redux-container-button_set, 19 .redux-container-palette { 20 .ui-icon { 21 height: auto; 22 } 23 } 24 25 .form-table > tbody > tr > th { 26 width: 30%; 27 } 28 29 .form-table th, 30 .form-table td { 31 margin: 0; 32 padding: 0; 33 width: auto; 34 } 35 36 .redux_field_th { 37 font-weight: 600; 38 padding: 20px 10px 20px 0px; 39 display: block; 40 span { 41 &:first-child { 42 font-weight: normal; 43 display: block; 44 color: #666; 45 } 46 } 47 } 48 49 #ui-datepicker-div { 50 display: none; 51 } 52 53 background-color: #fff; /* Old browsers */ 54 background-repeat: repeat-x; /* Repeat the gradient */ 55 background-image: -moz-linear-gradient(top, #fff 0%, #f2f2f2 100%); /* FF3.6+ */ 56 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f2f2f2)); /* Chrome,Safari4+ */ 57 background-image: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 100%); /* Chrome 10+,Safari 5.1+ */ 58 background-image: -ms-linear-gradient(top, #fff 0%, #f2f2f2 100%); /* IE10+ */ 59 background-image: -o-linear-gradient(top, #fff 0%, #f2f2f2 100%); /* Opera 11.10+ */ 60 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff", endColorstr="#f2f2f2", GradientType=0); /* IE6-9 */ 61 background-image: -linear-gradient(top, #fff 0%, #f2f2f2 100%); /* W3C */ 62 border: 1px solid #dedede; 63 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); 64 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); 65 -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); 66 margin-top: 5px; 67 overflow: hidden; 68 69 a { 70 &:focus { 71 box-shadow: none; 72 } 73 } 74 75 #redux-header, 76 #redux-footer { 77 text-align: right; 78 padding: 6px 10px; 79 } 80 81 #redux-header { 82 border-bottom-width: 3px; 83 border-bottom-style: solid; 84 85 .display_header { 86 float: left; 87 margin: 20px 10px; 88 89 img { 90 transition: all 0.1s ease-in-out; 91 } 92 93 h2 { 94 display: inline-block; 95 font-style: normal; 96 padding-right: 5px; 97 } 98 99 .redux-dev-mode-notice-container { 100 position: absolute; 101 top: 67px; 102 left: 20px; 103 bottom: auto; 104 width: auto; 105 } 106 107 span { 108 color: #888; 109 110 &.redux-dev-mode-notice { 111 background-color: #f0ad4e; 112 display: inline; 113 padding: 0.2em 0.5em 0.2em; 114 font-weight: 700; 115 line-height: 1; 116 color: #fff !important; 117 text-align: center; 118 white-space: nowrap; 119 vertical-align: baseline; 120 border-radius: 0.25em; 121 } 122 } 123 } 124 125 .icon32 { 126 float: right; 127 margin: 16px 16px 0; 128 } 129 } 130 131 #redux-footer { 132 border-top: 1px solid #e7e7e7; 133 z-index: 999; 134 135 #redux-share { 136 float: left; 137 line-height: 28px; 138 font-size: 15px; 139 140 a { 141 text-decoration: none; 142 margin-right: 10px; 143 144 img { 145 margin-bottom: -3px; 146 } 147 } 148 } 149 } 150 151 .notice-green { 152 margin: 0; 153 border-bottom: 1px solid #e7e7e7; 154 background-color: #dff0d8; 155 color: #468847; 156 padding: 8px 35px 8px 14px; 157 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); 158 } 159 160 .notice-blue { 161 margin: 0; 162 border-bottom: 1px solid #bce8f1; 163 background-color: #d9edf7; 164 color: #3a87ad; 165 padding: 8px 35px 8px 14px; 166 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); 167 } 168 169 .notice-yellow { 170 margin: 0; 171 border-bottom: 1px solid #e7e7e7; 172 background-color: #fcf8e3; 173 color: #c09853; 174 padding: 8px 35px 8px 14px; 175 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); 176 } 177 178 .notice-red, 179 .redux-field-errors { 180 margin: 0; 181 border-bottom: 1px solid #e7e7e7; 182 background-color: #f2dede; 183 color: #b94a48; 184 padding: 8px 35px 8px 14px; 185 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); 186 } 187 188 .redux-field-error { 189 input, 190 textarea, 191 input[type="checkbox"] { 192 background-color: #fff6f6; 193 color: #a00; 194 } 195 } 196 197 .redux-field-warning { 198 input, 199 textarea, 200 input[type="checkbox"] { 201 background-color: #fcf8e3; 202 color: #444; 203 } 204 } 205 206 .redux-field-errors, 207 .redux-field-warnings, 208 .redux-save-warn { 209 display: none; 210 } 211 212 .sticky-save-warn { 213 min-height: 76px; 214 215 .redux-save-warn { 216 position: fixed; 217 top: 32px; 218 right: 21px; 219 left: 183px; 220 opacity: 1; 221 z-index: 9999; 222 } 223 } 224 225 #info_bar { 226 background: #f3f3f3; 227 border-bottom: 1px solid #dedede; 228 padding: 6px 10px 6px 6px; 229 text-align: right; 230 -moz-box-shadow: inset 0 1px 0 #fcfcfc; 231 -webkit-box-shadow: inset 0 1px 0 #fcfcfc; 232 box-shadow: inset 0 1px 0 #fcfcfc; 233 } 234 235 .redux-group-tab { 236 display: none; 237 margin-bottom: 15px; 238 239 .redux-theme-data { 240 padding: 20px 0; 241 border-top: 1px solid #e7e7e7; 242 243 &.theme-description { 244 padding: 10px 0; 245 border-width: 0; 246 } 247 248 &.theme-uri, 249 &.theme-author, 250 &.theme-version { 251 padding: 0; 252 border-width: 0; 253 } 254 } 255 256 h3 { 257 margin-top: 0; 258 line-height: 2em; 259 border-bottom: 1px solid #e7e7e7; 260 } 261 262 .redux-section-desc { 263 margin-bottom: 15px; 264 color: #666; 265 } 266 } 267 268 .redux-action_bar { 269 float: right; 270 .spinner { 271 float: left; 272 margin-top: 4px; 273 } 274 } 275 276 .redux-ajax-loading { 277 display: none; 278 background: #a00 url(data:image/gif;base64,R0lGODlhEAAQAPUAAIiIiIqKio2NjZSUlJqamp6enqKioqSkpK+vr7i4uL+/v8PDw8XFxcnJyc/Pz9HR0dTU1NjY2Nzc3OLi4ubm5unp6ezs7PPz88vLy83NzdDQ0NXV1d3d3eHh4bu7u8zMzOvr6+3t7ZiYmNbW1sDAwMTExNra2s7OztPT09vb2+Xl5QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/i1NYWRlIGJ5IEtyYXNpbWlyYSBOZWpjaGV2YSAod3d3LmxvYWRpbmZvLm5ldCkAIfkEAAoA/wAsAAAAABAAEAAABXDgJY6XZZEoOTnOlI5WdUFNA5UnSR3FJNUSieFAIUUEgcdl4noEBBGSZaHIiSqKhTX2GhVFiQGjuxgkSoYAoosAGE6RhKQrUURHlS+pItMVCHMjEgQ9JBJISg+JT3ciFg4NFkcCNw0OViiDgF0oTC8hACH5BAAKAP8ALAAAAAAQABAAAAVx4CWOZGle1qJYp2hV1xYE29V1JXUYHWUcnQgGwyFFBAENiqUZ1kapFamTyeBcsNOLMkoMGC3GIIEyBBAtRMDAiiSKp04iQqpwc9kRpUCAizgEBVciEQNJFxpKGgECdFAYYBsCAjUMGS0XgAODmDacIyEAIfkEAAoA/wAsAAAAABAAEAAABnbAi3BILBovIMUidBSGQJdNIKBBMomUg6FDMRgoHcOBQowIqNaLJiCIEEMLxdWpnIfITRAHnxgwjiEfDR8UIQYBCEcgDYwdUR6ORxEfG3MgeFiFRB0FBBxEHAQFkUJmaBofamxuRB9/GwICGxeMTRehnrabpERBACH5BAAKAP8ALAAAAAAQABAAAAZ9wItwSCwaL5aFwnIUWiqXUSAwulSYRMrB0KEYDJSO4UAhRgQBDZLpCAgixOSSWFEssEho81IWJgYMTQwDCUgGAQhNCAEGTCMJHU0dCXBDFX1DFhwdeHwFIhxmGBihQxEDaRcOGhYao1WZGIFnAiMUDg6YRR0ioE57Fx2RRkEAIfkEAAoA/wAsAAAAABAAEAAABXLgJY5kaV7WolinaLGQEEBXxZLUUUyUYVATw4FCisg0NZYmIIiQUosKqaJY3FDS1oUoSgwYrcUggTIAEC1EwMCKJCatSYI2qnBx2dGkQOCQOAQFdxdGARoVGhCITE4kGBgWEI8QFgwYWhGTWiMWERFXIyEAIfkEAAoA/wAsAAAAABAAEAAABn/Ai3BILBovloXCchRaKpdRIDC6VJhEysHQoRgMlI7hQCFGBAENkukICCLE5JJYUSywSGjzUhYmBgxNDAMJSAYBCE0IAAZMEQkdTRwKVUMcHHhCFXpDERgYcJYEBZFDI58aFhoOFxpuoUIUGhoUZwJVGA6ZaxccBAQce0QdpUVBACH5BAAKAP8ALAAAAAAQABAAAAZ8wItwSCwaLyEFKXQUhioXSCAAuVSYRMrB0KEYDJSO4UAhmgQBDZKpCQhMxFBJgRVWlFkOtElhUj4NH3VEJQMJFx0NintFCAEGISEQH3BHHR5VThVlRRSMQh0FBBxEHAQFnEJnaRcfHxdtb0WKIWcCVSUNTYgEo7tEHR1HQQAh+QQACgD/ACwAAAAAEAAQAAAGdcCLcEgsGi8hhSJ0FHY6l1EgMLqAmEROo5HqGAwqL5g42qKsoAsqIEgRVacTdAhSLLBI1bWpwiYGDE0MAwlIBgEITQgBBkwjCRxNHQlVdCpGekUqBQSRQxwEBZdDKQIBZ3FqbG5EDYEjpikhW3hFoJ1NRU9HQQA7) no-repeat; 279 width: 16px; 280 height: 16px; 281 margin: 3px 4px 0; 282 float: right; 283 } 284 285 #redux-intro-text { 286 background: #f3f3f3; 287 border-bottom: 1px solid #dedede; 288 -moz-box-shadow: inset 0 1px 0 #fcfcfc; 289 -webkit-box-shadow: inset 0 1px 0 #fcfcfc; 290 box-shadow: inset 0 1px 0 #fcfcfc; 291 padding: 3px; 292 padding: 10px 10px; 293 294 p { 295 margin: 0; 296 font-family: "Lucida Grande", Sans-serif; 297 color: #888; 298 } 299 } 300 301 .expand_options { 302 cursor: pointer; 303 display: block; 304 height: 22px; 305 width: 21px; 306 float: left; 307 font-size: 0; 308 text-indent: -9999px; 309 margin: 1px 0 0 5px; 310 border: 1px solid #bbb; 311 -webkit-border-radius: 2px; 312 -moz-border-radius: 2px; 313 border-radius: 2px; 314 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAyCAIAAAAm4OfBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQhJREFUeNrslT0KhDAQhTeLR7ATT6IXSKGFYO0lciFrO1N4AU8TLNXKv0CaJbLJRAZxl1hYyJuXN+PoR/Z9fyFdBNNr27Zf8Oq6bhgGSGUYhpTSzyeBNi8hRFVVEK+6rrXaQFOs6yrvTdOYjcqyVEpTLqXI89yaSypBudq2xckF2TipOSvfmmhZFuAGnJV6Licvey5gj7fnwpwXvEfLfqnT0jQ1OBJCQLnUBvZ9b85VFAV076UU8g1ZckVRxBiDzD6OY62WzPOM9i+cpunvvcZxfCQfPWs9a91Ym2UZ5xyHtd/e8hXWng+/zlrD9jmz1tDj7bkw5wXv0Y210itJEs9az9oHsPYQYACveK0/IuB51AAAAABJRU5ErkJggg==) no-repeat -2px -26px; 315 316 &.expanded { 317 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAyCAIAAAAm4OfBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQhJREFUeNrslT0KhDAQhTeLR7ATT6IXSKGFYO0lciFrO1N4AU8TLNXKv0CaJbLJRAZxl1hYyJuXN+PoR/Z9fyFdBNNr27Zf8Oq6bhgGSGUYhpTSzyeBNi8hRFVVEK+6rrXaQFOs6yrvTdOYjcqyVEpTLqXI89yaSypBudq2xckF2TipOSvfmmhZFuAGnJV6Licvey5gj7fnwpwXvEfLfqnT0jQ1OBJCQLnUBvZ9b85VFAV076UU8g1ZckVRxBiDzD6OY62WzPOM9i+cpunvvcZxfCQfPWs9a91Ym2UZ5xyHtd/e8hXWng+/zlrD9jmz1tDj7bkw5wXv0Y210itJEs9az9oHsPYQYACveK0/IuB51AAAAABJRU5ErkJggg==) no-repeat -2px -1px; 318 } 319 320 &:hover { 321 border-color: #888; 322 } 323 } 324 325 .sticky-footer-fixed { 326 background: #f3f3f3; 327 border-top: 1px solid #dedede !important; 328 -moz-box-shadow: inset 0 1px 0 #fcfcfc; 329 -webkit-box-shadow: inset 0 1px 0 #fcfcfc; 330 box-shadow: inset 0 1px 0 #fcfcfc; 331 } 332 333 .redux-sidebar, 334 .redux-main { 335 min-height: 300px; 336 337 } 338 .redux-main { 339 background: #fff; 340 margin-left: 201px; 341 border-left: 1px solid #d8d8d8; 342 padding: 10px 20px; 343 -moz-box-shadow: inset 0 1px 0 #fff; 344 -webkit-box-shadow: inset 0 1px 0 #fff; 345 box-shadow: inset 0 1px 0 #fff; 346 position: relative; 347 348 fieldset.disabled { 349 padding-top: 10px; 350 } 351 .redux-group-tab.disabled { 352 padding-top: 1px; 353 } 354 355 fieldset.disabled, 356 .redux-group-tab.disabled { 357 position: relative; 358 359 &::before { 360 color: #fff; 361 font-family: Elusive-Icons; 362 content: ""; 363 font-size: 38px; 364 position: absolute; 365 z-index: 1000; 366 text-shadow: 2px 2px #0e0e0e; 367 left: 50%; 368 top: 50%; 369 margin-top: -25px; 370 margin-left: -25px; 371 } 372 } 373 374 .disabled { 375 pointer-events: none; 376 background: rgba(0, 0, 0, 0.25); 377 opacity: 0.45; 378 padding-left: 10px !important; 379 padding-right: 10px !important; 380 -webkit-touch-callout: none; /* iOS Safari */ 381 -webkit-user-select: none; /* Safari */ 382 -khtml-user-select: none; /* Konqueror HTML */ 383 -moz-user-select: none; /* Old versions of Firefox */ 384 -ms-user-select: none; /* Internet Explorer/Edge */ 385 user-select: none; /* Non-prefixed version, currently 386 supported by Chrome, Edge, Opera and Firefox */ 387 } 388 389 #redux_ajax_overlay { 390 position: absolute; 391 top: 0; 392 left: 0; 393 right: 0; 394 bottom: 0; 395 -moz-opacity: 0.1; 396 -khtml-opacity: 0.1; 397 opacity: 0.1; 398 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10); 399 filter: alpha(opacity=10); 400 background: #000; 401 z-index: 200; 402 display: none; 403 } 404 405 .form-table.no-border { 406 border-top: none; 407 } 408 409 .form-table tr { 410 border-bottom: 1px solid #e7e7e7; 411 412 &:last-child { 413 border-bottom: none !important; 414 } 415 416 th, 417 td { 418 color: #333; 419 } 420 } 421 422 .form-table tr td { 423 table.mceLayout, 424 table.mceLayout tr, 425 table.mceLayout tr td { 426 padding: 0; 427 border-width: 0; 428 } 429 430 .redux-th-warning { 431 font-size: 1em; 432 color: #c09853; 433 font-weight: normal; 434 display: block; 435 margin-top: 10px; 436 } 437 438 .redux-field-warning { 439 border-color: #c09853; 440 margin-top: 10px; 441 } 442 443 .redux-th-error { 444 font-size: 1em; 445 color: #b94a48; 446 font-weight: normal; 447 display: block; 448 margin-top: 10px; 449 } 450 } 451 452 input { 453 line-height: 19px; 454 455 &.large-text { 456 width: 100%; 457 } 458 } 459 460 .hide { 461 display: none; 462 } 463 464 .redux-field-container { 465 padding: 20px 0; 466 } 467 468 .mini, 469 input[type="text"].mini { 470 width: 60px; 471 text-align: center; 472 } 473 474 img { 475 max-width: 100%; 476 height: auto; 477 width: auto !important; 478 } 479 480 .select2-default { 481 width: auto !important; 482 } 483 484 .showDefaults { 485 display: block; 486 font-weight: normal; 487 font-size: 0.8em; 488 color: #888; 489 } 490 491 span.description { 492 display: block; 493 font-style: normal; 494 font-weight: 400; 495 } 496 497 #redux-system-info textarea { 498 min-height: 730px; 499 width: 100%; 500 } 501 502 .field-desc { 503 clear: both; 504 font-size: 13px; 505 } 506 507 .data-full li { 508 width: 100%; 509 } 510 511 .data-half li { 512 width: 50%; 513 float: left; 514 } 515 516 .data-third li { 517 width: 33.3%; 518 float: left; 519 } 520 521 .data-quarter li { 522 width: 25%; 523 float: left; 524 } 525 526 .ui-helper-hidden-accessible { 527 top: inherit; 528 } 529 530 .form-table { 531 clear: none !important; 532 margin-top: 0px !important; 533 534 tr:first-child th, 535 tr:first-child td { 536 padding-top: 0; 537 } 538 } 539 540 .input-append input { 541 border-right: 0; 542 margin-bottom: 0; 543 border-top-right-radius: 0 !important; 544 border-bottom-right-radius: 0 !important; 545 margin-right: 0; 546 float: left; 547 margin-top: 0; 548 display: block; 549 } 550 551 .input-append .add-on { 552 border-top-right-radius: 3px; 553 border-bottom-right-radius: 3px; 554 margin-left: -2px; 555 padding-top: 4px !important; 556 padding-bottom: 2px !important; 557 } 558 559 .input-prepend input { 560 border-left: 0; 561 margin-bottom: 0; 562 border-top-left-radius: 0 !important; 563 border-bottom-left-radius: 0 !important; 564 margin-left: 0; 565 padding-top: 2px; 566 padding-bottom: 5px; 567 float: left; 568 margin-top: 0; 569 display: block; 570 } 571 572 .input-prepend .add-on { 573 border-top-left-radius: 3px; 574 border-bottom-left-radius: 3px; 575 float: left; 576 } 577 578 .input-append { 579 margin-right: 10px; 580 font-size: 0; 581 white-space: nowrap; 582 float: left; 583 display: inline-block; 584 margin-bottom: 6px; 585 586 } 587 588 .input-append .add-on, 589 .input-prepend .add-on { 590 width: auto; 591 display: inline-block; 592 min-width: 16px; 593 padding: 3px 4px; 594 font-size: 12px; 595 font-weight: 400; 596 line-height: 22px; 597 text-align: center; 598 text-shadow: 0 1px 0 #fff; 599 background-color: #eee; 600 border: 1px solid #7e8993; 601 } 602 .input-append .add-on { 603 border-left-color: #ccc; 604 } 605 .input-prepend .add-on { 606 border-right-color: #ccc; 607 } 608 609 .input-prepend { 610 font-size: 0; 611 white-space: nowrap; 612 float: left; 613 display: inline-block; 614 margin-bottom: 6px; 615 } 616 617 pre { 618 white-space: pre-wrap; /* css-3 */ 619 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 620 white-space: -pre-wrap; /* Opera 4-6 */ 621 white-space: -o-pre-wrap; /* Opera 7 */ 622 word-wrap: break-word; /* Internet Explorer 5.5+ */ 623 } 624 } 625 } 626 627 /* redux-container */ 628 .no-js { 629 border: 1px solid #ffbaba; 630 margin: 0; 631 border-bottom: 1px solid #e7e7e7; 632 background-color: #f2dede; 633 color: #b94a48; 634 padding: 8px 35px 8px 14px; 635 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); 636 } 637 638 /* main */ 639 .redux-sidebar { 640 width: 202px; 641 float: left; 642 643 // Flyout menu 644 .redux-group-tab-link-li { 645 &.hasSubSections { 646 &:hover { 647 .el-rotate { 648 -webkit-transition: 0.1s ease-in-out; 649 -moz-transition: 0.1s ease-in-out; 650 -o-transition: 0.1s ease-in-out; 651 transition: 0.1s ease-in-out; 652 653 -webkit-transform: rotate(270deg); 654 -moz-transform: rotate(270deg); 655 -ms-transform: rotate(270deg); 656 -o-transform: rotate(270deg); 657 transform: rotate(270deg); 658 } 659 } 660 } 661 } 662 663 .redux-group-menu { 664 margin-top: 0 !important; 665 background: #f2f2f2; 666 667 li { 668 margin-top: 0; 669 670 &.active a, 671 &.active a:hover, 672 &.activeChild a, 673 &.activeChild a:hover { 674 background: #fcfcfc; 675 color: #269ad6; 676 width: 184px; 677 opacity: 1; 678 } 679 680 &.active a li a { 681 background: #333; 682 padding-left: 5px; 683 } 684 685 &.divide { 686 padding: 0; 687 border-width: 1px 0; 688 border-style: solid; 689 border-bottom-color: #e7e7e7; 690 border-top-color: #f9f9f9; 691 } 692 693 a:first-child { 694 border-top: none; 695 } 696 697 a { 698 display: block; 699 padding: 10px 4px 10px 14px; 700 background: #e0e0e0; 701 background: transparent; 702 border-width: 1px 0; 703 border-style: solid; 704 border-bottom-color: #e7e7e7; 705 border-top-color: #f9f9f9; 706 opacity: 0.7; 707 color: #555; 708 font-weight: 600; 709 text-decoration: none; 710 -webkit-transition: none; 711 transition: none; 712 713 &.custom-tab { 714 background: #f6f6f6; 715 } 716 717 img { 718 width: 16px; 719 height: 16px; 720 position: absolute; 721 left: 15px; 722 } 723 724 &:hover { 725 background: #e5e5e5; 726 color: #777; 727 opacity: 1; 728 box-shadow: inset 4px 0 0 0 currentColor; 729 transition: box-shadow 0.1s linear; 730 } 731 } 732 } 733 } 734 735 .redux-menu-warning, 736 .redux-menu-error, 737 .hasSubSections .extraIconSubsections { 738 display: inline-block; 739 float: right; 740 padding: 6px 7px 4px 7px; 741 margin-left: 4px; 742 font-family: sans-serif; 743 font-size: 9px; 744 font-weight: 600; 745 line-height: 9px; 746 border-radius: 10px; 747 -moz-border-radius: 10px; 748 -webkit-border-radius: 10px; 749 border: 0 solid transparent; 750 751 i { 752 margin-left: -3px; 753 margin-top: -3px; 754 } 755 } 756 757 .redux-menu-error { 758 background-color: rgb(185, 74, 72); 759 color: rgb(242, 222, 222); 760 } 761 762 .redux-menu-warning { 763 background-color: #c09853; 764 color: #fcf8e3; 765 } 766 767 ul { 768 .subsection { 769 display: none; 770 } 771 } 772 773 .redux-group-tab-link-a { 774 position: relative; 775 outline: 0; 776 777 i { 778 vertical-align: middle; 779 font-size: 1.35em; 780 position: absolute; 781 } 782 783 span { 784 display: block; 785 &.group_title { 786 padding-left: 30px; 787 } 788 } 789 } 790 791 .redux-group-menu > li.redux-section-hover > a::after { 792 right: 0; 793 border: 9px solid transparent; 794 content: " "; 795 height: 0; 796 width: 0; 797 position: absolute; 798 pointer-events: none; 799 border-right-color: #fff; 800 top: 50%; 801 margin-top: -8px; 802 } 803 804 .redux-group-tab-link-li { 805 a.hasError span.group_title { 806 padding-right: 25px; 807 } 808 809 &.hasSubSections { 810 &.redux-section-hover { 811 position: relative; 812 813 > a { 814 background-color: #fff; 815 816 &::after { 817 border-right-color: #46403c; 818 } 819 } 820 821 .subsection { 822 background-color: #46403c; 823 display: block !important; 824 z-index: 10000; 825 position: absolute; 826 top: 0; 827 left: 201px; 828 width: 200px !important; 829 -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); 830 box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); 831 832 a { 833 padding: 8px 15px; 834 width: 170px; 835 } 836 837 .redux-group-tab-link-li { 838 &.hasIcon { 839 .group_title { 840 padding-left: 30px !important; 841 } 842 } 843 844 .redux-group-tab-link-a { 845 color: #fff; 846 847 .group_title { 848 padding-left: 0; 849 } 850 } 851 } 852 } 853 } 854 855 .el-rotate { 856 -webkit-transition: 0.1s ease-in-out; 857 -moz-transition: 0.1s ease-in-out; 858 -o-transition: 0.1s ease-in-out; 859 transition: 0.1s ease-in-out; 860 } 861 } 862 } 863 864 #redux-header { 865 text-align: center; 866 867 .display_header { 868 float: none; 869 } 870 } 871 } 872 873 /* sidebar */ 874 @media only screen and (max-width: 600px) { 875 .redux-sidebar { 876 .redux-group-menu li { 877 &.hasSubSections.redux-section-hover .subsection { 878 display: none !important; 879 } 880 } 881 } 882 } 883 884 .mp6 { 885 .icon-themes { 886 display: none; 887 } 888 889 .redux-container { 890 #info_bar { 891 padding: 6px 10px 6px 6px; 892 893 a { 894 margin-top: 2px; 895 } 896 } 897 } 898 } 899 900 .redux-timer { 901 text-align: center; 902 font-size: 10px; 903 color: #888; 904 } 905 906 .wrap { 907 margin-top: 0; 908 } 909 910 @media screen and (max-width: 600px) { 911 .redux-sidebar { 912 width: 44px; 913 914 .extraIconSubsections { 915 display: none !important; 916 } 917 918 .redux-group-menu li a, 919 .redux-group-menu li a:hover, 920 .redux-group-menu li.active a, 921 .redux-group-menu li.active a:hover, 922 .redux-group-menu li.activeChild a, 923 .redux-group-menu li.activeChild a:hover { 924 width: auto; 925 } 926 927 .redux-group-tab-link-a { 928 position: relative; 929 930 i { 931 position: inherit; 932 } 933 934 span { 935 display: none; 936 position: absolute; 937 top: 0; 938 left: 44px; 939 padding: 12px; 940 width: 200px; 941 background: #eee; 942 border: 1px solid #ccc; 943 -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); 944 -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); 945 box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); 946 border-width: 1px 1px 1px 0px; 947 z-index: 3; 948 } 949 950 &:hover > span { 951 display: block; 952 } 953 } 954 } 955 956 .redux-main { 957 margin-left: 43px; 958 width: auto; 959 max-width: 100%; 960 } 961 962 table.form-table, 963 .form-table > thead, 964 .form-table > tbody, 965 .form-table > tbody > tr > th, 966 .form-table > tbody > tr > td, 967 .form-table > tbody > tr { 968 display: block; 969 width: 100% !important; 970 padding: 0px !important; 971 } 972 973 .form-table > tbody > tr > th, 974 .form-table > tbody > tr > td { 975 padding: 10px !important; 976 } 977 978 .form-table > tbody > tr > th, 979 .form-table > tbody > tr > td { 980 padding: 10px !important; 981 } 982 } 983 984 //mp6 fixes 985 @media screen and (max-width: 782px) { 986 .form-table > tbody > tr > th { 987 width: 100%; 988 } 989 .redux_field_th { 990 padding-bottom: 0; 991 } 992 .mp6 { 993 .redux-container { 994 #info_bar { 995 height: auto; 996 padding-bottom: 1px; 997 998 a { 999 margin-top: 5px; 1000 } 1001 } 1002 } 1003 } 1004 .redux-container-switch label { 1005 padding: 5px 10px !important; 1006 } 1007 1008 .redux-container-button_set label { 1009 padding: 12px 10px; 1010 } 1011 1012 .redux-container #redux-footer #redux-share { 1013 line-height: 34px; 1014 } 1015 } 1016 1017 pre { 1018 overflow: hidden; 1019 } 1020 1021 /* Default admin theme */ 1022 #redux-header h2 { 1023 color: #fff; 1024 } 1025 1026 .ui-datepicker-header .ui-icon { 1027 background-image: url(data:image/png;base64,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) !important; 1028 } 1029 1030 // WP Engine CSS fix 1031 .redux-sidebar .icon-large, 1032 .redux-main .icon-large { 1033 background-image: inherit !important; 1034 width: inherit; 1035 height: inherit; 1036 } 1037 1038 .redux-main dd, 1039 .redux-sidebar li { 1040 margin-bottom: 0 !important; 1041 } 1042 1043 .fully-expanded { 1044 .redux-sidebar { 1045 margin-left: -500px; 1046 } 1047 .redux-main { 1048 margin-left: 0; 1049 } 1050 .redux-group-tab { 1051 display: block; 1052 } 1053 } 1054 1055 #redux-header { 1056 position: relative; 1057 } 1058 1059 // Modern Theme 1060 .redux-main { 1061 position: relative; 1062 1063 #redux-sticky { 1064 min-height: 32px; 1065 margin-left: -20px; 1066 margin-right: -20px; 1067 margin-top: -10px; 1068 margin-bottom: 8px; 1069 1070 #info_bar { 1071 height: 32px; 1072 .expand_options { 1073 margin-top: 4px; 1074 } 1075 } 1076 } 1077 1078 .redux_field_search { 1079 top: 50px; 1080 right: 5px; 1081 } 1082 1083 #redux-footer-sticky { 1084 margin-left: -20px; 1085 margin-right: -20px; 1086 margin-bottom: -10px; 1087 } 1088 } 1089 1090 .redux-qtip { 1091 z-index: 999999 !important; 1092 } 1093 1094 .select2-container--default .select2-selection--single .select2-selection__clear { 1095 font-size: 1.2em; 1096 top: -1px; 1097 } 1098 1099 .redux-sidebar .redux-group-menu { 1100 li { 1101 &.active, 1102 &.activeChild { 1103 border-left: 0 none; 1104 1105 a { 1106 .extraIconSubsections { 1107 display: none; 1108 } 1109 } 1110 1111 &.hasSubSections { 1112 .redux-menu-error { 1113 display: block; 1114 } 1115 1116 .subsection { 1117 .redux-menu-error { 1118 margin-right: 2px; 1119 } 1120 } 1121 1122 .active { 1123 a { 1124 &::after { 1125 right: 0; 1126 border: solid 8px transparent; 1127 content: "\0020"; 1128 height: 0; 1129 width: 0; 1130 position: absolute; 1131 pointer-events: none; 1132 border-right-color: #fff; 1133 top: 50%; 1134 margin-top: -8px; 1135 } 1136 } 1137 } 1138 1139 a { 1140 -webkit-transition: all 0.2s; 1141 -moz-transition: all 0.2s; 1142 transition: all 0.2s; 1143 color: #fff; 1144 width: auto; 1145 border-bottom: 0; 1146 } 1147 1148 ul.subsection li { 1149 border-top: 0 none !important; 1150 1151 &.active a:hover { 1152 color: #fff; 1153 } 1154 1155 a { 1156 width: auto; 1157 border-top: 0 !important; 1158 padding: 7px; 1159 color: #fff; 1160 padding-left: 15px; 1161 -webkit-transition: all 0.2s; 1162 -moz-transition: all 0.2s; 1163 -ms-transition: all 0.2s; 1164 -o-transition: all 0.2s; 1165 transition: all 0.2s; 1166 1167 span.group_title { 1168 padding-left: 5px !important; 1169 } 1170 } 1171 1172 &.hasIcon { 1173 a { 1174 padding-left: 14px; 1175 1176 span.group_title { 1177 padding-left: 30px !important; 1178 } 1179 1180 } 1181 } 1182 } 1183 } 1184 } 1185 1186 &.hasSubSections { 1187 .redux-menu-error { 1188 display: none; 1189 margin-right: 5px; 1190 } 1191 1192 a { 1193 &.hasError { 1194 .extraIconSubsections { 1195 background-color: rgb(185, 74, 72); 1196 color: rgb(242, 222, 222); 1197 } 1198 } 1199 1200 .extraIconSubsections { 1201 border-radius: 10px; 1202 -moz-border-radius: 10px; 1203 -webkit-border-radius: 10px; 1204 border: 0 solid transparent; 1205 font-size: 9px; 1206 height: 9px; 1207 line-height: 9px; 1208 margin-right: 5px; 1209 padding: 6px 7px 4px 7px; 1210 width: 5px; 1211 } 1212 } 1213 } 1214 1215 &.active { 1216 &.hasSubSections { 1217 a { 1218 position: relative; 1219 1220 &::after { 1221 right: 0; 1222 border: solid 8px transparent; 1223 content: "\0020"; 1224 height: 0; 1225 width: 0; 1226 position: absolute; 1227 pointer-events: none; 1228 border-right-color: #fff; 1229 top: 50%; 1230 margin-top: -8px; 1231 } 1232 1233 } 1234 1235 ul.subsection li a { 1236 &::after { 1237 border: 0 none !important; 1238 content: "\0020" !important; 1239 1240 } 1241 } 1242 } 1243 } 1244 } 1245 } 1246 1247 div.redux-star-holder { 1248 position: relative; 1249 height: 19px; 1250 width: 100px; 1251 font-size: 19px; 1252 } 1253 1254 div.redux-star { 1255 height: 100%; 1256 position: absolute; 1257 top: 0px; 1258 left: 0px; 1259 background-color: transparent; 1260 letter-spacing: 1ex; 1261 border: none; 1262 1263 img { 1264 width: 19px; 1265 height: 19px; 1266 border-left: 1px solid #f1f1f1; 1267 border-right: 1px solid #f1f1f1; 1268 display: block; 1269 position: absolute; 1270 right: 0px; 1271 border: none; 1272 text-decoration: none; 1273 } 1274 1275 &.redux-star-rating { 1276 background-color: #fc0; 1277 } 1278 1279 &.redux-star1 { 1280 width: 20%; 1281 } 1282 1283 &.redux-star2 { 1284 width: 40%; 1285 } 1286 1287 &.redux-star3 { 1288 width: 60%; 1289 } 1290 1291 &.redux-star4 { 1292 width: 80%; 1293 } 1294 1295 &.redux-star5 { 1296 width: 100%; 1297 } 1298 } 1299 1300 @media screen and (max-width: 600px) { 1301 .sticky-save-warn .redux-save-warn { 1302 top: 0 !important; 1303 right: 14px !important; 1304 } 1305 1306 .form-table > tbody > tr > th { 1307 padding-bottom: 0 !important; 1308 } 1309 1310 .redux_field_th { 1311 padding-top: 0; 1312 padding-bottom: 0; 1313 } 1314 1315 .redux-main { 1316 .redux-field-container { 1317 padding-top: 0; 1318 padding-bottom: 0; 1319 } 1320 .subsection a { 1321 min-height: 15px; 1322 } 1323 } 1324 1325 #redux-footer #redux-share, 1326 .redux-hint-qtip { 1327 display: none; 1328 } 1329 1330 .redux-container { 1331 .redux-main { 1332 margin-left: 44px; 1333 } 1334 1335 .redux-action_bar { 1336 float: none; 1337 } 1338 } 1339 1340 .redux-group-tab-link-a { 1341 min-height: 15px; 1342 1343 span { 1344 padding: 11px 12px; 1345 color: #555; 1346 -webkit-transition: all 0.3s; 1347 -moz-transition: all 0.3s; 1348 transition: all 0.3s; 1349 &:hover { 1350 background: #e5e5e5; 1351 } 1352 1353 text-shadow: none !important; 1354 } 1355 } 1356 } 1357 1358 @media screen and (max-width: 400px) { 1359 #redux-defaults { 1360 display: none; 1361 } 1362 } 1363 1364 @media screen and (max-width: 700px) { 1365 #redux-defaults-section { 1366 display: none; 1367 } 1368 } 1369 1370 @media screen and (max-width: 730px) { 1371 #redux-share { 1372 display: none; 1373 } 1374 1375 #redux-defaults-section2 { 1376 display: none; 1377 } 1378 #redux-share { 1379 display: none; 1380 } 1381 } 1382 1383 @media screen and (min-width: 601px) and (max-width: 782px) { 1384 .redux-container { 1385 .sticky-save-warn .redux-save-warn { 1386 top: 47px !important; 1387 right: 13px !important; 1388 } 1389 } 1390 } 1391 1392 @media screen and (max-width: 782px) { 1393 #redux-footer #redux-share { 1394 line-height: 38px; 1395 font-size: 18px; 1396 } 1397 1398 .sticky-save-warn .redux-save-warn { 1399 right: 13px; 1400 top: 46px; 1401 } 1402 1403 .redux-container .expand_options { 1404 margin-top: 5px; 1405 } 1406 1407 .redux-action_bar input { 1408 margin-bottom: 0 !important; 1409 } 1410 1411 .redux-main { 1412 .form-table-section-indented { 1413 input[type="text"] { 1414 width: 95% !important; 1415 } 1416 } 1417 1418 .redux-container-sortable { 1419 input[type="text"] { 1420 width: 80%; 1421 display: initial; 1422 } 1423 } 1424 1425 .redux-typography-container { 1426 .input_wrapper input.mini { 1427 font-size: 16px !important; 1428 height: 40px !important; 1429 padding: 7px 10px !important; 1430 line-height: 24px !important; 1431 } 1432 1433 .picker-wrapper label { 1434 margin-top: 16px !important; 1435 } 1436 } 1437 1438 .input-append { 1439 height: 50px !important; 1440 1441 .add-on { 1442 font-size: 16px; 1443 line-height: 24px !important; 1444 padding: 7px; 1445 height: 32px !important; 1446 float: right; 1447 margin-top: -40px; 1448 } 1449 } 1450 1451 .redux-hint-qtip { 1452 float: left !important; 1453 } 1454 1455 .redux-action_bar .button { 1456 margin-top: -1px; 1457 } 1458 } 1459 } 1460 1461 @media screen and (max-width: 570px) { 1462 .redux-main { 1463 .redux-container-sortable { 1464 .checkbox-container { 1465 width: 85%; 1466 padding-bottom: 5px; 1467 1468 label { 1469 display: initial; 1470 } 1471 } 1472 } 1473 } 1474 } 1475 1476 // Gutenberg 1477 .block-editor-page { 1478 .redux-container { 1479 .redux-metabox .redux-container { 1480 border-left: 1px solid #eee; 1481 border-right: 1px solid #eee; 1482 } 1483 } 1484 }