.color-scheme-picker { display: flex; flex-wrap: wrap; justify-content: flex-start; margin: -15px 0 0 -15px; padding-top: 10px; } .color-scheme-label { display: block; line-height: 1; margin: 15px 0 0 15px; width: calc(50% - 15px); } .color-scheme-panel { border: 2px solid #e1e1e3; border-radius: 5px; box-sizing: border-box; cursor: pointer; display: flex; justify-content: stretch; margin: 0; overflow: hidden; transition: border-color .15s linear; } .color-scheme-picker .color-scheme-label:hover .color-scheme-panel, .color-scheme-picker .color-scheme-label input:focus ~ .color-scheme-panel, .color-scheme-picker .color-scheme-label input:checked + .color-scheme-panel { border-color: #2885bb; } .color-scheme-panel .color-scheme-stripe { height: 80px; width: 100%; } .color-scheme-picker .color-scheme-title { display: block; font-weight: 500; margin-top: 6px; } .allinone-type-radio .radio-labels { display: flex; flex-wrap: wrap; } .allinone-type-radio .radio-labels .bg-color-label { width: 50%; } .allinone-type-radio .radio-labels .bg-color-label input[type=radio] { position: absolute; z-index: -1; } .allinone-type-radio .radio-labels:hover .bg-color-label, .allinone-type-radio .radio-labels input:focus ~ .color-scheme-panel, .allinone-type-radio .radio-labels input:checked + .color-scheme-panel { border-color: #2885bb; } .theme-info-icon{ margin-top: 10px; } .theme-info-icon .icon-notice-wrap{ display: -ms-flexbox; display: flex; } .theme-info-icon .icon-notice-wrap .dashicons { font-size: 22px; margin-right: 10px; } .theme-info-icon .icon-notice-wrap span:not(.dashicons){ font-size: 12px; filter: alpha(opacity=54); opacity: 0.54; } span.customize-control-title-custom { font-size: 18px; text-align: center; width: 100%; display: block; background: #1ea2f1; padding: 14px 0; color: #fff; } .customize-control-range input[type=range] { background: transparent; height: 25px; -webkit-appearance: none; margin: 10px 0; width: 100%; } .customize-control-range input[type=range]:focus { outline: none; } .customize-control-range input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 5px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #000000; background: #2497E3; border-radius: 1px; border: 0px solid #000000; } .customize-control-range input[type=range]::-webkit-slider-thumb { box-shadow: 0px 0px 0px #000000; border: 1px solid #2497E3; height: 18px; width: 18px; border-radius: 25px; background: #A1D0FF; cursor: pointer; -webkit-appearance: none; margin-top: -7px; } .customize-control-range input[type=range]:focus::-webkit-slider-runnable-track { background: #2497E3; } .customize-control-range input[type=range]::-moz-range-track { width: 100%; height: 5px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #000000; background: #2497E3; border-radius: 1px; border: 0px solid #000000; } .customize-control-range input[type=range]::-moz-range-thumb { box-shadow: 0px 0px 0px #000000; border: 1px solid #2497E3; height: 18px; width: 18px; border-radius: 25px; background: #A1D0FF; cursor: pointer; } .customize-control-range input[type=range]::-ms-track { width: 100%; height: 5px; cursor: pointer; animate: 0.2s; background: transparent; border-color: transparent; color: transparent; } .customize-control-range input[type=range]::-ms-fill-lower { background: #2497E3; border: 0px solid #000000; border-radius: 2px; box-shadow: 0px 0px 0px #000000; } .customize-control-range input[type=range]::-ms-fill-upper { background: #2497E3; border: 0px solid #000000; border-radius: 2px; box-shadow: 0px 0px 0px #000000; } .customize-control-range input[type=range]::-ms-thumb { margin-top: 1px; box-shadow: 0px 0px 0px #000000; border: 1px solid #2497E3; height: 18px; width: 18px; border-radius: 25px; background: #A1D0FF; cursor: pointer; } .customize-control-range input[type=range]:focus::-ms-fill-lower { background: #2497E3; } .customize-control-range input[type=range]:focus::-ms-fill-upper { background: #2497E3; }