362 lines
13 KiB
CSS
362 lines
13 KiB
CSS
/**
|
|
* Heading
|
|
*/
|
|
.customize-control-heading {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/**
|
|
* Description
|
|
*/
|
|
.customize-control-description {
|
|
overflow-wrap: break-word;
|
|
}
|
|
|
|
/**
|
|
* Checkbox
|
|
*/
|
|
.customize-control-checkbox + .customize-control-checkbox {
|
|
margin-top: -12px;
|
|
}
|
|
|
|
/**
|
|
* Radio
|
|
*/
|
|
.customize-control-radio .customize-inside-control-row {
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
/**
|
|
* Divider
|
|
*/
|
|
.customizer-divider {
|
|
border-bottom: 1px dashed #dcdcde;
|
|
margin: 4px -12px;
|
|
}
|
|
|
|
/**
|
|
* Color
|
|
*/
|
|
.customize-control-color[id*=is_dark],
|
|
.customize-control-color-alpha[id*=is_dark] {
|
|
position: relative;
|
|
}
|
|
.customize-control-color[id*=is_dark] .expand-setting,
|
|
.customize-control-color-alpha[id*=is_dark] .expand-setting {
|
|
position: absolute;
|
|
top: -82px;
|
|
left: 0;
|
|
padding: 10px;
|
|
cursor: pointer;
|
|
opacity: 0.5;
|
|
transition: opacity 0.25s;
|
|
}
|
|
.customize-control-color[id*=is_dark] .expand-setting:before,
|
|
.customize-control-color-alpha[id*=is_dark] .expand-setting:before {
|
|
display: block;
|
|
background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.66536 4.16683C5.66523 5.09392 5.94124 6.00005 6.45818 6.76964C6.97513 7.53923 7.70959 8.1374 8.56788 8.48787C9.42618 8.83835 10.3694 8.92523 11.2773 8.73744C12.1852 8.54965 13.0165 8.09571 13.6654 7.4335V7.50016C13.6654 11.1822 10.6807 14.1668 6.9987 14.1668C3.3167 14.1668 0.332031 11.1822 0.332031 7.50016C0.332031 3.81816 3.3167 0.833496 6.9987 0.833496H7.06536C6.62139 1.26758 6.26879 1.78614 6.02835 2.35862C5.78791 2.93109 5.66449 3.54591 5.66536 4.16683ZM1.66536 7.50016C1.66488 8.69015 2.06238 9.84611 2.79463 10.7841C3.52687 11.7222 4.55179 12.3883 5.70631 12.6767C6.86082 12.9651 8.07862 12.859 9.16593 12.3755C10.2532 11.8919 11.1476 11.0586 11.7067 10.0082C10.7117 10.2426 9.67322 10.2189 8.68991 9.93931C7.7066 9.65973 6.81103 9.13355 6.08817 8.41069C5.36531 7.68783 4.83913 6.79226 4.55955 5.80895C4.27997 4.82564 4.25627 3.7872 4.4907 2.79216C3.63708 3.24692 2.92322 3.92527 2.42554 4.75459C1.92785 5.58391 1.66508 6.53297 1.66536 7.50016Z' fill='%23000000'/%3E%3C/svg%3E%0A");
|
|
background-size: contain;
|
|
width: 14px;
|
|
height: 15px;
|
|
content: "";
|
|
}
|
|
.customize-control-color[id*=is_dark] .expand-setting:hover,
|
|
.customize-control-color-alpha[id*=is_dark] .expand-setting:hover {
|
|
opacity: 1;
|
|
}
|
|
.customize-control-color[id*=is_dark].customize-control-color-open .expand-setting,
|
|
.customize-control-color-alpha[id*=is_dark].customize-control-color-open .expand-setting {
|
|
opacity: 1;
|
|
}
|
|
.customize-control-color[id*=is_dark]:not(.customize-control-color-open),
|
|
.customize-control-color-alpha[id*=is_dark]:not(.customize-control-color-open) {
|
|
margin-bottom: 0;
|
|
}
|
|
.customize-control-color[id*=is_dark]:not(.customize-control-color-open) .customize-control-title,
|
|
.customize-control-color-alpha[id*=is_dark]:not(.customize-control-color-open) .customize-control-title {
|
|
display: none;
|
|
}
|
|
.customize-control-color[id*=is_dark]:not(.customize-control-color-open) .customize-control-content,
|
|
.customize-control-color-alpha[id*=is_dark]:not(.customize-control-color-open) .customize-control-content {
|
|
display: none;
|
|
}
|
|
.customize-control-color[id*=is_dark]:not(.customize-control-color-open) .wp-picker-container,
|
|
.customize-control-color-alpha[id*=is_dark]:not(.customize-control-color-open) .wp-picker-container {
|
|
display: none;
|
|
}
|
|
|
|
/**
|
|
* Select2
|
|
*/
|
|
.select2-dropdown {
|
|
border-color: rgba(0, 0, 0, 0.1);
|
|
border-radius: 0;
|
|
}
|
|
|
|
.select2-container {
|
|
min-width: 100px;
|
|
width: 100% !important;
|
|
}
|
|
|
|
.select2-container--open .select2-dropdown--above,
|
|
.select2-container--open .select2-dropdown--below {
|
|
z-index: 9999999;
|
|
min-width: 100px;
|
|
}
|
|
|
|
.select2-container--default .select2-search--dropdown .select2-search__field {
|
|
border-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.select2-container--default .select2-selection--multiple,
|
|
.select2-container--default .select2-selection--single {
|
|
border-color: rgba(0, 0, 0, 0.1);
|
|
border-radius: 0;
|
|
}
|
|
|
|
.select2-container--default .select2-selection--multiple .select2-selection__choice {
|
|
background-color: rgba(255, 255, 255, 0);
|
|
background-color: transparent;
|
|
border: none;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.wp-customizer .select2-container {
|
|
z-index: 8 !important;
|
|
}
|
|
|
|
.wp-customizer .select2-container.select2-container--open {
|
|
z-index: 999999 !important;
|
|
}
|
|
|
|
/**
|
|
* Collapsibles
|
|
*/
|
|
.customize-control-collapsible .customize-collapsible {
|
|
position: relative;
|
|
margin: 0 -12px;
|
|
border-top: 1px solid rgba(0, 0, 0, 0.05);
|
|
}
|
|
.customize-control-collapsible .customize-collapsible h3 {
|
|
display: block;
|
|
position: relative;
|
|
margin: 0;
|
|
padding: 10px 14px;
|
|
color: #555;
|
|
background: white;
|
|
line-height: 21px;
|
|
user-select: none;
|
|
cursor: pointer;
|
|
}
|
|
.customize-control-collapsible .customize-collapsible h3:after {
|
|
position: absolute;
|
|
top: 12px;
|
|
left: 14px;
|
|
color: #a0a5aa;
|
|
font: 400 20px/1 dashicons;
|
|
content: "\f343";
|
|
}
|
|
.customize-control-collapsible .customize-collapsible h3:hover {
|
|
color: #0073aa;
|
|
background: #f5f5f5;
|
|
}
|
|
.customize-control-collapsible .customize-collapsible h3:hover:after {
|
|
color: #0073aa;
|
|
}
|
|
.customize-control-collapsible.customize-control-collapsed {
|
|
margin-bottom: 0;
|
|
}
|
|
.customize-control-collapsible.customize-control-collapsed .customize-collapsible h3:after {
|
|
content: "\f347";
|
|
}
|
|
|
|
.customize-control-hidden {
|
|
height: 0 !important;
|
|
overflow: hidden !important;
|
|
visibility: hidden;
|
|
padding: 0;
|
|
}
|
|
|
|
/**
|
|
* Alpha Color Picker CSS
|
|
*/
|
|
.customize-control-color-alpha .wp-picker-container .iris-picker {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.customize-control-color-alpha .wp-picker-container {
|
|
max-width: 257px;
|
|
}
|
|
|
|
.customize-control-color-alpha .wp-picker-open + .wp-picker-input-wrap {
|
|
width: 100%;
|
|
}
|
|
|
|
.customize-control-color-alpha .wp-picker-input-wrap input[type=text].wp-color-picker.color-alpha-control {
|
|
float: right;
|
|
width: 195px;
|
|
}
|
|
|
|
.customize-control-color-alpha .wp-picker-input-wrap .button {
|
|
margin-right: 0;
|
|
float: left;
|
|
}
|
|
|
|
.wp-picker-container .wp-picker-open ~ .wp-picker-holder .color-alpha-picker-container {
|
|
display: block;
|
|
}
|
|
|
|
.color-alpha-picker-container {
|
|
border: 1px solid #dfdfdf;
|
|
border-top: none;
|
|
display: none;
|
|
background: #FFF;
|
|
padding: 0 11px 10px;
|
|
position: relative;
|
|
}
|
|
|
|
.color-alpha-picker-container .ui-widget-content,
|
|
.color-alpha-picker-container .ui-widget-header,
|
|
.color-alpha-picker-wrap .ui-state-focus {
|
|
background: transparent;
|
|
border: none;
|
|
}
|
|
|
|
.color-alpha-picker-wrap a.iris-square-value:focus {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.color-alpha-picker-container .ui-slider {
|
|
position: relative;
|
|
z-index: 1;
|
|
height: 24px;
|
|
text-align: center;
|
|
margin: 0 auto;
|
|
width: 88%;
|
|
width: calc(100% - 28px);
|
|
}
|
|
|
|
.color-alpha-picker-container .ui-slider-handle,
|
|
.color-alpha-picker-container .ui-widget-content .ui-state-default {
|
|
color: #777;
|
|
background-color: #FFF;
|
|
text-shadow: 0 1px 0 #FFF;
|
|
text-decoration: none;
|
|
position: absolute;
|
|
z-index: 2;
|
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
|
|
border: 1px solid #aaa;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
margin-top: -2px;
|
|
top: 0;
|
|
height: 26px;
|
|
width: 26px;
|
|
cursor: ew-resize;
|
|
font-size: 0;
|
|
padding: 0;
|
|
line-height: 27px;
|
|
margin-right: -14px;
|
|
}
|
|
|
|
.color-alpha-picker-container .ui-slider-handle.alpha {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.color-alpha-picker-container .click-zone {
|
|
width: 14px;
|
|
height: 24px;
|
|
display: block;
|
|
position: absolute;
|
|
right: 10px;
|
|
}
|
|
|
|
.color-alpha-picker-container .max-click-zone {
|
|
left: 10px;
|
|
right: auto;
|
|
}
|
|
|
|
.color-alpha-picker-container .transparency {
|
|
height: 24px;
|
|
width: 100%;
|
|
background-color: #FFF;
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOkAAAAYCAYAAAAf+dpfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzY5NzJDNTEwNzA3MTFFNEExREREODYzQUFCRDhDREMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzY5NzJDNTIwNzA3MTFFNEExREREODYzQUFCRDhDREMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNjk3MkM0RjA3MDcxMUU0QTFEREQ4NjNBQUJEOENEQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNjk3MkM1MDA3MDcxMUU0QTFEREQ4NjNBQUJEOENEQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PndQ2kgAAAbKSURBVHjarFyLUexI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");
|
|
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
padding: 0;
|
|
margin-top: -24px;
|
|
}
|
|
|
|
@media only screen and (max-width: 782px) {
|
|
.customize-control-color-alpha .wp-picker-input-wrap input[type=text].wp-color-picker.color-alpha-control {
|
|
width: 184px;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 640px) {
|
|
.customize-control-color-alpha .wp-picker-input-wrap input[type=text].wp-color-picker.color-alpha-control {
|
|
width: 172px;
|
|
height: 33px;
|
|
}
|
|
}
|
|
/**
|
|
* Typography
|
|
*/
|
|
.customize-control-typography {
|
|
position: relative;
|
|
}
|
|
|
|
.customize-control-typography .wrapper {
|
|
padding: 10px;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.customize-control-typography .wrapper h5 {
|
|
margin: 0.67em 0 0;
|
|
}
|
|
|
|
.customize-control-typography .wrapper .font-family,
|
|
.customize-control-typography .wrapper .font-size,
|
|
.customize-control-typography .wrapper .letter-spacing,
|
|
.customize-control-typography .wrapper .line-height,
|
|
.customize-control-typography .wrapper .text-align,
|
|
.customize-control-typography .wrapper .text-transform,
|
|
.customize-control-typography .wrapper .variant {
|
|
width: 100%;
|
|
float: none;
|
|
clear: both;
|
|
}
|
|
|
|
.customize-control-typography .wrapper .font-size,
|
|
.customize-control-typography .wrapper .letter-spacing,
|
|
.customize-control-typography .wrapper .line-height,
|
|
.customize-control-typography .wrapper .text-transform {
|
|
width: 48%;
|
|
}
|
|
|
|
.customize-control-typography .wrapper .text-align .text-align-choices {
|
|
display: flex;
|
|
}
|
|
|
|
.customize-control-typography .wrapper .text-align .text-align-choices label {
|
|
width: 100%;
|
|
padding: 5px;
|
|
text-align: center;
|
|
border: 1px solid rgba(255, 255, 255, 0);
|
|
}
|
|
|
|
.customize-control-typography .wrapper .text-align .text-align-choices input {
|
|
display: none;
|
|
}
|
|
|
|
.customize-control-typography .wrapper .text-align .text-align-choices input:checked + label {
|
|
border-color: #0085ba;
|
|
}
|
|
/*# sourceMappingURL=customizer.css.map */
|