123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255 |
- .customize-control-title .dashicons-editor-help {
- position: relative;
- top: 0.1em;
- }
- #customize-header-actions .spinner {
- margin-left: 4px;
- }
- /* slider control */
- .customize-control-slider input[type=range] {
- -webkit-appearance: none;
- transition: background .3s;
- background-color: rgba(0,0,0,.1);
- height: 5px;
- width: calc(100% - 74px);
- padding: 0;
- }
- .customize-control-slider input[type=range]:focus {
- box-shadow: none;
- outline: none;
- }
- .customize-control-slider input[type=range]:hover {
- background-color: rgba(0,0,0,.25);
- }
- .customize-control-slider input[type=range]::-webkit-slider-thumb {
- -webkit-appearance: none;
- width: 15px;
- height: 15px;
- border-radius: 50%;
- -webkit-border-radius: 50%;
- background-color: #3498D9;
- }
- .customize-control-slider input[type=range]::-webkit-slider-thumb {
- -webkit-appearance: none;
- width: 15px;
- height: 15px;
- border: none;
- border-radius: 50%;
- background-color: #3498D9;
- }
- .customize-control-slider input[type=range]::-moz-range-thumb {
- width: 15px;
- height: 15px;
- border: none;
- border-radius: 50%;
- background-color: #3498D9;
- }
- .customize-control-slider input[type=range]::-ms-thumb {
- width: 15px;
- height: 15px;
- border-radius: 50%;
- border: 0;
- background-color: #3498D9;
- }
- .customize-control-slider input[type=range]::-moz-range-track {
- border: inherit;
- background: transparent;
- }
- .customize-control-slider input[type=range]::-ms-track {
- border: inherit;
- color: transparent;
- background: transparent;
- }
- .customize-control-slider input[type=range]::-ms-fill-lower,
- .customize-control-slider input[type=range]::-ms-fill-upper {
- background: transparent;
- }
- .customize-control-slider input[type=range]::-ms-tooltip {
- display: none;
- }
- .customize-control-slider .ast-range-value {
- display: inline-block;
- padding: 0 5px;
- position: relative;
- top: 1px;
- }
- .customize-control-slider input#ast-range-value-input {
- width: 42px;
- height: 23px;
- font-size: 13px;
- }
- .customize-control-slider .ast-slider-reset {
- color: rgba(0,0,0,.2);
- float: right;
- transition: color .5s ease-in;
- }
- .customize-control-slider .ast-slider-reset span {
- font-size: 16px;
- line-height: 22px;
- cursor: pointer;
- }
- .customize-control-slider .ast-slider-reset span:hover {
- color: red;
- }
- /**
- * Typography Control Style
- */
- .customize-pane-child > li[id="customize-control-astra-settings-headings-font-weight"],
- .customize-pane-child > li[id="customize-control-astra-settings-headings-text-transform"],
- .customize-pane-child > li[id="customize-control-astra-settings-body-font-weight"],
- .customize-pane-child > li[id="customize-control-astra-settings-body-text-transform"] {
- width: 50%;
- display: inline-block;
- box-sizing: border-box;
- clear: none;
- }
- .customize-pane-child > li[id="customize-control-astra-settings-headings-font-weight"],
- .customize-pane-child > li[id="customize-control-astra-settings-body-font-weight"],
- .customize-pane-child > li[id*="-font-weight"] {
- padding-right: 5px;
- }
- .customize-pane-child > li[id="customize-control-astra-settings-headings-text-transform"],
- .customize-pane-child > li[id="customize-control-astra-settings-body-text-transform"],
- .customize-pane-child > li[id*="-text-transform"] {
- padding-left: 5px;
- }
- .customize-pane-child > li[id="customize-control-astra-settings-headings-font-weight"],
- .customize-pane-child > li[id="customize-control-astra-settings-body-font-weight"],
- .customize-pane-child > li[id*="-font-weight"] {
- padding-left: 0;
- }
- .rtl .customize-pane-child > li[id="customize-control-astra-settings-headings-text-transform"],
- .rtl .customize-pane-child > li[id="customize-control-astra-settings-body-text-transform"],
- .rtl .customize-pane-child > li[id*="-text-transform"] {
- padding-right: 0;
- }
- /* WP Beta 5.3 compatibility CSS - Start */
- .customize-control select.ast-responsive-select {
- height: 30px;
- }
- .customize-control input[type="number"] {
- min-height: 30px;
- }
- .customize-control input[type="text"].select2-search__field {
- line-height: 1;
- border-radius: 0;
- }
- .customize-control input[type="number"].ast-spacing-input,
- .customize-control input.ast-border-input {
- min-height: 28px;
- border-radius: 0;
- }
- /* WP Beta 5.3 compatibility CSS - Start */
- .customize-pane-child > li[id$="-content-layout"] > label,
- .customize-pane-child > li[id$="-sidebar-layout"] > label {
- -js-display: flex;
- display: flex;
- }
- .customize-pane-child > li[id$="-content-layout"] > label .customize-control-title,
- .customize-pane-child > li[id$="-sidebar-layout"] > label .customize-control-title,
- .customize-pane-child > li[id$="-content-layout"] > label select,
- .customize-pane-child > li[id$="-sidebar-layout"] > label select {
- flex: 1;
- }
- .customize-pane-child > li[id$="-content-layout"] > label select,
- .customize-pane-child > li[id$="-sidebar-layout"] > label select {
- margin-left: 10px;
- }
- .customize-pane-child > li[id*="-font-weight"], .customize-pane-child > li[id*="-text-transform"] {
- width: 50%;
- display: inline-block;
- box-sizing: border-box;
- clear: none;
- }
- /**
- * Upgred To Astra Pro
- */
- .control-section-astra-pro h3 {
- margin: 0;
- padding: 1px 0;
- border: 0;
- position: relative;
- }
- .control-section-astra-pro h3 a {
- background: #FFF;
- display: block;
- padding: 11px 10px 12px 14px;
- text-decoration: none;
- }
- .control-section-astra-pro h3 a:after {
- content: "\f345";
- position: absolute;
- top: 11px;
- right: 10px;
- z-index: 1;
- float: right;
- border: none;
- background: none;
- font: normal 20px/1 dashicons;
- speak: none;
- display: block;
- padding: 0;
- text-indent: 0;
- text-align: center;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
- .rtl .control-section-astra-pro h3 a:after {
- content: "\f341";
- }
- .ast-hide{
- display: none !important;
- }
- /* Primary Sub Menu Item Border */
- #customize-control-astra-settings-primary-submenu-item-border .ast-border-wrapper{
- width: 100%;
- }
- .actions .button.upload-button {
- text-transform: capitalize;
- }
- .wp-picker-container .iris-square-handle {
- z-index: 8;
- }
- /* Site Identity */
- #customize-control-custom_logo .attachment-media-view .button-add-media,
- #customize-control-site_icon .attachment-media-view .placeholder,
- #customize-control-astra-settings-transparent-header-logo .attachment-media-view .button-add-media {
- text-transform: capitalize;
- }
- /* Color picker clear button size */
- .customize-control-ast-color .wp-picker-container .wp-picker-clear,
- .customize-control-ast-responsive-color .wp-picker-container .wp-picker-clear,
- .customize-control-ast-background .wp-picker-container .wp-picker-clear,
- .customize-control-ast-responsive-background .wp-picker-container .wp-picker-clear {
- margin-left: 4px;
- min-height: 30px;
- }
- .customize-control-ast-background .wp-picker-container {
- display: block;
- }
|