AlkantarClanX12
Current Path : /proc/self/root/var/softaculous/sitepad/editor/site-data/plugins/pagelayer-pro/css/ |
Current File : //proc/self/root/var/softaculous/sitepad/editor/site-data/plugins/pagelayer-pro/css/customizer.css |
.pagelayer-customize-control{ position: relative; margin-top: 10px; } .pagelayer-customize-heading{ background-color: #fff; padding: 10px; margin: 5px -12px 0; font-weight: 600; font-style: normal; } .pagelayer-customize-heading .dashicons{ color: #a7aaad; font-size: 16px; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); } .pagelayer-customize-control .customize-control-title{ font-weight: 400; } .pagelayer-customize-control-title{ display:flex; } /* pagelayer padding controls*/ .pagelayer-control-padding{ display: flex; align-items: center; border: 1px solid #4444; border-radius: 5px; overflow: hidden; } .pagelayer-control-padding input.pagelayer-padding-input{ border-radius: 0; border: 0; flex: 1; border-right: 1px solid #4444; text-align: center; } .pagelayer-control-padding i.dashicons{ padding:5px; font-size: 16px; display: flex; align-items: center; cursor:pointer; } .pagelayer-padding-linked{ background-color: #137dc5; color: #fff; } /* pagelayer padding controls end*/ /* pagelayer Typography controls*/ .pagelayer-control-typo-holder{ text-align: right; } .pagelayer-control-typo-holder .pagelayer-control-global-typo-icon, .pagelayer-control-typo-holder .pagelayer-control-typo-icon{ background: #fff; align-items: center; margin-left: auto; padding: 3px 6px; border-radius: 4px; border: 1px solid #999; cursor:pointer; font-size: 18px; display: inline-flex; justify-content: center; } .pagelayer-control-typo{ padding: 5px; margin: 10px 0; display: none; background: #fff; border-radius: 3px; width: 250px; position: relative; text-align: left; box-shadow: 0 0px 15px #b4b4b4 } .pagelayer-control-typo .pagelayer-control-typo-fields{ padding: 10px 5px; display: flex; align-items: center; } .pagelayer-control-typo .pagelayer-control-typo-fields:not(:last-child){ border-bottom: 1px dashed #d1d1d1; } .pagelayer-control-typo .pagelayer-control-typo-fields > *{ flex: 1; font-size: 13px; } .pagelayer-typo-global-default{ display:none; width: 16px; height: 16px; font-size: 16px; cursor: pointer; } .pagelayer-global-on .pagelayer-control-typo-fields:not([pagelayer-set-global]):hover .pagelayer-typo-global-default{ display: inline-block; } /* pagelayer Typography controls end*/ /* pagelayer device Start*/ .pagelayer-devices button{ border:none; display:none; cursor:pointer; background: transparent; } .pagelayer-devices button.active-device{ display:inline-block; color:#50575e; } [data-device-detector="desktop"] [data-show-device]:not([data-show-device="_desktop"]), [data-device-detector="tablet"] [data-show-device]:not([data-show-device="_tablet"]), [data-device-detector="mobile"] [data-show-device]:not([data-show-device="_mobile"]){ display:none; } .pagelayer-devices .dashicons{ font-size: 16px; vertical-align: middle; } /* pagelayer device end*/ /* pagelayer units*/ .pagelayer-units{ flex:1; text-align: right; cursor:pointer; } .pagelayer-units [data-unit]:hover, .pagelayer-units [data-unit].active{ color:#137dc5; } /* pagelayer units end*/ /* Alpha Color Picker CSS */ .wp-picker-input-wrap label { margin-bottom: 0 !important; } .customize-control-pagelayer-alpha-color .wp-picker-container, .pagelayer-control-typo-icons-holder{ position: absolute; right:0; top:0; } .customize-control-pagelayer-alpha-color .wp-picker-container .iris-picker { border-bottom:none; border:none; } .customize-control-pagelayer-alpha-color .wp-color-result{ background-clip: content-box !important; padding: 1px !important; border: 1px solid #999; width: 35px !important; height: 30px !important; position:relative; background: none; border-radius: 5px; } .customize-control-pagelayer-alpha-color .pagelayer-control-global-color-icon{ position: absolute; right: 38px; top: 0; background: #fff; border-radius: 4px; border: 1px solid #999; cursor: pointer; height: 30px; display: inline-flex; justify-content: center; align-items: center; font-size: 18px; width: 35px; } .customize-control-pagelayer-alpha-color .wp-color-result:hover, .customize-control-pagelayer-alpha-color .wp-color-result:focus{ background: none; } .customize-control-pagelayer-alpha-color .wp-color-result:before{ content: ''; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACgBAMAAAB54XoeAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAC1QTFRFAAAAAQEBBQUFDAwM9PT0+vr6/////v7+BAQE+/v7AgIC/f39AwMDDQ0N8/Pzb6ggJQAAAZ5JREFUeJztlr1twzAQhU+tK7ELDDdBNsgO2SAznAr3JAJXWSJp49YLuPAW2cJbhEdSQZBCEMRHgMVj5U80HnkSfz4Ra06eXjSoTvr6HKGGU94o8vBpqPr2LjLUcAr8ikNEnLx6jT93VZxneBn1Zg9uOlxsxO0suTkXfJywTsG5Ok5x9hK0NKM6bhEosh+nq+HJD+c6TmvG2r8RtrMb9g4aOKY3CA0ElyyHcbAHIXNw5Q9bWeLG2aUH80ItU97K8ihlhmmIUFb+dpZvOceNE7fOnz/UsNztHAMEzSwf6idEqTOLHv0R8THc7/o72Qzrl8vMwAVdmreDFhloLxQcCC65QSC45AYfBV0yfGGjtx78cLjrVaHHF/yAhV8B8EsKfo3CL/pRHFZFnIBlCa5z9EP6If1wBdMPe5QleMkNAumHuZ9+SD9cYPphjzpHP6Qf0g9XMP2wR1mCl9wgkH6Y++mH9MMFph/2qHP0Q/oh/XAF0w97lCV4yQ0C6Ye5n35IP1xg+mGPOkc/pB/SD1cw/bBHWYKX3CCQfpj76Yfr+QfwnsxmcLvdhQAAAABJRU5ErkJggg==) !important; background-size: 140% !important; opacity: 33%; width: 29px; height: 24px; position: absolute; left: 2px; top: 2px; z-index: -1; border-radius: 5px; } .customize-control-pagelayer-alpha-color .wp-color-result-text{ display:none; } .customize-control-pagelayer-alpha-color .wp-picker-container{ width: 35px; } .customize-control-pagelayer-alpha-color .wp-picker-input-wrap { display: flex; align-items: center; justify-content: center; padding: 0 10px } .customize-control-pagelayer-alpha-color .wp-picker-open + .wp-picker-input-wrap { width: 100%; } .customize-control-pagelayer-alpha-color .wp-picker-input-wrap input[type="text"].wp-color-picker.pagelayer-alpha-color-control{ width:100%; } .customize-control-pagelayer-alpha-color .wp-picker-input-wrap input[type="button"].wp-picker-default{ flex:auto; height: 27px; } .customize-control-pagelayer-alpha-color .wp-picker-holder{ background: #fff; padding-top:10px; display: none; border-radius: 5px; z-index: 999; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); position: relative; right: 220px; width: 100%; } .customize-control-pagelayer-alpha-color .wp-picker-container .wp-picker-open ~ .wp-picker-holder{ display: table; } .customize-control-pagelayer-alpha-color .alpha-color-picker-container { padding: 0 11px 10px; position: relative; } .customize-control-pagelayer-alpha-color .alpha-color-picker-container .ui-widget-content, .customize-control-pagelayer-alpha-color .alpha-color-picker-container .ui-widget-header, .customize-control-pagelayer-alpha-color .alpha-color-picker-wrap .ui-state-focus { background: transparent; border: none; } .customize-control-pagelayer-alpha-color .alpha-color-picker-wrap a.iris-square-value:focus { -webkit-box-shadow: none; box-shadow: none; } .customize-control-pagelayer-alpha-color .alpha-color-picker-container .ui-slider { position: relative; z-index: 1; height: 24px; text-align: center; margin: 0 auto; width: 88%; width: calc( 100% - 28px ); } .customize-control-pagelayer-alpha-color .alpha-color-picker-container .ui-slider-handle, .customize-control-pagelayer-alpha-color .alpha-color-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-left: -14px; } .customize-control-pagelayer-alpha-color .alpha-color-picker-container .ui-slider-handle.show-opacity { font-size: 12px; } .customize-control-pagelayer-alpha-color .alpha-color-picker-container .click-zone { width: 14px; height: 24px; display: block; position: absolute; left: 10px; } .customize-control-pagelayer-alpha-color .alpha-color-picker-container .max-click-zone { right: 10px; left: auto; } .customize-control-pagelayer-alpha-color .alpha-color-picker-container .transparency { height: 24px; width: 100%; background-color: #FFF; background-image: url(../images/color-picker-transparency-grid.png); 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; } /* Alpha Color Picker CSS End */ /* Color Repeater CSS Start */ .pagelayer-font-holder{ list-style-type: none; margin: 0; padding: 0; padding-bottom: 15px; position: relative; min-height: 30px; } .pagelayer-color-holder{ list-style-type: none; margin: 0; padding: 0; padding-bottom: 15px; position: relative; min-height: 30px; display: flex; align-items: center; } .pagelayer-color-holder .pagelayer-color-controls, .pagelayer-font-holder .pagelayer-font-controls, .customize-control-font-repeater-delete, .customize-control-color-repeater-delete{ margin-right: 45px; font-size: 0.7rem; flex: 1; text-align: right; color: #8f8f8f; } .customize-control-font-repeater-delete{ position: absolute; right: 0; top: 4px; } .pagelayer-color-holder:not(:hover) .customize-control-color-repeater-delete, .pagelayer-color-holder:hover .pagelayer-color-controls:not(.pagelayer-prevent-delete){ display: none; } .customize-control-font-repeater-delete .dashicons:hover, .customize-control-color-repeater-delete .dashicons:hover{ color: #f00; } .customize-control-font-repeater-delete, .customize-control-color-repeater-delete{ text-decoration: none; font-weight: 600; cursor: pointer; font-size: 1rem; } .customize-control-font-repeater-delete .dashicons:active, .customize-control-font-repeater-delete .dashicons:focus, .customize-control-color-repeater-delete .dashicons:active, .customize-control-color-repeater-delete .dashicons:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } .customize-control-font-repeater-add, .customize-control-color-repeater-add{ display: block !important; margin: auto !important; } .pagelayer-font-title, .pagelayer-color-title{ padding: 5px; } .pagelayer-font-title{ float: left; } .pagelayer-global-selected, .pagelayer-global-font-list-item:hover, .pagelayer-global-color-list-item:hover{ background: #f9f9f9; } .pagelayer-global-selected:after{ content: "\f15e"; font-family: dashicons; font-size: 20px; color: #137dc5; } .pagelayer-global-font-list, .pagelayer-global-color-list{ position: absolute; background: #fff; padding: 10px 0; z-index: 9999; border-radius: 4px; right: 0; top: 35px; width: 250px; display: none; max-height: 350px; overflow-y: auto; } .pagelayer-global-font-list{ text-align: left; width: 200px; box-shadow: 0px 1px 8px rgb(209 209 209); } .pagelayer-global-font-list-item, .pagelayer-global-color-list-item{ display: flex; padding: 10px 20px; cursor: pointer; } .pagelayer-global-font-list-item .pagelayer-global-font-title, .pagelayer-global-color-list-item .pagelayer-global-color-title{ flex: 1; } .pagelayer-global-color-list-item .pagelayer-global-color-pre{ position: relative; border: 1px solid #f1f1f1; margin-right: 7px; padding: 1px; background-clip: content-box; } .pagelayer-global-color-list-item .pagelayer-global-color-pre:before{ content: ''; padding: 0px 10px; background-color: #ff000000; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYGWO8d+/efwYkoKioiMRjYGBC4WHhUK6A8T8QIJt8//59ZC493AAAQssKpBK4F5AAAAAASUVORK5CYII=); -webkit-background-size: 12px 12px; background-size: 6px 6px; position: relative; z-index: -1; } .pagelayer-active-global{ color: #137dc5; } .pagelayer-hidden{ display: none; } .pagelayer-global-setting-color{ position: relative; box-shadow: 0 1px 2px #d2cfcf; padding: 4px 4px 10px 4px; margin-bottom: 5px; } .pagelayer-global-setting-font{ display: flex; align-items: center; margin: -5px -5px 5px; padding: 5px 10px; position: relative; box-shadow: 0 1px 2px #d2cfcf; } .pagelayer-global-setting-color b{ margin-left: 11px; } .pagelayer-global-setting-color .dashicons{ right: 15px; position: absolute; cursor: pointer; font-size: 14px; } .pagelayer-global-setting-font .dashicons{ right: 30px; border: none; font-size: 16px; cursor: pointer; } .pagelayer-global-setting-font .dashicons-admin-generic{ right: 15px; } .pagelayer-control-typo-fields-label .dashicons-undo:hover, .pagelayer-devices .dashicons:hover, .pagelayer-global-setting-font .dashicons:hover, .pagelayer-global-setting-color .dashicons:hover{ color: #137dc5; } #sub-accordion-section-pagelayer_global_colors_sec{ height: 100% !important; } .pagelayer-accordion-tab{ cursor: pointer; } /* pagelayer controls*/ .pagelayer-customize-inside-control-row{ display:flex; } input[type="radio"].pagelayer-customize-radio{ font-size: 14px; flex: 1 !important; width: 100% !important; height: 2.6em !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; border: 1px solid #fff!important; border-radius: 2px !important; margin:0 !important; box-shadow: none !important; } input[type="radio"].pagelayer-customize-radio:before{ content: attr(data-label) !important; background: #fff; color: #000; width: calc(100% - 4px); height: calc(100% - 4px); margin: 2px; display: flex; align-items: center; justify-content: center; border-radius: 2px; font-weight: 600; } input[type="radio"].pagelayer-customize-radio:hover:before{ color: #137dc5; } input[type=checkbox].pagelayer-customize-checkbox:checked, input[type="radio"].pagelayer-customize-radio:checked:before{ background-color: #137dc5; border-color: #137dc5; color: #fff ; } .pagelayer-customize-inside-control-row > label{ flex:1; } input[type=checkbox].pagelayer-customize-checkbox{ font-size: 14px !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 3.5em !important; height: 1.7em; background: #ddd; border-radius: 3em; position: relative; cursor: pointer; outline: none; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; margin:0; } input[type=checkbox].pagelayer-customize-checkbox:before{ position: absolute; content: "" !important; width: 1.5em !important; height: 1.5em !important; border-radius: 50% !important; background: #fff; -webkit-box-shadow: 0 0 0.25em rgb(0 0 0 / 30%); box-shadow: 0 0 0.25em rgb(0 0 0 / 30%); -webkit-transform: scale(.7); transform: scale(.7); left: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: flex; align-items: center; justify-content: center; } input[type=checkbox].pagelayer-customize-checkbox:checked:before{ left: calc(100% - 1.5em); margin: 0; } /* pagelayer controls end*/ /* pagelayer slider*/ .pagelayer-slider-custom-control .customize-control-title{ display:inline-block !important; } .pagelayer-slider-custom-control input[type=number]::-webkit-inner-spin-button, .pagelayer-slider-custom-control input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .pagelayer-slider-custom-control input[type=number] { -moz-appearance: textfield; width: 50px !important; float: right !important; } .pagelayer-slider-custom-control input[type=range]{ width: calc(100% - 60px) !important; float: left !important; margin: 7px 0 !important; } .pagelayer-slider-custom-control .pagelayer-units{ float: right; } /* pagelayer slider end*/