| @@ -1,5 +1,122 @@ | ||
| 1 | -.wp-full-overlay-sidebar *, | |
| 1 | +.sm-radio-group | |
| 2 | +{font-size: 14px;font-weight: 600;line-height: 1.142em; | |
| 3 | + | |
| 4 | + position: relative;display: -ms-flexbox;display: flex;overflow: hidden;height: 2.428em;color: rgba(65,107,126,.7);border-radius: 999em;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-ms-flex-align: stretch;align-items: stretch;-webkit-font-smoothing: antialiased; | |
| 5 | +}.sm-radio-group > * | |
| 6 | +{ | |
| 7 | + -ms-flex: 1 1 0 ;flex: 1 1 0; | |
| 8 | +}.sm-radio-group:after | |
| 9 | +{position: absolute;top: 0;right: 0;bottom: 0;left: 0; | |
| 10 | + | |
| 11 | + content: '';pointer-events: none;border: .142em solid #57abd5;border-radius: 999em; | |
| 12 | +}.sm-radio-group input[type='radio'] | |
| 13 | +{ | |
| 14 | + display: none; | |
| 15 | +}.sm-radio-group input[type='radio']:checked + label | |
| 16 | +{color: #fff; | |
| 17 | + background-color: #57abd5; | |
| 18 | +}.sm-radio-group input[type='radio']:checked + label:before | |
| 19 | +{position: relative;top: .285em;display: inline-block;width: .55em;height: .8em;margin-right: .45em; | |
| 20 | + | |
| 21 | + content: '';-webkit-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);color: inherit;border-right: 2px solid;border-bottom: 2px solid; | |
| 22 | +}.sm-radio-group label | |
| 23 | +{position: relative; | |
| 24 | + | |
| 25 | + display: -ms-flexbox ;display: flex;cursor: pointer;transition: all .25s ease;color: inherit;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center; | |
| 26 | +}.sm-radio-group label:hover | |
| 27 | +{ | |
| 28 | + color: #416b7e; | |
| 29 | +}.sm-radio-group label:nth-of-type(2) | |
| 30 | +{border-right: 2px solid #57abd5; | |
| 31 | + border-left: 2px solid #57abd5; | |
| 32 | +}[id='customize-control-sm_coloration_level_control'] .sm-radio-group | |
| 33 | +{ | |
| 34 | + display: -ms-flexbox ;display: flex;flex-direction: row-reverse;-ms-flex-direction: row-reverse;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-ms-flex-align: stretch;align-items: stretch;-ms-flex-pack: start;justify-content: flex-start; | |
| 35 | +}[id='customize-control-sm_coloration_level_control'] .sm-radio-group > * | |
| 36 | +{ | |
| 37 | + -ms-flex: 0 0 33.33% ;flex: 0 0 33.33%; | |
| 38 | +}[id='customize-control-sm_coloration_level_control'] .sm-radio-group input[type='radio']:last-of-type:checked + label | |
| 39 | +{ | |
| 40 | + background: linear-gradient(90deg, #3daae0 0%, #d557be 100%); | |
| 41 | +}[id='customize-control-sm_coloration_level_control'] .sm-radio-group input[type='radio']:nth-of-type(1):checked ~ label:last-of-type, | |
| 42 | +[id='customize-control-sm_coloration_level_control'] .sm-radio-group input[type='radio']:nth-of-type(2):checked ~ label:last-of-type | |
| 43 | +{ | |
| 44 | + margin-right: -33.33%; | |
| 45 | +}[id='customize-control-sm_coloration_level_control'] .sm-radio-group label:nth-of-type(1) | |
| 46 | +{ | |
| 47 | + -ms-flex-order: 4;order: 4; | |
| 48 | +}[id='customize-control-sm_coloration_level_control'] .sm-radio-group label:nth-of-type(2) | |
| 49 | +{border-right: 2px solid #57abd5;border-left: 2px solid #57abd5; | |
| 50 | + | |
| 51 | + -ms-flex-order: 3;order: 3; | |
| 52 | +}[id='customize-control-sm_coloration_level_control'] .sm-radio-group label:nth-of-type(3) | |
| 53 | +{ | |
| 54 | + -ms-flex-order: 2;order: 2; | |
| 55 | +}[id='customize-control-sm_coloration_level_control'] .sm-radio-group label:nth-of-type(4) | |
| 56 | +{border-left: 2px solid #57abd5; | |
| 57 | + | |
| 58 | + -ms-flex-order: 1;order: 1; | |
| 59 | +}[id='sub-accordion-section-sm_color_palettes_section'].sm-view-customize li.customize-control-sm_switch | |
| 60 | +{ | |
| 61 | + display: -ms-flexbox !important ;display: flex !important;padding-top: 42px;padding-bottom: 42px;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between; | |
| 62 | +}[id='sub-accordion-section-sm_color_palettes_section'].sm-view-customize li.customize-control-sm_switch .customize-control-title, | |
| 63 | +[id='sub-accordion-section-sm_color_palettes_section'].sm-view-customize li.customize-control-sm_switch .separator.label | |
| 64 | +{ | |
| 65 | + display: inline-block; | |
| 66 | +}.sm-switch | |
| 67 | +{font-size: 14px;font-weight: 600;line-height: 1.142em;position: relative;z-index: 10; | |
| 68 | + | |
| 69 | + display: -ms-flexbox;display: flex;overflow: hidden;max-width: 5.5em;height: 2.428em;color: #fff;border-radius: 999em;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-ms-flex-align: stretch;align-items: stretch;-ms-flex-pack: start;justify-content: flex-start;-webkit-font-smoothing: antialiased; | |
| 70 | +}.sm-switch input[type='radio'] | |
| 71 | +{ | |
| 72 | + display: none; | |
| 73 | +}.sm-switch input[type='radio'] + label | |
| 74 | +{ | |
| 75 | + display: -ms-flexbox ;display: flex;-ms-flex-align: center;align-items: center;-ms-flex: 0 0 100%;flex: 0 0 100%; | |
| 76 | +}.sm-switch input[type='radio'] + label, | |
| 77 | +.sm-switch input[type='radio'] + label:after | |
| 78 | +{ | |
| 79 | + transition: all .2s ease-out; | |
| 80 | +}.sm-switch input[type='radio']:checked + label | |
| 81 | +{ | |
| 82 | + pointer-events: none; | |
| 83 | +}.sm-switch input[type='radio']:nth-of-type(1) + label | |
| 84 | +{ | |
| 85 | + padding-left: 1.214em; | |
| 86 | +}.sm-switch input[type='radio']:nth-of-type(1) + label:after | |
| 87 | +{position: absolute;z-index: -1;top: 0;right: 0;bottom: 0;left: 0; | |
| 88 | + | |
| 89 | + content: '';background-color: #57abd5; | |
| 90 | +}.sm-switch input[type='radio']:nth-of-type(1):not(:checked) + label | |
| 91 | +{ | |
| 92 | + -webkit-transform: translateX(-100%) translateX(2.125em) ;transform: translateX(-100%) translateX(2.125em); | |
| 93 | +}.sm-switch input[type='radio']:nth-of-type(1):not(:checked) + label:after | |
| 94 | +{-webkit-transform: translateX(100%) translateX(-2.125em) ;transform: translateX(100%) translateX(-2.125em); | |
| 95 | + | |
| 96 | + background: #ccc; | |
| 97 | +}.sm-switch input[type='radio']:nth-of-type(1):not(:checked) + label ~ label | |
| 98 | +{ | |
| 99 | + -webkit-transform: translateX(-100%) ;transform: translateX(-100%); | |
| 100 | +}.sm-switch input[type='radio']:nth-of-type(1):checked + label ~ label | |
| 101 | +{ | |
| 102 | + -webkit-transform: translateX(-2.4em) ;transform: translateX(-2.4em); | |
| 103 | +}.sm-switch input[type='radio']:nth-of-type(1):checked + label ~ label:before | |
| 104 | +{ | |
| 105 | + -webkit-transform: translateX(-100%) translateX(2.125em) ;transform: translateX(-100%) translateX(2.125em); | |
| 106 | +}.sm-switch input[type='radio']:nth-of-type(2) + label | |
| 107 | +{flex-direction: row-reverse;padding-right: 1em; | |
| 108 | + | |
| 109 | + -ms-flex-direction: row-reverse; | |
| 110 | +}.sm-switch input[type='radio']:nth-of-type(2) + label:before | |
| 111 | +{position: absolute;top: 0;right: 0;bottom: 0;left: 0; | |
| 112 | + | |
| 113 | + content: ''; | |
| 114 | +}.sm-switch input[type='radio']:nth-of-type(2) + label:after | |
| 115 | +{display: block;width: 2.142em;height: 2.142em;margin-right: auto;margin-left: .125em; | |
| 116 | + | |
| 117 | + content: '';pointer-events: none;border-radius: 50%;background-color: #fff;box-shadow: 1px 2px 2px 0 rgba(23,21,21,.15); | |
| 118 | +}.wp-full-overlay-sidebar *, | |
| 2 | 119 | .wp-full-overlay-sidebar *:before, |
| 3 | 120 | .wp-full-overlay-sidebar *:after |
| 4 | 121 | { |
| 5 | 122 | box-sizing: border-box; |
| @@ -50,15 +167,8 @@ | ||
| 50 | 167 | padding: 17px; |
| 51 | 168 | }#customize-theme-controls .customize-section-title |
| 52 | 169 | { |
| 53 | 170 | margin-top: -17px;margin-right: -17px; |
| 54 | -}#customize-theme-controls .control-panel-content .control-section:nth-child(2), | |
| 55 | -#customize-theme-controls .control-panel-content .control-section:nth-child(3) | |
| 56 | -{ | |
| 57 | - border-top: none; | |
| 58 | -}#customize-theme-controls .control-panel-content .control-section:nth-last-child(2) | |
| 59 | -{ | |
| 60 | - border-bottom: 1px solid #e0e8ef; | |
| 61 | 171 | }#customize-theme-controls #accordion-section-add_menu |
| 62 | 172 | { |
| 63 | 173 | border-bottom: none; |
| 64 | 174 | }#customize-theme-controls #accordion-section-add_menu .add-menu-toggle |
| @@ -67,11 +177,10 @@ | ||
| 67 | 177 | }#customize-theme-controls .customize-pane-child.open |
| 68 | 178 | { |
| 69 | 179 | height: 100%; |
| 70 | 180 | }#customize-controls .description |
| 71 | -{font-size: 12px;font-weight: 300;font-style: normal;line-height: 1.6; | |
| 72 | - | |
| 73 | - margin-bottom: 9px;text-indent: 0;color: #4d7b90; | |
| 181 | +{ | |
| 182 | + font-size: 12px;font-weight: 300;font-style: normal;line-height: 1.6;text-indent: 0;color: #4d7b90; | |
| 74 | 183 | }.customize-control-description |
| 75 | 184 | { |
| 76 | 185 | margin-top: 6px; |
| 77 | 186 | }.customize-control |
| @@ -122,15 +231,15 @@ | ||
| 122 | 231 | }.wp-core-ui .reset_panel |
| 123 | 232 | { |
| 124 | 233 | margin-top: 10px; |
| 125 | 234 | }.separator.label |
| 126 | -{font-size: 14px;font-weight: 600;line-height: 24px; | |
| 235 | +{font-size: 14px;font-weight: 500;line-height: 24px; | |
| 127 | 236 | |
| 128 | 237 | display: block; |
| 129 | 238 | }.customize-control-title, |
| 130 | 239 | .separator.label |
| 131 | 240 | { |
| 132 | - color: #416b7e; | |
| 241 | + color: #2a3b44; | |
| 133 | 242 | }.separator.section:before, |
| 134 | 243 | .separator.sub-section:before |
| 135 | 244 | {position: absolute;z-index: -1;top: 0;right: -18px;bottom: 0;left: -18px; |
| 136 | 245 | |
| @@ -639,15 +748,15 @@ | ||
| 639 | 748 | }.wp-full-overlay-sidebar, |
| 640 | 749 | .customize-themes-panel, |
| 641 | 750 | #customize-sidebar-outer-content |
| 642 | 751 | {border-right: 1px solid #e0e8ef; |
| 643 | - background: #eaf9fe; | |
| 752 | + background: #f7f9fa; | |
| 644 | 753 | }.outer-section-open #customize-controls .wp-full-overlay-sidebar-content, |
| 645 | 754 | .attachment-media-view, |
| 646 | 755 | .media-widget-preview.media_audio, |
| 647 | 756 | .media-widget-preview.media_image |
| 648 | 757 | { |
| 649 | - background: #eaf9fe; | |
| 758 | + background: #f7f9fa; | |
| 650 | 759 | }#customize-theme-controls #accordion-section-menu_locations |
| 651 | 760 | { |
| 652 | 761 | border-bottom: 1px solid #e0e8ef; |
| 653 | 762 | }#customize-controls #accordion-section-themes > .accordion-section-title |
| @@ -1091,12 +1200,12 @@ | ||
| 1091 | 1200 | position: relative;overflow: hidden;width: 100% !important;height: 64px;margin-left: 0 !important;text-indent: 0 !important;border-radius: 5px;background-position: 50% 50%;background-size: cover; |
| 1092 | 1201 | }.pix_customizer_setting .customize-inside-control-row:before |
| 1093 | 1202 | {position: absolute;z-index: 10;top: 0;right: 0;bottom: 0;left: 0; |
| 1094 | 1203 | |
| 1095 | - content: '';pointer-events: none;box-shadow: inset 0 0 3px 0 rgba(0,0,0,.15),inset 0 1px 3px 0 rgba(0,0,0,.15); | |
| 1204 | + content: '';pointer-events: none;box-shadow: inset 0 0 3px 0 rgba(0,0,0,.2); | |
| 1096 | 1205 | }.pix_customizer_setting .customize-inside-control-row:hover:before |
| 1097 | 1206 | { |
| 1098 | - box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.15),inset 0 0 3px 0 rgba(0,0,0,.15); | |
| 1207 | + box-shadow: inset 0 0 3px 0 rgba(0,0,0,.4); | |
| 1099 | 1208 | }.pix_customizer_setting .customize-inside-control-row:hover .palette__item |
| 1100 | 1209 | { |
| 1101 | 1210 | -webkit-transform: translateY(0%) ;transform: translateY(0%); |
| 1102 | 1211 | }.pix_customizer_setting .customize-inside-control-row:hover label |
| @@ -1164,143 +1273,19 @@ | ||
| 1164 | 1273 | -webkit-transform: none ;transform: none; |
| 1165 | 1274 | }[id*='sm_current_color_palette_control'] .variation-control |
| 1166 | 1275 | { |
| 1167 | 1276 | display: -ms-flexbox ;display: flex; |
| 1168 | -}[id='customize-control-sm_color_primary_control'], | |
| 1169 | -[id='customize-control-sm_dark_primary_control'], | |
| 1170 | -[id='customize-control-sm_light_primary_control'], | |
| 1171 | -[id='customize-control-sm_color_secondary_control'], | |
| 1172 | -[id='customize-control-sm_dark_secondary_control'], | |
| 1173 | -[id='customize-control-sm_light_secondary_control'], | |
| 1174 | -[id='customize-control-sm_color_tertiary_control'], | |
| 1175 | -[id='customize-control-sm_dark_tertiary_control'], | |
| 1176 | -[id='customize-control-sm_light_tertiary_control'] | |
| 1177 | -{ | |
| 1178 | - visibility: hidden; | |
| 1179 | -}[id='customize-control-sm_color_primary_control'] > span, | |
| 1180 | -[id='customize-control-sm_dark_primary_control'] > span, | |
| 1181 | -[id='customize-control-sm_light_primary_control'] > span, | |
| 1182 | -[id='customize-control-sm_color_secondary_control'] > span, | |
| 1183 | -[id='customize-control-sm_dark_secondary_control'] > span, | |
| 1184 | -[id='customize-control-sm_light_secondary_control'] > span, | |
| 1185 | -[id='customize-control-sm_color_tertiary_control'] > span, | |
| 1186 | -[id='customize-control-sm_dark_tertiary_control'] > span, | |
| 1187 | -[id='customize-control-sm_light_tertiary_control'] > span | |
| 1188 | -{ | |
| 1189 | - display: none; | |
| 1190 | -}[id='customize-control-sm_color_primary_control'] .wp-picker-input-wrap, | |
| 1191 | -[id='customize-control-sm_color_primary_control'] .wp-picker-holder, | |
| 1192 | -[id='customize-control-sm_dark_primary_control'] .wp-picker-input-wrap, | |
| 1193 | -[id='customize-control-sm_dark_primary_control'] .wp-picker-holder, | |
| 1194 | -[id='customize-control-sm_light_primary_control'] .wp-picker-input-wrap, | |
| 1195 | -[id='customize-control-sm_light_primary_control'] .wp-picker-holder, | |
| 1196 | -[id='customize-control-sm_color_secondary_control'] .wp-picker-input-wrap, | |
| 1197 | -[id='customize-control-sm_color_secondary_control'] .wp-picker-holder, | |
| 1198 | -[id='customize-control-sm_dark_secondary_control'] .wp-picker-input-wrap, | |
| 1199 | -[id='customize-control-sm_dark_secondary_control'] .wp-picker-holder, | |
| 1200 | -[id='customize-control-sm_light_secondary_control'] .wp-picker-input-wrap, | |
| 1201 | -[id='customize-control-sm_light_secondary_control'] .wp-picker-holder, | |
| 1202 | -[id='customize-control-sm_color_tertiary_control'] .wp-picker-input-wrap, | |
| 1203 | -[id='customize-control-sm_color_tertiary_control'] .wp-picker-holder, | |
| 1204 | -[id='customize-control-sm_dark_tertiary_control'] .wp-picker-input-wrap, | |
| 1205 | -[id='customize-control-sm_dark_tertiary_control'] .wp-picker-holder, | |
| 1206 | -[id='customize-control-sm_light_tertiary_control'] .wp-picker-input-wrap, | |
| 1207 | -[id='customize-control-sm_light_tertiary_control'] .wp-picker-holder | |
| 1208 | -{ | |
| 1209 | - visibility: visible; | |
| 1210 | -}[id='customize-control-sm_color_primary_control'] .wp-picker-container, | |
| 1211 | -[id='customize-control-sm_dark_primary_control'] .wp-picker-container, | |
| 1212 | -[id='customize-control-sm_light_primary_control'] .wp-picker-container, | |
| 1213 | -[id='customize-control-sm_color_secondary_control'] .wp-picker-container, | |
| 1214 | -[id='customize-control-sm_dark_secondary_control'] .wp-picker-container, | |
| 1215 | -[id='customize-control-sm_light_secondary_control'] .wp-picker-container, | |
| 1216 | -[id='customize-control-sm_color_tertiary_control'] .wp-picker-container, | |
| 1217 | -[id='customize-control-sm_dark_tertiary_control'] .wp-picker-container, | |
| 1218 | -[id='customize-control-sm_light_tertiary_control'] .wp-picker-container | |
| 1219 | -{float: left; | |
| 1220 | - | |
| 1221 | - width: 100%; | |
| 1222 | -}[id='customize-control-sm_color_primary_control'] .wp-picker-container button:before, | |
| 1223 | -[id='customize-control-sm_dark_primary_control'] .wp-picker-container button:before, | |
| 1224 | -[id='customize-control-sm_light_primary_control'] .wp-picker-container button:before, | |
| 1225 | -[id='customize-control-sm_color_secondary_control'] .wp-picker-container button:before, | |
| 1226 | -[id='customize-control-sm_dark_secondary_control'] .wp-picker-container button:before, | |
| 1227 | -[id='customize-control-sm_light_secondary_control'] .wp-picker-container button:before, | |
| 1228 | -[id='customize-control-sm_color_tertiary_control'] .wp-picker-container button:before, | |
| 1229 | -[id='customize-control-sm_dark_tertiary_control'] .wp-picker-container button:before, | |
| 1230 | -[id='customize-control-sm_light_tertiary_control'] .wp-picker-container button:before | |
| 1231 | -{position: relative;display: block;visibility: visible;width: 90px;height: 90px; | |
| 1232 | - | |
| 1233 | - content: '';border: 3px solid #ddd;border-radius: 50%;background-color: inherit; | |
| 1234 | -}#customize-control-sm_color_palette_control ~ [id*='sm_color_secondary'] .wp-picker-container button:before | |
| 1235 | -{ | |
| 1236 | - top: -54px;right: -70px; | |
| 1237 | -}#customize-control-sm_color_palette_control ~ [id*='sm_color_tertiary'] .wp-picker-container button:before | |
| 1238 | -{ | |
| 1239 | - top: -108px;right: -140px; | |
| 1240 | -}#customize-control-sm_color_palette_control ~ [id*='sm_dark_primary'] .wp-picker-container button:before | |
| 1241 | -{ | |
| 1242 | - top: -54px; | |
| 1243 | -}#customize-control-sm_color_palette_control ~ [id*='sm_dark_secondary'] .wp-picker-container button:before | |
| 1244 | -{ | |
| 1245 | - top: -108px;right: -70px; | |
| 1246 | -}#customize-control-sm_color_palette_control ~ [id*='sm_dark_tertiary'] .wp-picker-container button:before | |
| 1247 | -{ | |
| 1248 | - top: -162px;right: -140px; | |
| 1249 | -}#customize-control-sm_color_palette_control ~ [id*='sm_light_primary'] .wp-picker-container button:before | |
| 1250 | -{ | |
| 1251 | - top: -108px; | |
| 1252 | -}#customize-control-sm_color_palette_control ~ [id*='sm_light_secondary'] .wp-picker-container button:before | |
| 1253 | -{ | |
| 1254 | - top: -162px;right: -70px; | |
| 1255 | -}#customize-control-sm_color_palette_control ~ [id*='sm_light_tertiary'] .wp-picker-container button:before | |
| 1256 | -{ | |
| 1257 | - top: -216px;right: -140px; | |
| 1258 | -}.c-palette | |
| 1259 | -{ | |
| 1260 | - position: relative; | |
| 1261 | -}.c-palette .c-palette__label | |
| 1262 | -{ | |
| 1263 | - -ms-flex-positive: 1;flex-grow: 1; | |
| 1264 | -}.c-palette:after | |
| 1265 | -{ | |
| 1266 | - height: 64px;border-radius: 5px; | |
| 1267 | -}.c-palette:after | |
| 1268 | -{position: absolute;top: 0;right: 0;left: 0;display: block; | |
| 1269 | - | |
| 1270 | - content: '';pointer-events: none;box-shadow: inset 0 0 3px 0 rgba(0,0,0,.15),inset 0 1px 3px 0 rgba(0,0,0,.15); | |
| 1271 | 1277 | }.label__inner |
| 1272 | 1278 | {z-index: 2;padding: 7px 12px 7px 7px; |
| 1273 | 1279 | |
| 1274 | 1280 | color: #000;border-radius: 3px;background: #f5f6f1;box-shadow: 0 2px 5px rgba(0,0,0,.15); |
| 1275 | -}.c-palette__label | |
| 1276 | -{ | |
| 1277 | - display: -ms-flexbox ;display: flex;height: 40px;padding: 12px;color: black;background: white;-ms-flex-align: center;align-items: center; | |
| 1278 | -}.colors | |
| 1279 | -{ | |
| 1280 | - position: relative;display: -ms-flexbox;display: flex;width: 100%;-ms-flex-align: stretch;align-items: stretch; | |
| 1281 | -}.color | |
| 1282 | -{ | |
| 1283 | - display: -ms-flexbox ;display: flex;overflow: hidden;flex-direction: column;-ms-flex-direction: column;-ms-flex-positive: 1;flex-grow: 1; | |
| 1284 | -}.fill | |
| 1285 | -{ | |
| 1286 | - position: relative;height: 64px; | |
| 1287 | -}.c-palette__overlay | |
| 1288 | -{ | |
| 1289 | - position: absolute;top: 0;right: 0;left: 0;display: -ms-flexbox;display: flex;height: 64px;-ms-flex-align: center;align-items: center; | |
| 1290 | -}.fill:before | |
| 1291 | -{ | |
| 1292 | - position: absolute;top: 0;right: 0;bottom: 0;left: 0; | |
| 1293 | -}.fill:before | |
| 1294 | -{ | |
| 1295 | - content: '';background: currentColor; | |
| 1296 | 1281 | }.picker |
| 1297 | 1282 | { |
| 1298 | - position: relative;top: 0;left: 50%;width: 80%;max-width: 3em;margin-top: 1em;-webkit-transform: translateX(-50%);transform: translateX(-50%);border-radius: 50%; | |
| 1299 | -}.colors.next .picker > i | |
| 1283 | + position: relative;top: 0;left: 50%;overflow: hidden;width: 80%;max-width: 3em;margin-top: auto;margin-bottom: auto;-webkit-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);border-radius: 50%; | |
| 1284 | +}.colors .picker > i | |
| 1300 | 1285 | {position: absolute;z-index: 20;top: 0;right: 0;bottom: 0;left: 0; |
| 1301 | 1286 | |
| 1302 | - display: block;pointer-events: none;border-radius: 50%;box-shadow: inset 0 0 3px 0 rgba(0,0,0,.15),inset 0 1px 3px 0 rgba(0,0,0,.15); | |
| 1287 | + display: block;pointer-events: none;border-radius: 50%;box-shadow: inset 0 0 3px 0 rgba(0,0,0,.2); | |
| 1303 | 1288 | }.picker:before, |
| 1304 | 1289 | .picker:after |
| 1305 | 1290 | {display: block; |
| 1306 | 1291 | |
| @@ -1319,336 +1304,403 @@ | ||
| 1319 | 1304 | border-top-left-radius: 5px;border-bottom-left-radius: 5px; |
| 1320 | 1305 | }.color:last-child .fill |
| 1321 | 1306 | { |
| 1322 | 1307 | border-top-right-radius: 5px;border-bottom-right-radius: 5px; |
| 1323 | -}.colors.next | |
| 1308 | +}.label | |
| 1324 | 1309 | { |
| 1325 | - position: absolute;top: 0;left: 0; | |
| 1326 | -}.colors.next .fill:before | |
| 1310 | + margin-right: auto; | |
| 1311 | +}#customize-theme-controls [id*='sm_current_color_palette_control'] | |
| 1327 | 1312 | { |
| 1328 | - -webkit-transform: translateY(-100%) ;transform: translateY(-100%); | |
| 1329 | -}.colors.next .picker:before | |
| 1313 | + display: block;width: auto; | |
| 1314 | +}#customize-theme-controls [id*='sm_current_color_palette_control'] .color-palette-container | |
| 1330 | 1315 | { |
| 1331 | - -webkit-transform: translateY(-100%) ;transform: translateY(-100%);opacity: 0; | |
| 1332 | -}.colors.next .picker:after | |
| 1316 | + background: white; | |
| 1317 | +}#customize-theme-controls [id*='sm_current_color_palette_control'] .color-palette-container .description | |
| 1333 | 1318 | { |
| 1334 | - opacity: 0; | |
| 1335 | -}.c-palette.animate .next .fill:before | |
| 1319 | + margin-bottom: 15px; | |
| 1320 | +}#customize-theme-controls [id*='sm_current_color_palette_control'] .description.c-color-palette__notification | |
| 1321 | +{font-size: inherit;font-weight: bold;margin-bottom: 0; | |
| 1322 | + padding-top: 19px; | |
| 1323 | +}.c-color-palette__fields | |
| 1336 | 1324 | { |
| 1337 | - -webkit-animation: fill 1s cubic-bezier(.215, .61, .355, 1) forwards ;animation: fill 1s cubic-bezier(.215, .61, .355, 1) forwards; | |
| 1338 | -}.c-palette.animate .next .picker | |
| 1325 | + position: relative; | |
| 1326 | +}.c-color-palette .iris-picker | |
| 1339 | 1327 | { |
| 1340 | - -webkit-animation: picker-filter 1s cubic-bezier(.215, .61, .355, 1) forwards ;animation: picker-filter 1s cubic-bezier(.215, .61, .355, 1) forwards; | |
| 1341 | -}.c-palette.animate .next .picker:before | |
| 1328 | + position: absolute;z-index: 100;top: 100%;left: 0;margin-top: 1em;border: 0;box-shadow: black 0 3px 12px -4px; | |
| 1329 | +}.c-color-palette .iris-picker .iris-square-handle | |
| 1330 | +{top: -6px;left: -6px; | |
| 1331 | + | |
| 1332 | + border-color: transparent; | |
| 1333 | +}.c-color-palette .iris-picker .iris-square-handle:after | |
| 1342 | 1334 | { |
| 1343 | - -webkit-animation: fill-picker-before 1s cubic-bezier(.215, .61, .355, 1) forwards ;animation: fill-picker-before 1s cubic-bezier(.215, .61, .355, 1) forwards; | |
| 1344 | -}.c-palette.animate .next .picker:after | |
| 1335 | + position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: 2px solid white; | |
| 1336 | +}.c-color-palette .iris-picker .iris-square-value | |
| 1345 | 1337 | { |
| 1346 | - -webkit-animation: fill-picker-after 1s cubic-bezier(.215, .61, .355, 1) forwards ;animation: fill-picker-after 1s cubic-bezier(.215, .61, .355, 1) forwards; | |
| 1347 | -}.c-palette.animate .current .fill, | |
| 1348 | -.c-palette.animate .current .picker | |
| 1338 | + box-shadow: none !important; | |
| 1339 | +}.colors | |
| 1349 | 1340 | { |
| 1350 | - -webkit-animation: fade-out 1s forwards ;animation: fade-out 1s forwards; | |
| 1351 | -}.c-palette.animate .color:nth-child(1) .fill, | |
| 1352 | -.c-palette.animate .color:nth-child(1) .fill:before, | |
| 1353 | -.c-palette.animate .color:nth-child(1) .picker, | |
| 1354 | -.c-palette.animate .color:nth-child(1) .picker:after, | |
| 1355 | -.c-palette.animate .color:nth-child(1) .picker:before | |
| 1341 | + position: relative;display: -ms-flexbox;display: flex;width: 100%;height: 3em;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: center;align-items: center; | |
| 1342 | +}.color | |
| 1356 | 1343 | { |
| 1357 | - -webkit-animation-delay: .4s ;animation-delay: .4s; | |
| 1358 | -}.c-palette.animate .color:nth-child(2) .fill, | |
| 1359 | -.c-palette.animate .color:nth-child(2) .fill:before, | |
| 1360 | -.c-palette.animate .color:nth-child(2) .picker, | |
| 1361 | -.c-palette.animate .color:nth-child(2) .picker:after, | |
| 1362 | -.c-palette.animate .color:nth-child(2) .picker:before | |
| 1344 | + display: -ms-flexbox ;display: flex;overflow: hidden;flex-direction: column;transition: -ms-flex-positive .3s cubic-bezier(.18, .89, .32, 1.28);transition: flex-grow .3s cubic-bezier(.18, .89, .32, 1.28);-ms-flex-direction: column;-ms-flex: 1 1 0;flex: 1 1 0; | |
| 1345 | +}.color.hidden | |
| 1363 | 1346 | { |
| 1364 | - -webkit-animation-delay: .2s ;animation-delay: .2s; | |
| 1365 | -}.c-palette.animate .color:nth-child(3) .fill, | |
| 1366 | -.c-palette.animate .color:nth-child(3) .fill:before, | |
| 1367 | -.c-palette.animate .color:nth-child(3) .picker, | |
| 1368 | -.c-palette.animate .color:nth-child(3) .picker:after, | |
| 1369 | -.c-palette.animate .color:nth-child(3) .picker:before | |
| 1347 | + display: -ms-flexbox ;display: flex;transition: -ms-flex-positive .3s cubic-bezier(.6, -1, .74, .05);transition: flex-grow .3s cubic-bezier(.6, -1, .74, .05);-ms-flex-positive: 0;flex-grow: 0; | |
| 1348 | +}.color.hidden .picker | |
| 1349 | +{transition: opacity .2s ease-out; | |
| 1350 | + | |
| 1351 | + opacity: 0; | |
| 1352 | +}.color .picker | |
| 1353 | +{cursor: pointer; | |
| 1354 | + transition: opacity .3s ease-in-out, border-color .3s ease-in-out; | |
| 1355 | +}.color.inactive .picker | |
| 1370 | 1356 | { |
| 1371 | - -webkit-animation-delay: .45s ;animation-delay: .45s; | |
| 1372 | -}.c-palette.animate .color:nth-child(4) .fill, | |
| 1373 | -.c-palette.animate .color:nth-child(4) .fill:before, | |
| 1374 | -.c-palette.animate .color:nth-child(4) .picker, | |
| 1375 | -.c-palette.animate .color:nth-child(4) .picker:after, | |
| 1376 | -.c-palette.animate .color:nth-child(4) .picker:before | |
| 1357 | + opacity: .2; | |
| 1358 | +}.color.inactive .picker:hover | |
| 1377 | 1359 | { |
| 1378 | - -webkit-animation-delay: .1s ;animation-delay: .1s; | |
| 1379 | -}.c-palette.animate .color:nth-child(5) .fill, | |
| 1380 | -.c-palette.animate .color:nth-child(5) .fill:before, | |
| 1381 | -.c-palette.animate .color:nth-child(5) .picker, | |
| 1382 | -.c-palette.animate .color:nth-child(5) .picker:after, | |
| 1383 | -.c-palette.animate .color:nth-child(5) .picker:before | |
| 1360 | + opacity: 1; | |
| 1361 | +}input.c-color-palette__input[class] | |
| 1384 | 1362 | { |
| 1385 | - -webkit-animation-delay: .3s ;animation-delay: .3s; | |
| 1386 | -}.c-palette.animate .color:nth-child(6) .fill, | |
| 1387 | -.c-palette.animate .color:nth-child(6) .fill:before, | |
| 1388 | -.c-palette.animate .color:nth-child(6) .picker, | |
| 1389 | -.c-palette.animate .color:nth-child(6) .picker:after, | |
| 1390 | -.c-palette.animate .color:nth-child(6) .picker:before | |
| 1363 | + margin-top: 1em; | |
| 1364 | +}#customize-control-sm_toggle_advanced_settings_control | |
| 1391 | 1365 | { |
| 1392 | - -webkit-animation-delay: .05s ;animation-delay: .05s; | |
| 1393 | -}.c-palette.animate .color:nth-child(7) .fill, | |
| 1394 | -.c-palette.animate .color:nth-child(7) .fill:before, | |
| 1395 | -.c-palette.animate .color:nth-child(7) .picker, | |
| 1396 | -.c-palette.animate .color:nth-child(7) .picker:after, | |
| 1397 | -.c-palette.animate .color:nth-child(7) .picker:before | |
| 1366 | + margin-bottom: 0;opacity: 0; | |
| 1367 | +}#customize-control-sm_toggle_advanced_settings_control button | |
| 1398 | 1368 | { |
| 1399 | - -webkit-animation-delay: .35s ;animation-delay: .35s; | |
| 1400 | -}.c-palette.animate .color:nth-child(8) .fill, | |
| 1401 | -.c-palette.animate .color:nth-child(8) .fill:before, | |
| 1402 | -.c-palette.animate .color:nth-child(8) .picker, | |
| 1403 | -.c-palette.animate .color:nth-child(8) .picker:after, | |
| 1404 | -.c-palette.animate .color:nth-child(8) .picker:before | |
| 1369 | + width: 100%; | |
| 1370 | +}@-webkit-keyframes bounceIn | |
| 1405 | 1371 | { |
| 1406 | - -webkit-animation-delay: .15s ;animation-delay: .15s; | |
| 1407 | -}.c-palette.animate .color:nth-child(9) .fill, | |
| 1408 | -.c-palette.animate .color:nth-child(9) .fill:before, | |
| 1409 | -.c-palette.animate .color:nth-child(9) .picker, | |
| 1410 | -.c-palette.animate .color:nth-child(9) .picker:after, | |
| 1411 | -.c-palette.animate .color:nth-child(9) .picker:before | |
| 1412 | -{ | |
| 1413 | - -webkit-animation-delay: .25s ;animation-delay: .25s; | |
| 1414 | -}@-webkit-keyframes fill | |
| 1415 | -{ | |
| 1416 | - 30% | |
| 1372 | + 0%, | |
| 1373 | + 20%, | |
| 1374 | + 40%, | |
| 1375 | + 60%, | |
| 1376 | + 80%, | |
| 1377 | + 100% | |
| 1417 | 1378 | { |
| 1418 | - -webkit-transform: translateY(0) ;transform: translateY(0); | |
| 1419 | - }100% | |
| 1379 | + -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1) ;animation-timing-function: cubic-bezier(.215, .61, .355, 1); | |
| 1380 | + }0% | |
| 1381 | + {-webkit-transform: scale3d(.3, .3, .3) ;transform: scale3d(.3, .3, .3); | |
| 1382 | + | |
| 1383 | + opacity: 0; | |
| 1384 | + }20% | |
| 1420 | 1385 | { |
| 1421 | - -webkit-transform: translateY(0) ;transform: translateY(0); | |
| 1422 | - } | |
| 1423 | -}@keyframes fill | |
| 1424 | -{ | |
| 1425 | - 30% | |
| 1386 | + -webkit-transform: scale3d(1.1, 1.1, 1.1) ;transform: scale3d(1.1, 1.1, 1.1); | |
| 1387 | + }40% | |
| 1426 | 1388 | { |
| 1427 | - -webkit-transform: translateY(0) ;transform: translateY(0); | |
| 1428 | - }100% | |
| 1389 | + -webkit-transform: scale3d(.9, .9, .9) ;transform: scale3d(.9, .9, .9); | |
| 1390 | + }60% | |
| 1391 | + {-webkit-transform: scale3d(1.03, 1.03, 1.03) ;transform: scale3d(1.03, 1.03, 1.03); | |
| 1392 | + | |
| 1393 | + opacity: 1; | |
| 1394 | + }80% | |
| 1429 | 1395 | { |
| 1430 | - -webkit-transform: translateY(0) ;transform: translateY(0); | |
| 1431 | - } | |
| 1432 | -}@-webkit-keyframes picker-filter | |
| 1433 | -{ | |
| 1434 | - 0% | |
| 1435 | - { | |
| 1436 | - -webkit-filter: none ;filter: none; | |
| 1437 | - }1% | |
| 1438 | - { | |
| 1439 | - -webkit-filter: url('#goo') ;filter: url('#goo'); | |
| 1440 | - }99% | |
| 1441 | - { | |
| 1442 | - -webkit-filter: url('#goo') ;filter: url('#goo'); | |
| 1396 | + -webkit-transform: scale3d(.97, .97, .97) ;transform: scale3d(.97, .97, .97); | |
| 1443 | 1397 | }100% |
| 1444 | - { | |
| 1445 | - -webkit-filter: none ;filter: none; | |
| 1398 | + {-webkit-transform: scale3d(1, 1, 1) ;transform: scale3d(1, 1, 1); | |
| 1399 | + | |
| 1400 | + opacity: 1; | |
| 1446 | 1401 | } |
| 1447 | -}@keyframes picker-filter | |
| 1402 | +}@keyframes bounceIn | |
| 1448 | 1403 | { |
| 1449 | - 0% | |
| 1404 | + 0%, | |
| 1405 | + 20%, | |
| 1406 | + 40%, | |
| 1407 | + 60%, | |
| 1408 | + 80%, | |
| 1409 | + 100% | |
| 1450 | 1410 | { |
| 1451 | - -webkit-filter: none ;filter: none; | |
| 1452 | - }1% | |
| 1411 | + -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1) ;animation-timing-function: cubic-bezier(.215, .61, .355, 1); | |
| 1412 | + }0% | |
| 1413 | + {-webkit-transform: scale3d(.3, .3, .3) ;transform: scale3d(.3, .3, .3); | |
| 1414 | + | |
| 1415 | + opacity: 0; | |
| 1416 | + }20% | |
| 1453 | 1417 | { |
| 1454 | - -webkit-filter: url('#goo') ;filter: url('#goo'); | |
| 1455 | - }99% | |
| 1418 | + -webkit-transform: scale3d(1.1, 1.1, 1.1) ;transform: scale3d(1.1, 1.1, 1.1); | |
| 1419 | + }40% | |
| 1456 | 1420 | { |
| 1457 | - -webkit-filter: url('#goo') ;filter: url('#goo'); | |
| 1458 | - }100% | |
| 1459 | - { | |
| 1460 | - -webkit-filter: none ;filter: none; | |
| 1461 | - } | |
| 1462 | -}@-webkit-keyframes fill-picker-before | |
| 1463 | -{ | |
| 1464 | - 24% | |
| 1465 | - {-webkit-transform: translateY(-130%) ;transform: translateY(-130%); | |
| 1421 | + -webkit-transform: scale3d(.9, .9, .9) ;transform: scale3d(.9, .9, .9); | |
| 1422 | + }60% | |
| 1423 | + {-webkit-transform: scale3d(1.03, 1.03, 1.03) ;transform: scale3d(1.03, 1.03, 1.03); | |
| 1466 | 1424 | |
| 1467 | - opacity: 0; | |
| 1468 | - }25% | |
| 1469 | - {-webkit-transform: translateY(-130%) ;transform: translateY(-130%); | |
| 1470 | - | |
| 1471 | 1425 | opacity: 1; |
| 1472 | - }32% | |
| 1473 | - {-webkit-transform: translateY(-130%) ;transform: translateY(-130%); | |
| 1474 | - | |
| 1475 | - opacity: 1; | |
| 1476 | - }52% | |
| 1477 | - {-webkit-transform: translateY(-130%) ;transform: translateY(-130%); | |
| 1478 | - | |
| 1479 | - opacity: 1; | |
| 1426 | + }80% | |
| 1427 | + { | |
| 1428 | + -webkit-transform: scale3d(.97, .97, .97) ;transform: scale3d(.97, .97, .97); | |
| 1480 | 1429 | }100% |
| 1481 | - {-webkit-transform: translateY(-160%) ;transform: translateY(-160%); | |
| 1430 | + {-webkit-transform: scale3d(1, 1, 1) ;transform: scale3d(1, 1, 1); | |
| 1482 | 1431 | |
| 1483 | 1432 | opacity: 1; |
| 1484 | 1433 | } |
| 1485 | -}@keyframes fill-picker-before | |
| 1434 | +}#customize-theme-controls #sub-accordion-panel-style_manager_panel .customize-panel-description, | |
| 1435 | +#customize-theme-controls #sub-accordion-panel-theme_options_panel .customize-panel-description | |
| 1486 | 1436 | { |
| 1487 | - 24% | |
| 1488 | - {-webkit-transform: translateY(-130%) ;transform: translateY(-130%); | |
| 1437 | + display: block; | |
| 1438 | +}#customize-theme-controls li#accordion-panel-style_manager_panel h3.accordion-section-title:before | |
| 1439 | +{font-family: dashicons;font-size: 17px; | |
| 1489 | 1440 | |
| 1490 | - opacity: 0; | |
| 1491 | - }25% | |
| 1492 | - {-webkit-transform: translateY(-130%) ;transform: translateY(-130%); | |
| 1441 | + position: relative;float: right;margin-right: 28px;padding: 1px;content: '';color: #aed2e5;-webkit-font-smoothing: antialiased; | |
| 1442 | +}#customize-theme-controls li#accordion-panel-style_manager_panel h3.accordion-section-title:before | |
| 1443 | +{ | |
| 1444 | + font-size: 18px;color: #f8bc30; | |
| 1445 | +}#customize-theme-controls li#accordion-section-sm_color_palettes_section h3.accordion-section-title:before | |
| 1446 | +{font-family: dashicons;font-size: 17px; | |
| 1493 | 1447 | |
| 1494 | - opacity: 1; | |
| 1495 | - }32% | |
| 1496 | - {-webkit-transform: translateY(-130%) ;transform: translateY(-130%); | |
| 1448 | + position: relative;float: right;margin-right: 28px;padding: 1px;content: '';color: #aed2e5;-webkit-font-smoothing: antialiased; | |
| 1449 | +}#customize-theme-controls li#accordion-section-sm_color_palettes_section h3.accordion-section-title | |
| 1450 | +{ | |
| 1451 | + border-top: none; | |
| 1452 | +}#customize-theme-controls li#accordion-section-sm_font_palettes_section h3.accordion-section-title:before | |
| 1453 | +{font-family: dashicons;font-size: 17px; | |
| 1497 | 1454 | |
| 1498 | - opacity: 1; | |
| 1499 | - }52% | |
| 1500 | - {-webkit-transform: translateY(-130%) ;transform: translateY(-130%); | |
| 1455 | + position: relative;float: right;margin-right: 28px;padding: 1px;content: '';color: #aed2e5;-webkit-font-smoothing: antialiased; | |
| 1456 | +}#customize-theme-controls li#accordion-section-sm_color_palettes_section h3.accordion-section-title:before, | |
| 1457 | +#customize-theme-controls li#accordion-section-sm_font_palettes_section h3.accordion-section-title:before | |
| 1458 | +{margin-top: -2px;margin-right: 5px; | |
| 1459 | + padding: 3px; | |
| 1460 | +}#customize-theme-controls li#accordion-panel-theme_options_panel h3.accordion-section-title:before | |
| 1461 | +{font-family: dashicons;font-size: 17px; | |
| 1501 | 1462 | |
| 1502 | - opacity: 1; | |
| 1503 | - }100% | |
| 1504 | - {-webkit-transform: translateY(-160%) ;transform: translateY(-160%); | |
| 1463 | + position: relative;float: right;margin-right: 28px;padding: 1px;content: '';color: #aed2e5;-webkit-font-smoothing: antialiased; | |
| 1464 | +}#customize-theme-controls li#accordion-panel-theme_options_panel h3.accordion-section-title | |
| 1465 | +{margin: 0 0 15px 0;border-right: none; | |
| 1466 | + border-bottom: 1px solid #ddd;border-left: none; | |
| 1467 | +}.color .disc | |
| 1468 | +{position: absolute;z-index: 15;top: 0;right: 0;bottom: 0;left: 0; | |
| 1505 | 1469 | |
| 1506 | - opacity: 1; | |
| 1507 | - } | |
| 1508 | -}@-webkit-keyframes fill-picker-after | |
| 1470 | + display: block;overflow: hidden;transition: opacity .3s ease-in-out;pointer-events: none;opacity: 0; | |
| 1471 | +}.color .disc:after | |
| 1472 | +{position: absolute;top: -50%;left: -50%;display: block;width: 200%;height: 200%;padding-top: 100%; | |
| 1473 | + | |
| 1474 | + content: '';-webkit-transform: scale(1);transform: scale(1);background-image: linear-gradient(330deg, transparent 50%, #ff8100 0),linear-gradient(300deg, transparent 50%, #ff5800 0),linear-gradient(270deg, transparent 50%, #c92323 0),linear-gradient(240deg, transparent 50%, #cc42a2 0),linear-gradient(210deg, transparent 50%, #9f49ac 0),linear-gradient(180deg, transparent 50%, #306cd3 0),linear-gradient(150deg, transparent 50%, #179067 0),linear-gradient(120deg, transparent 50%, #0eb5d6 0),linear-gradient(90deg, transparent 50%, #50b517 0),linear-gradient(60deg, transparent 50%, #ede604 0),linear-gradient(30deg, transparent 50%, #fc0 0),linear-gradient(0deg, transparent 50%, #feac00 0);background-clip: content-box,content-box,content-box,content-box,content-box,content-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;-webkit-filter: blur(6px) saturate(.7) brightness(1.1);filter: blur(6px) saturate(.7) brightness(1.1); | |
| 1475 | +}.color.altered .disc | |
| 1509 | 1476 | { |
| 1510 | - 24% | |
| 1511 | - {-webkit-transform: translateY(-160%) ;transform: translateY(-160%); | |
| 1477 | + opacity: 1; | |
| 1478 | +}.customize-control-color .wp-picker-container .iris-picker .iris-palette-container | |
| 1479 | +{ | |
| 1480 | + display: -ms-flexbox ;display: flex;width: 215px; | |
| 1481 | +}.customize-control-color .wp-picker-container .iris-picker .iris-palette | |
| 1482 | +{float: none; | |
| 1512 | 1483 | |
| 1513 | - opacity: 0; | |
| 1514 | - }25% | |
| 1515 | - {-webkit-transform: translateY(-160%) ;transform: translateY(-160%); | |
| 1484 | + width: auto !important;height: auto !important;-ms-flex: 1 1 0;flex: 1 1 0; | |
| 1485 | +}.customize-control-color .wp-picker-container .iris-picker .iris-palette:after | |
| 1486 | +{display: block;padding-top: 100%; | |
| 1516 | 1487 | |
| 1517 | - opacity: 1; | |
| 1518 | - }32% | |
| 1519 | - {-webkit-transform: translateY(-120%) ;transform: translateY(-120%); | |
| 1488 | + content: ''; | |
| 1489 | +}.c-color-palette | |
| 1490 | +{ | |
| 1491 | + padding: 30px 20px 18px; | |
| 1492 | +}[id='customize-control-sm_current_color_palette_control'][id] | |
| 1493 | +{ | |
| 1494 | + margin-bottom: 0; | |
| 1495 | +}[id='customize-control-sm_current_color_palette_control'][id] ~ .customize-control | |
| 1496 | +{margin-bottom: 0;padding: 24px 20px 0; | |
| 1520 | 1497 | |
| 1521 | - opacity: 1; | |
| 1522 | - }100% | |
| 1523 | - {-webkit-transform: translateY(0) ;transform: translateY(0); | |
| 1524 | - | |
| 1525 | - opacity: 1; | |
| 1526 | - } | |
| 1527 | -}@keyframes fill-picker-after | |
| 1498 | + background-color: #fff; | |
| 1499 | +}#customize-control-sm_dark_color_primary_slider_control, | |
| 1500 | +#customize-control-sm_dark_color_secondary_slider_control, | |
| 1501 | +#customize-control-sm_dark_color_tertiary_slider_control | |
| 1528 | 1502 | { |
| 1529 | - 24% | |
| 1530 | - {-webkit-transform: translateY(-160%) ;transform: translateY(-160%); | |
| 1503 | + display: none !important; | |
| 1504 | +}.sm_color_matrix | |
| 1505 | +{ | |
| 1506 | + display: -ms-flexbox ;display: flex;margin-left: -15px;-ms-flex-wrap: wrap;flex-wrap: wrap; | |
| 1507 | +}.sm_color_matrix > * | |
| 1508 | +{ | |
| 1509 | + display: grid;padding-top: 15px;padding-left: 15px;grid-auto-rows: 2px;grid-auto-columns: 2px;-ms-flex: 0 0 33.33333%;flex: 0 0 33.33333%; | |
| 1510 | +}.sm_color_matrix > * > * | |
| 1511 | +{-webkit-animation-name: bounceIn ;animation-name: bounceIn;-webkit-animation-duration: .75s;animation-duration: .75s;border: 1px solid #ccc;border-radius: 50%; | |
| 1512 | + background-color: currentColor; | |
| 1513 | +}.sm_color_matrix > * > :nth-child(1) | |
| 1514 | +{ | |
| 1515 | + grid-area: 16 / 12 / span 12 / span 12; | |
| 1516 | +}.sm_color_matrix > * > :nth-child(2) | |
| 1517 | +{ | |
| 1518 | + grid-area: 26 / 24 / span 4 / span 4; | |
| 1519 | +}.sm_color_matrix > * > :nth-child(3) | |
| 1520 | +{ | |
| 1521 | + grid-area: 13 / 24 / span 4 / span 4; | |
| 1522 | +}.sm_color_matrix > * > :nth-child(4) | |
| 1523 | +{ | |
| 1524 | + grid-area: 8 / 8 / span 8 / span 8; | |
| 1525 | +}.sm_color_matrix > * > :nth-child(5) | |
| 1526 | +{ | |
| 1527 | + grid-area: 32 / 8 / span 4 / span 4; | |
| 1528 | +}.sm_color_matrix > * > :nth-child(6) | |
| 1529 | +{ | |
| 1530 | + grid-area: 30 / 16 / span 8 / span 8; | |
| 1531 | +}.sm_color_matrix > * > :nth-child(7) | |
| 1532 | +{ | |
| 1533 | + grid-area: 4 / 20 / span 8 / span 8; | |
| 1534 | +}.sm_color_matrix > * > :nth-child(8) | |
| 1535 | +{ | |
| 1536 | + grid-area: 17 / 26 / span 8 / span 8; | |
| 1537 | +}.sm_color_matrix > * > :nth-child(9) | |
| 1538 | +{ | |
| 1539 | + grid-area: 22 / 2 / span 8 / span 8; | |
| 1540 | +}.sm_color_matrix > * > :nth-child(10) | |
| 1541 | +{ | |
| 1542 | + grid-area: 28 / 11 / span 2 / span 2; | |
| 1543 | +}.sm_color_matrix > * > :nth-child(11) | |
| 1544 | +{ | |
| 1545 | + grid-area: 9 / 31 / span 6 / span 6; | |
| 1546 | +}.sm_color_matrix > * > :nth-child(11) | |
| 1547 | +{ | |
| 1548 | + grid-area: 26 / 30 / span 9 / span 9; | |
| 1549 | +}.sm_color_matrix > * > :nth-child(12) | |
| 1550 | +{ | |
| 1551 | + grid-area: 17 / 7 / span 4 / span 4; | |
| 1552 | +}.sm_color_matrix > * > :nth-child(13) | |
| 1553 | +{ | |
| 1554 | + grid-area: 19 / 36 / span 6 / span 6; | |
| 1555 | +}.sm_color_matrix > * > :nth-child(14) | |
| 1556 | +{ | |
| 1557 | + grid-area: 12 / 18 / span 2 / span 2; | |
| 1558 | +}.sm_color_matrix > * > :nth-child(n+15) | |
| 1559 | +{ | |
| 1560 | + display: none; | |
| 1561 | +}.sm-tabs | |
| 1562 | +{ | |
| 1563 | + display: -ms-flexbox ;display: flex;padding: 0 16px;text-align: center;border-bottom: 1px solid #dfe8ef;-ms-flex-pack: justify;justify-content: space-between; | |
| 1564 | +}.sm-tabs__item | |
| 1565 | +{font-size: 14px;margin-bottom: -1px; | |
| 1566 | + padding: 12px 0;cursor: pointer;transition: all .2s ease;opacity: .7;color: #416b7e;border-bottom: 3px solid transparent;-ms-flex-preferred-size: 31%;flex-basis: 31%; | |
| 1567 | +}.sm-tabs__item:not(.sm-tabs__item--active):hover | |
| 1568 | +{opacity: 1; | |
| 1569 | + color: #2a3b44;border-bottom-color: #e2e4e7; | |
| 1570 | +}.sm-tabs__item--active | |
| 1571 | +{opacity: 1; | |
| 1572 | + color: #2a3b44;border-bottom-color: #57abd5; | |
| 1573 | +}[id='sub-accordion-section-sm_color_palettes_section'] | |
| 1574 | +{ | |
| 1575 | + display: -ms-flexbox !important ;display: flex !important;overflow: hidden;flex-direction: column;padding: 12px 0 0 !important;-ms-flex-direction: column; | |
| 1576 | +}[id='sub-accordion-section-sm_color_palettes_section'] #customize-control-sm_color_palette_control | |
| 1577 | +{overflow-y: scroll;margin-bottom: 0;padding-top: 12px; | |
| 1531 | 1578 | |
| 1532 | - opacity: 0; | |
| 1533 | - }25% | |
| 1534 | - {-webkit-transform: translateY(-160%) ;transform: translateY(-160%); | |
| 1579 | + -ms-flex-negative: 0;flex-shrink: 0;-ms-flex-positive: 1;flex-grow: 1; | |
| 1580 | +}[id='sub-accordion-section-sm_color_palettes_section'] > * | |
| 1581 | +{padding: 0 12px; | |
| 1535 | 1582 | |
| 1536 | - opacity: 1; | |
| 1537 | - }32% | |
| 1538 | - {-webkit-transform: translateY(-120%) ;transform: translateY(-120%); | |
| 1539 | - | |
| 1540 | - opacity: 1; | |
| 1541 | - }100% | |
| 1542 | - {-webkit-transform: translateY(0) ;transform: translateY(0); | |
| 1543 | - | |
| 1544 | - opacity: 1; | |
| 1545 | - } | |
| 1546 | -}@-webkit-keyframes fade-out | |
| 1583 | + -ms-flex-positive: 0;flex-grow: 0; | |
| 1584 | +}[id='sub-accordion-section-sm_color_palettes_section'] [id='customize-control-sm_current_color_palette_control'] ~ * | |
| 1547 | 1585 | { |
| 1548 | - 90% | |
| 1549 | - { | |
| 1550 | - opacity: 1; | |
| 1551 | - }100% | |
| 1552 | - { | |
| 1553 | - opacity: 0; | |
| 1554 | - } | |
| 1555 | -}@keyframes fade-out | |
| 1586 | + display: none !important; | |
| 1587 | +}[id='sub-accordion-section-sm_color_palettes_section'] [id='customize-control-sm_palettes_description_control'] span, | |
| 1588 | +[id='sub-accordion-section-sm_color_palettes_section'] [id='customize-control-sm_filters_description_control'] span, | |
| 1589 | +[id='sub-accordion-section-sm_color_palettes_section'] [id='customize-control-sm_customize_description_control'] span | |
| 1556 | 1590 | { |
| 1557 | - 90% | |
| 1558 | - { | |
| 1559 | - opacity: 1; | |
| 1560 | - }100% | |
| 1561 | - { | |
| 1562 | - opacity: 0; | |
| 1563 | - } | |
| 1564 | -}.label | |
| 1591 | + margin: 0; | |
| 1592 | +}[id='sub-accordion-section-sm_color_palettes_section'].sm-view-palettes [id='customize-control-sm_palettes_description_control'], | |
| 1593 | +[id='sub-accordion-section-sm_color_palettes_section'].sm-view-palettes [id='customize-control-sm_color_palette_control'] | |
| 1565 | 1594 | { |
| 1566 | - margin-right: auto; | |
| 1567 | -}.c-palette__blur | |
| 1595 | + display: block !important; | |
| 1596 | +}[id='sub-accordion-section-sm_color_palettes_section'].sm-view-filters [id='customize-control-sm_filters_description_control'], | |
| 1597 | +[id='sub-accordion-section-sm_color_palettes_section'].sm-view-filters [id='customize-control-sm_palette_filter_control'] | |
| 1568 | 1598 | { |
| 1599 | + display: block !important; | |
| 1600 | +}[id='sub-accordion-section-sm_color_palettes_section'].sm-view-customize [id='customize-control-sm_customize_description_control'], | |
| 1601 | +[id='sub-accordion-section-sm_color_palettes_section'].sm-view-customize [id='customize-control-sm_coloration_level_control'], | |
| 1602 | +[id='sub-accordion-section-sm_color_palettes_section'].sm-view-customize [id='customize-control-sm_color_diversity_control'], | |
| 1603 | +[id='sub-accordion-section-sm_color_palettes_section'].sm-view-customize [id='customize-control-sm_shuffle_colors_control'], | |
| 1604 | +[id='sub-accordion-section-sm_color_palettes_section'].sm-view-customize [id='customize-control-sm_dark_mode_control'] | |
| 1605 | +{ | |
| 1606 | + display: block !important; | |
| 1607 | +}[id='sub-accordion-section-sm_color_palettes_section'] [id='customize-control-sm_spacing_bottom_control'][id] | |
| 1608 | +{ | |
| 1609 | + display: block !important;min-height: 24px;-ms-flex-positive: 1;flex-grow: 1; | |
| 1610 | +}[id='customize-control-sm_color_palette_control'] .customize-control-title, | |
| 1611 | +[id='customize-control-sm_color_palette_control'] .separator.label, | |
| 1612 | +[id='customize-control-sm_color_palette_control'] .customize-control-description | |
| 1613 | +{ | |
| 1569 | 1614 | display: none; |
| 1570 | -}#customize-theme-controls [id*='sm_current_color_palette_control'] | |
| 1615 | +}.customize-control-radio[class][id='customize-control-sm_palette_filter_control'] > .customize-inside-control-row:not(:only-of-type) | |
| 1571 | 1616 | { |
| 1572 | - display: block;width: auto;margin: -12px -12px 19px; | |
| 1573 | -}#customize-theme-controls [id*='sm_current_color_palette_control'] .palette-container | |
| 1617 | + display: block;width: auto; | |
| 1618 | +}.color[class*='sm_color'][class*='_connected'], | |
| 1619 | +.color[class*='sm_dark'][class*='_connected'], | |
| 1620 | +.color[class*='sm_light'][class*='_connected'] | |
| 1574 | 1621 | { |
| 1575 | - padding: 19px;background: white; | |
| 1576 | -}.c-palette__name | |
| 1622 | + display: none; | |
| 1623 | +}.c-color-palette__colors | |
| 1577 | 1624 | { |
| 1578 | - margin-right: auto; | |
| 1579 | -}.c-palette__control | |
| 1580 | -{display: -ms-flexbox;display: flex; | |
| 1581 | - | |
| 1582 | - width: 2em;height: 2em;margin-left: .25em;border-radius: 50%;-ms-flex-pack: center;justify-content: center;-ms-flex-align: center;align-items: center; | |
| 1583 | -}.c-palette__control, | |
| 1584 | -.c-palette__control span | |
| 1625 | + position: relative; | |
| 1626 | +}.c-color-palette canvas, | |
| 1627 | +.c-color-palette svg | |
| 1585 | 1628 | { |
| 1586 | - transition: color .3s ease-in-out; | |
| 1587 | -}.c-palette__control span | |
| 1588 | -{-webkit-transform: scale(.8) ;transform: scale(.8); | |
| 1589 | - | |
| 1590 | - color: rgba(0,0,0,.25); | |
| 1591 | -}.c-palette__control.active | |
| 1629 | + max-width: 100%;height: auto; | |
| 1630 | +}.c-color-palette__fields | |
| 1592 | 1631 | { |
| 1593 | - background: currentColor; | |
| 1594 | -}.c-palette__control.active span | |
| 1632 | + position: absolute;z-index: 100;top: 100%;right: 0;left: 0; | |
| 1633 | +}[id='sub-accordion-section-sm_color_palettes_section'] > .customize-section-description-container | |
| 1595 | 1634 | { |
| 1596 | - color: white; | |
| 1597 | -}#sub-accordion-section-style_manager_section | |
| 1635 | + margin-bottom: 0;border-bottom: 1px solid #dfe8ef; | |
| 1636 | +}.sm-palette-filter .colors | |
| 1598 | 1637 | { |
| 1599 | - display: -ms-flexbox !important ;display: flex !important;overflow: hidden;flex-direction: column;padding: 12px 0 0 !important;-ms-flex-direction: column; | |
| 1600 | -}#sub-accordion-section-style_manager_section > * | |
| 1638 | + width: auto;height: auto;padding: 10px 10px;border-radius: 999em; | |
| 1639 | +}.sm-palette-filter .picker:after | |
| 1601 | 1640 | { |
| 1602 | - display: block !important;padding: 0 12px;-ms-flex-positive: 0;flex-grow: 0; | |
| 1603 | -}#sub-accordion-section-style_manager_section #customize-control-sm_color_palette_control | |
| 1604 | -{overflow-y: scroll;margin-top: -19px;margin-bottom: 0;padding-top: 19px; | |
| 1605 | - | |
| 1606 | - -ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1; | |
| 1607 | -}#sub-accordion-section-style_manager_section:not(.advanced) #customize-control-sm_color_palette_control ~ li:not([id='customize-control-sm_toggle_advanced_settings_control']) | |
| 1641 | + box-shadow: inset 0 0 3px 0 rgba(0,0,0,.2); | |
| 1642 | +}.sm-palette-filter > label | |
| 1608 | 1643 | { |
| 1609 | - display: none !important; | |
| 1610 | -}#sub-accordion-section-style_manager_section.advanced #customize-control-sm_color_palette_control | |
| 1644 | + position: relative;display: block;margin: 0 0 10px; | |
| 1645 | +}.sm-palette-filter > label:hover .filter-label | |
| 1611 | 1646 | { |
| 1612 | - display: none !important; | |
| 1613 | -}.c-palette .iris-picker | |
| 1647 | + opacity: 1; | |
| 1648 | +}.sm-palette-filter > input | |
| 1614 | 1649 | { |
| 1615 | - position: absolute;z-index: 100;top: 100%;left: 0;margin-top: 1em;border: 0;box-shadow: black 0 3px 12px -4px; | |
| 1616 | -}.c-palette .iris-picker .iris-square-handle | |
| 1617 | -{top: -6px;left: -6px; | |
| 1650 | + display: none; | |
| 1651 | +}.sm-palette-filter .filter-label | |
| 1652 | +{ | |
| 1653 | + position: absolute;z-index: 10;top: 0;left: 0;display: -ms-flexbox;display: flex;width: 100%;height: 100%;transition: opacity .2s ease-out;opacity: 0;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center; | |
| 1654 | +}.sm-palette-filter .filter-label span | |
| 1655 | +{ | |
| 1656 | + position: relative;z-index: 20; | |
| 1657 | +}.sm-palette-filter .filter-label:after | |
| 1658 | +{position: absolute;z-index: 10;top: 0;left: 0;display: block;width: 100%;height: 100%; | |
| 1618 | 1659 | |
| 1619 | - border-color: transparent; | |
| 1620 | -}.c-palette .iris-picker .iris-square-handle:after | |
| 1660 | + content: '';border-radius: 999em;background-color: #fff;box-shadow: #d6e0e5 0 0 0 1px; | |
| 1661 | +}.sm-palette-filter > input:checked + label .filter-label:after | |
| 1621 | 1662 | { |
| 1622 | - position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: 2px solid white; | |
| 1623 | -}.c-palette .iris-picker .iris-square-value | |
| 1663 | + background-color: #f7f9fa;box-shadow: none; | |
| 1664 | +}.sm-palette-filter > input:checked + label .colors | |
| 1624 | 1665 | { |
| 1625 | - box-shadow: none !important; | |
| 1626 | -}.color .picker | |
| 1627 | -{cursor: pointer; | |
| 1628 | - transition: opacity .3s ease-in-out; | |
| 1629 | -}.color.inactive .picker | |
| 1666 | + background-color: #f7f9fa;box-shadow: #57abd5 0 0 0 2px; | |
| 1667 | +}.customize-control-sm_palette_filter .customize-control-title, | |
| 1668 | +.customize-control-sm_palette_filter .separator.label | |
| 1630 | 1669 | { |
| 1631 | - opacity: .2; | |
| 1632 | -}.color.inactive .picker:hover | |
| 1670 | + display: none; | |
| 1671 | +}#customize-control-sm_font_palette_control ~ .customize-control | |
| 1633 | 1672 | { |
| 1634 | - opacity: 1; | |
| 1635 | -}.c-palette__tooltip | |
| 1673 | + display: none !important; | |
| 1674 | +}.pix_customizer_setting .font_palette[class][class] .customize-inside-control-row | |
| 1675 | +{overflow: hidden; | |
| 1676 | + | |
| 1677 | + height: auto;padding-top: 52%;border-radius: 6px;background-color: white; | |
| 1678 | +}.pix_customizer_setting .font_palette[class][class] .customize-inside-control-row:before | |
| 1636 | 1679 | { |
| 1637 | - position: absolute;z-index: 300;bottom: 100%;left: 50%;margin-bottom: 5px;padding: 4px 14px;transition: opacity .2s ease-out;-webkit-transform: translateX(-50%);transform: translateX(-50%);opacity: 0;color: white;background-color: #606a72;box-shadow: 0 2px 5px 0 rgba(0,0,0,.15); | |
| 1638 | -}.c-palette__tooltip:after | |
| 1639 | -{position: absolute;top: 100%;left: 50%;display: block; | |
| 1680 | + border: 1px solid #dfe8ef;border-radius: 6px; | |
| 1681 | +}.pix_customizer_setting .font_palette[class][class] .customize-inside-control-row:before, | |
| 1682 | +.pix_customizer_setting .font_palette[class][class] .customize-inside-control-row:hover:before | |
| 1683 | +{ | |
| 1684 | + box-shadow: 0 1px 0 0 #b8daeb; | |
| 1685 | +}.pix_customizer_setting .font_palette[class][class] .customize-inside-control-row input | |
| 1686 | +{ | |
| 1687 | + display: none; | |
| 1688 | +}.pix_customizer_setting .font_palette[class][class] .customize-inside-control-row label | |
| 1689 | +{left: 0; | |
| 1640 | 1690 | |
| 1641 | - content: '';-webkit-transform: translateX(-50%);transform: translateX(-50%);border: 5px solid transparent;border-top-color: #606a72;border-bottom-width: 0; | |
| 1642 | -}.c-palette__control:hover .c-palette__tooltip | |
| 1691 | + border-radius: 6px; | |
| 1692 | +}.pix_customizer_setting .font_palette[class][class] .customize-inside-control-row input + label | |
| 1643 | 1693 | { |
| 1644 | - opacity: 1; | |
| 1645 | -}.c-palette__control | |
| 1694 | + border: 2px solid transparent; | |
| 1695 | +}.pix_customizer_setting .font_palette[class][class] .customize-inside-control-row input:checked + label | |
| 1646 | 1696 | { |
| 1647 | - position: relative;cursor: pointer; | |
| 1648 | -}#customize-control-sm_toggle_advanced_settings_control | |
| 1697 | + border-color: #57abd5; | |
| 1698 | +}.pix_customizer_setting .font_palette[class][class] .customize-inside-control-row .label__inner | |
| 1649 | 1699 | { |
| 1650 | - margin-bottom: 0;opacity: 0; | |
| 1651 | -}#customize-control-sm_toggle_advanced_settings_control button | |
| 1700 | + display: none; | |
| 1701 | +}#customize-theme-controls .control-panel-content:not(.control-panel-nav_menus) .control-section:nth-child(2), | |
| 1702 | +#customize-theme-controls .control-panel-nav_menus .control-section-nav_menu, | |
| 1703 | +#customize-theme-controls .control-section-nav_menu_locations .accordion-section-title | |
| 1652 | 1704 | { |
| 1653 | - width: 100%; | |
| 1705 | + border-top: 0; | |
| 1654 | 1706 | } |
