Server : Apache System : Linux webm006.cluster103.gra.hosting.ovh.net 6.18.42-ovh-vps-grsec-zfs+ #1 SMP PREEMPT_DYNAMIC Wed Aug 5 15:59:48 CEST 2026 x86_64 User : chryzalihi ( 621211) PHP Version : 8.3.31 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl Directory : /home/c/h/r/chryzalihi/www/wp-content/languages/themes/the/ |
PK l�]m��� � color.cssnu �[��� /*****************************************/
/* Customizer control color style
/*****************************************/
/**
* Import configuration file with variables.
*/
.bloglo-color-wrapper .wp-picker-container {
margin-top: 6px;
}
.bloglo-color-wrapper .bloglo-color-control {
border-radius: 3px 0 0 0px !important;
margin-top: 0 !important;
}
.wp-core-ui .button.wp-color-result {
background: transparent;
}
body.wp-customizer .wp-picker-container {
max-width: 247px;
}
body.wp-customizer
.wp-picker-container
.wp-picker-open
~ .wp-picker-holder
.alpha-color-picker-container {
display: block;
}
body.wp-customizer .wp-picker-container .iris-picker {
margin: 0 0 0 0;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
border-color: #ddd;
border-radius: 0;
max-width: calc(100% - 2px);
}
body.wp-customizer .wp-picker-container .iris-picker .iris-square {
margin-right: 0;
}
body.wp-customizer .wp-picker-container .iris-picker .iris-strip {
float: right;
}
body.wp-customizer
.wp-picker-container
.iris-picker
.iris-strip
.ui-slider-handle {
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 2px;
opacity: 1;
}
body.wp-customizer
.wp-picker-container
.iris-picker
.iris-strip
.ui-slider-handle:before {
border-radius: 2px;
}
body.wp-customizer .wp-picker-container .wp-color-result.button {
-webkit-box-shadow: none;
box-shadow: none;
padding: 0 0 0 45px;
border: solid 1px #ddd;
height: 34px;
border-radius: 3px;
margin: 0;
max-width: 160px;
position: relative;
}
body.wp-customizer .wp-picker-container .wp-color-result.button:focus,
body.wp-customizer .wp-picker-container .wp-color-result.button:hover {
border-color: #bcbcbc !important;
}
body.wp-customizer .wp-picker-container .wp-color-result.button:before {
content: "";
background-image: url("../../assets/images/transparency.svg");
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 45px;
z-index: -1;
background-repeat: repeat;
background-size: 18px;
}
body.wp-customizer
.wp-picker-container
.wp-color-result.button
.wp-color-result-text {
background-color: #eee;
height: 32px;
line-height: 32px;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0 2px 2px 0;
border-left: 1px solid #ddd;
padding: 0 16px;
position: relative;
top: 0;
right: 0;
font-size: 13px;
color: #555d66;
}
body.wp-customizer .alpha-color-picker-container {
display: none;
width: 247px;
border: 1px solid #ddd;
border-top: none;
background-color: #ffffff;
padding: 0 11px 10px;
position: relative;
border-radius: 0 0 3px 3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
top: -1px;
position: relative;
z-index: 2;
}
body.wp-customizer .alpha-color-picker-container .ui-widget-content,
body.wp-customizer .alpha-color-picker-container .ui-widget-header {
background: transparent;
border: none;
}
body.wp-customizer .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);
}
body.wp-customizer .alpha-color-picker-container .ui-slider-handle,
body.wp-customizer
.alpha-color-picker-container
.ui-widget-content
.ui-state-default {
color: #000;
background-color: #ffffff;
text-shadow: 0 1px 0 #fff;
text-decoration: none;
position: absolute;
z-index: 2;
border: 1px solid #aaa;
border-radius: 2px;
margin-top: -2px;
top: 0;
height: 26px;
width: 26px;
cursor: ew-resize;
font-size: 0;
padding: 0;
line-height: 27px;
margin-left: -14px;
}
body.wp-customizer .alpha-color-picker-container .ui-slider-handle:focus,
body.wp-customizer
.alpha-color-picker-container
.ui-widget-content
.ui-state-default:focus {
-webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
}
body.wp-customizer
.alpha-color-picker-container
.ui-slider-handle.show-opacity {
font-size: 10px;
font-weight: 500;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
body.wp-customizer .alpha-color-picker-container .click-zone {
display: block;
position: absolute;
left: 10px;
width: 14px;
height: 24px;
}
body.wp-customizer .alpha-color-picker-container .max-click-zone {
right: 10px;
left: auto;
}
body.wp-customizer .alpha-color-picker-container .transparency {
height: 24px;
width: 100%;
background-color: #ffffff;
background-image: url("../../assets/images/transparency-grid.png");
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset;
border-radius: 3px;
padding: 0;
margin-top: -24px;
}
body.wp-customizer .alpha-color-picker-wrap .ui-state-focus {
background: transparent;
border: none;
}
body.wp-customizer .alpha-color-picker-wrap a.iris-square-value:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
body.wp-customizer .wp-picker-holder {
max-width: 247px;
}
body.wp-customizer .wp-picker-input-wrap {
overflow: hidden;
}
body.wp-customizer .wp-picker-open + .wp-picker-input-wrap {
width: 100%;
margin-top: 12px;
-js-display: flex !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
max-width: 247px;
border-radius: 0;
}
body.wp-customizer .wp-picker-open + .wp-picker-input-wrap > label,
body.wp-customizer .wp-picker-open + .wp-picker-input-wrap > span {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
body.wp-customizer .wp-picker-open + .wp-picker-input-wrap label {
width: auto;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0;
border-radius: 0;
}
body.wp-customizer .wp-picker-open + .wp-picker-input-wrap label input {
padding: 0 12px;
width: 100% !important;
height: 100%;
margin-top: 0;
border-radius: 0;
text-align: center;
border: 1px solid #ddd;
border-radius: 3px 0 0 0;
border-bottom: none;
background-color: #ffffff;
color: #000;
font-family: inherit;
-ms-flex-item-align: end;
align-self: flex-end;
}
body.wp-customizer
.wp-picker-open
+ .wp-picker-input-wrap
input[type="button"] {
height: auto !important;
padding: 8px 12px;
border-radius: 0 3px 0 0;
line-height: 1.3;
color: #232323;
border: none;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
margin-left: 0;
font-size: 13px;
}
body.wp-customizer .wp-picker-clear {
width: 28%;
-webkit-box-shadow: none !important;
box-shadow: none !important;
outline: none;
}
/* Responsive */
@media only screen and (max-width: 640px) {
.wp-picker-input-wrap
input[type="text"].wp-color-picker.bloglo-color-control {
height: 33px;
}
}
PK l�]
��+�$ �$ color.jsnu �[��� (function ($) {
wp.customize.controlConstructor["bloglo-color"] = wp.customize.Control.extend(
{
ready: function () {
"use strict";
var control = this,
color = control.setting.get();
// Changes.
control.container.on(
"color-updated",
".bloglo-color-control",
function () {
value = $(this).val();
if (value !== color) {
control.setting.set(value);
color = value;
}
}
);
},
}
);
/**
* Override the stock color.js toString() method to add support for
* outputting RGBa or Hex.
*/
Color.prototype.toString = function (flag) {
// If our no-alpha flag has been passed in, output RGBa value with 100% opacity.
// This is used to set the background color on the opacity slider during color changes.
if ("no-alpha" == flag) {
return this.toCSS("rgba", "1").replace(/\s+/g, "");
}
// If we have a proper opacity value, output RGBa.
if (1 > this._alpha) {
return this.toCSS("rgba", this._alpha).replace(/\s+/g, "");
}
// Proceed with stock color.js hex output.
var hex = parseInt(this._color, 10).toString(16);
if (this.error) {
return "";
}
if (hex.length < 6) {
for (var i = 6 - hex.length - 1; i >= 0; i--) {
hex = "0" + hex;
}
}
return "#" + hex;
};
/**
* Given an RGBa, RGB, or hex color value, return the alpha channel value.
*/
function bloglo_get_alpha_value_from_color(value) {
var alphaVal;
// Remove all spaces from the passed in value to help our RGBa regex.
value = value.replace(/ /g, "");
if (value.match(/rgba\(\d+\,\d+\,\d+\,([^\)]+)\)/)) {
alphaVal =
parseFloat(value.match(/rgba\(\d+\,\d+\,\d+\,([^\)]+)\)/)[1]).toFixed(
2
) * 100;
alphaVal = parseInt(alphaVal);
} else {
alphaVal = 100;
}
return alphaVal;
}
/**
* Force update the alpha value of the color picker object and maybe the alpha slider.
*/
function bloglo_update_alpha_value_on_color_control(
alpha,
$control,
$alphaSlider,
update_slider
) {
var iris, colorPicker, color;
iris = $control.data("a8cIris");
colorPicker = $control.data("wpWpColorPicker");
// Set the alpha value on the Iris object.
iris._color._alpha = alpha;
// Store the new color value.
color = iris._color.toString();
// Set the value of the input.
$control.val(color);
// Update the background color of the color picker.
colorPicker.toggler.css({
"background-color": color,
});
// Maybe update the alpha slider itself.
if (update_slider) {
blogloupdate_alpha_value_on_alpha_slider(alpha, $alphaSlider);
}
// Trigger change.
$control.trigger("color-updated");
}
/**
* Update the slider handle position and label.
*/
function bloglo_update_alpha_value_on_alpha_slider(alpha, $alphaSlider) {
$alphaSlider.slider("value", alpha);
$alphaSlider.find(".ui-slider-handle").text(alpha.toString());
}
/**
* Initialization trigger.
*/
$(document).ready(function ($) {
// Loop over each control and transform it into our color picker.
$(".bloglo-color-control").each(function () {
// Scope the vars.
var $control,
startingColor,
showOpacity,
defaultColor,
colorPickerOptions,
$container,
$alphaSlider,
alphaVal,
sliderOptions;
// Store the control instance.
$control = $(this);
// Get a clean starting value for the option.
startingColor = $control.val().replace(/\s+/g, "");
// Get some data off the control.
showOpacity = $control.attr("data-show-opacity");
defaultColor = $control.attr("data-default-color");
// Set up the options that we'll pass to wpColorPicker().
colorPickerOptions = {
change: function (event, ui) {
var value, alpha, $transparency;
value = ui.color.toString();
$control.val(value);
// Set the opacity value on the slider handle when the default color button is clicked.
if (defaultColor == value) {
alpha = bloglo_get_alpha_value_from_color(value);
$alphaSlider.find(".ui-slider-handle").text(alpha);
}
// Always show the background color of the opacity slider at 100% opacity.
$transparency = $container.find(".transparency");
$transparency.css("background-color", ui.color.toString("no-alpha"));
$control.trigger("color-updated");
},
palettes: bloglo_customizer_localized.color_palette, // Use the passed in palette.
};
// Create the colorpicker.
$control.wpColorPicker(colorPickerOptions);
$container = $control.parents(".wp-picker-container:first");
// Insert our opacity slider.
if ("true" == showOpacity) {
$(
'<div class="alpha-color-picker-container">' +
'<div class="min-click-zone click-zone"></div>' +
'<div class="max-click-zone click-zone"></div>' +
'<div class="alpha-slider"></div>' +
'<div class="transparency"></div>' +
"</div>"
).appendTo($container.find(".wp-picker-holder"));
}
$alphaSlider = $container.find(".alpha-slider");
// If starting value is in format RGBa, grab the alpha channel.
alphaVal = bloglo_get_alpha_value_from_color(startingColor);
// Set up jQuery UI slider() options.
sliderOptions = {
create: function (event, ui) {
var value = $(this).slider("value");
// Set up initial values.
$(this).find(".ui-slider-handle").text(value);
$(this)
.siblings(".transparency ")
.css("background-color", startingColor);
},
value: alphaVal,
range: "max",
step: 1,
min: 0,
max: 100,
animate: 300,
};
// Initialize jQuery UI slider with our options.
$alphaSlider.slider(sliderOptions);
// Maybe show the opacity on the handle.
if ("true" == showOpacity) {
$alphaSlider.find(".ui-slider-handle").addClass("show-opacity");
}
// Bind event handlers for the click zones.
$container.find(".min-click-zone").on("click", function () {
bloglo_update_alpha_value_on_color_control(
0,
$control,
$alphaSlider,
true
);
});
$container.find(".max-click-zone").on("click", function () {
bloglo_update_alpha_value_on_color_control(
100,
$control,
$alphaSlider,
true
);
});
// Bind event handler for clicking on a palette color.
$container.find(".iris-palette").on("click", function (e) {
e.preventDefault();
var color, alpha;
color = $(this).css("background-color");
alpha = bloglo_get_alpha_value_from_color(color);
bloglo_update_alpha_value_on_alpha_slider(alpha, $alphaSlider);
// Sometimes Iris doesn't set a perfect background-color on the palette,
// for example rgba(20, 80, 100, 0.3) becomes rgba(20, 80, 100, 0.298039).
// To compensante for this we round the opacity value on RGBa colors here
// and save it a second time to the color picker object.
if (alpha != 100) {
color = color.replace(/[^,]+(?=\))/, (alpha / 100).toFixed(2));
}
$control.val(color);
$control.wpColorPicker("color", color);
});
// Bind event handler for clicking on the 'Clear' button.
$container.find(".button.wp-picker-clear").on("click", function (e) {
e.preventDefault();
$control.val("");
bloglo_update_alpha_value_on_alpha_slider(100, $alphaSlider);
$control.trigger("color-updated");
});
// Bind event handler for clicking on the 'Default' button.
$container.find(".button.wp-picker-default").on("click", function (e) {
e.preventDefault();
var alpha = bloglo_get_alpha_value_from_color(defaultColor);
bloglo_update_alpha_value_on_alpha_slider(alpha, $alphaSlider);
});
// Bind event handler for typing or pasting into the input.
$control.on("input", function (e) {
e.preventDefault();
var value = $(this).val();
var alpha = bloglo_get_alpha_value_from_color(value);
bloglo_update_alpha_value_on_alpha_slider(alpha, $alphaSlider);
$control.trigger("color-updated");
});
// Update all the things when the slider is interacted with.
$alphaSlider.slider().on("slide", function (event, ui) {
var alpha = parseFloat(ui.value) / 100.0;
bloglo_update_alpha_value_on_color_control(
alpha,
$control,
$alphaSlider,
false
);
// Change value shown on slider handle.
$(this).find(".ui-slider-handle").text(ui.value);
});
// Fix Safari issue on input click
$(".iris-picker, .bloglo-color-control").on("click", function (e) {
e.preventDefault();
});
});
});
})(jQuery);
PK l�]��[\ \
color.scssnu �[��� /*****************************************/
/* Customizer control color style
/*****************************************/
/**
* Import configuration file with variables.
*/
@import "../../../../assets/sass/config";
$admin_border_color: #ddd;
$color_picker_width: 247px;
.bloglo-color-wrapper {
.wp-picker-container {
margin-top: 6px;
}
.bloglo-color-control {
border-radius: 3px 0 0 0px !important;
margin-top: 0 !important;
}
}
.wp-core-ui .button.wp-color-result {
background: transparent;
}
body.wp-customizer {
.wp-picker-container {
max-width: $color_picker_width;
.wp-picker-open ~ .wp-picker-holder .alpha-color-picker-container {
display: block;
}
.iris-picker {
margin: 0 0 0 0;
box-sizing: content-box !important;
border-color: $admin_border_color;
border-radius: 0;
max-width: calc(100% - 2px);
.iris-square {
margin-right: 0;
}
.iris-strip {
float: right;
.ui-slider-handle {
box-shadow: none;
border-radius: 2px;
opacity: 1;
&:before {
border-radius: 2px;
}
}
}
}
.wp-color-result.button {
box-shadow: none;
padding: 0 0 0 45px;
border: solid 1px #ddd;
height: 34px;
border-radius: $border_radius;
margin: 0;
max-width: 160px;
position: relative;
&:focus,
&:hover {
border-color: #bcbcbc !important;
}
&:before {
content: "";
background-image: url("../../assets/images/transparency.svg");
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 45px;
z-index: -1;
background-repeat: repeat;
background-size: 18px;
}
.wp-color-result-text {
background-color: #eee;
height: 32px;
line-height: 32px;
border: none;
box-shadow: none;
border-radius: 0 2px 2px 0;
border-left: 1px solid #ddd;
padding: 0 16px;
position: relative;
top: 0;
right: 0;
font-size: 13px;
color: #555d66;
}
}
}
.alpha-color-picker-container {
display: none;
width: $color_picker_width;
border: 1px solid $admin_border_color;
border-top: none;
background-color: $color_5;
padding: 0 11px 10px;
position: relative;
border-radius: 0 0 $border_radius $border_radius;
box-sizing: border-box;
top: -1px;
position: relative;
z-index: 2;
.ui-widget-content,
.ui-widget-header {
background: transparent;
border: none;
}
.ui-slider {
position: relative;
z-index: 1;
height: 24px;
text-align: center;
margin: 0 auto;
width: 88%;
width: calc(100% - 28px);
}
.ui-slider-handle,
.ui-widget-content .ui-state-default {
color: #000;
background-color: $color_5;
text-shadow: 0 1px 0 #fff;
text-decoration: none;
position: absolute;
z-index: 2;
border: 1px solid #aaa;
border-radius: 2px;
margin-top: -2px;
top: 0;
height: 26px;
width: 26px;
cursor: ew-resize;
font-size: 0;
padding: 0;
line-height: 27px;
margin-left: -14px;
&:focus {
box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
}
}
.ui-slider-handle.show-opacity {
font-size: 10px;
font-weight: 500;
user-select: none;
}
.click-zone {
display: block;
position: absolute;
left: 10px;
width: 14px;
height: 24px;
}
.max-click-zone {
right: 10px;
left: auto;
}
.transparency {
height: 24px;
width: 100%;
background-color: $color_5;
background-image: url("../../assets/images/transparency-grid.png");
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset;
border-radius: 3px;
padding: 0;
margin-top: -24px;
}
}
.alpha-color-picker-wrap {
.ui-state-focus {
background: transparent;
border: none;
}
a.iris-square-value {
&:focus {
box-shadow: none;
}
}
}
.wp-picker-holder {
max-width: $color_picker_width;
}
.wp-picker-input-wrap {
overflow: hidden;
}
.wp-picker-open + .wp-picker-input-wrap {
width: 100%;
margin-top: 12px;
display: flex !important;
max-width: $color_picker_width;
border-radius: 0;
& > label,
& > span {
flex: 1;
}
label {
width: auto;
flex-shrink: 0;
margin: 0;
border-radius: 0;
input {
padding: 0 12px;
width: 100% !important;
height: 100%;
margin-top: 0;
border-radius: 0;
text-align: center;
border: 1px solid $admin_border_color;
border-radius: $border_radius 0 0 0;
border-bottom: none;
background-color: $color_5;
color: #000;
font-family: inherit;
align-self: flex-end;
}
}
input[type="button"] {
height: auto !important;
padding: 8px 12px;
border-radius: 0 $border_radius 0 0;
line-height: 1.3;
color: $color_3;
border: none;
border-top: 1px solid $admin_border_color;
border-right: 1px solid $admin_border_color;
margin-left: 0;
font-size: 13px;
}
}
.wp-picker-clear {
width: 28%;
box-shadow: none !important;
outline: none;
}
}
/* Responsive */
@media only screen and (max-width: 640px) {
.wp-picker-input-wrap
input[type="text"].wp-color-picker.bloglo-color-control {
height: 33px;
}
}
PK l�]�r� � ) class-bloglo-customizer-control-color.phpnu �[��� <?php
/**
* Bloglo Customizer custom color control class.
*
* @package Bloglo
* @author Peregrine Themes
* @since 1.0.0
*/
/**
* Do not allow direct script access.
*/
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
if ( ! class_exists( 'Bloglo_Customizer_Control_Color' ) ) :
/**
* Bloglo Customizer custom color control class.
*/
class Bloglo_Customizer_Control_Color extends Bloglo_Customizer_Control {
/**
* The control type.
*
* @var string
*/
public $type = 'bloglo-color';
/**
* Add support for showing the opacity value on the slider handle.
*
* @var boolean
*/
public $opacity;
/**
* Enqueue control related scripts/styles.
*
* @access public
*/
public function enqueue() {
// Script debug.
$bloglo_suffix = defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min';
// Control type.
$bloglo_type = str_replace( 'bloglo-', '', $this->type );
// Enqueue WordPress color picker styles.
wp_enqueue_style( 'wp-color-picker' );
// Enqueue control stylesheet.
wp_enqueue_style(
'bloglo-' . $bloglo_type . '-control-style',
BLOGLO_THEME_URI . '/inc/customizer/controls/' . $bloglo_type . '/' . $bloglo_type . $bloglo_suffix . '.css',
false,
BLOGLO_THEME_VERSION,
'all'
);
// Enqueue our control script.
wp_enqueue_script(
'bloglo-' . $bloglo_type . '-js',
BLOGLO_THEME_URI . '/inc/customizer/controls/' . $bloglo_type . '/' . $bloglo_type . $bloglo_suffix . '.js',
array( 'jquery', 'customize-base', 'wp-color-picker' ),
BLOGLO_THEME_VERSION,
true
);
}
/**
* Refresh the parameters passed to the JavaScript via JSON.
*
* @see WP_Customize_Control::to_json()
*/
public function to_json() {
parent::to_json();
$this->json['opacity'] = ( false === $this->opacity || 'false' === $this->opacity ) ? 'false' : 'true';
}
/**
* An Underscore (JS) template for this control's content (but not its container).
*
* Class variables for this control class are available in the `data` JS object;
* export custom variables by overriding {@see WP_Customize_Control::to_json()}.
*
* @see WP_Customize_Control::print_template()
*/
protected function content_template() {
?>
<div class="bloglo-color-wrapper bloglo-control-wrapper">
<# if ( data.label ) { #>
<div class="customize-control-title">
<span>{{{ data.label }}}</span>
<# if ( data.description ) { #>
<i class="bloglo-info-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-help-circle">
<circle cx="12" cy="12" r="10"></circle>
<path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
<line x1="12" y1="17" x2="12" y2="17"></line>
</svg>
<span class="bloglo-tooltip">{{{ data.description }}}</span>
</i>
<# } #>
</div>
<# } #>
<div>
<input class="bloglo-color-control" type="text" value="{{ data.value }}" data-show-opacity="{{ data.opacity }}" data-default-color="{{ data.default }}" />
</div>
</div><!-- END .bloglo-toggle-wrapper -->
<?php
}
}
endif;
PK l�]�V�
color.min.cssnu �[��� .bloglo-color-wrapper .wp-picker-container {
margin-top: 6px;
}
.bloglo-color-wrapper .bloglo-color-control {
border-radius: 3px 0 0 0 !important;
margin-top: 0 !important;
}
.wp-core-ui .button.wp-color-result {
background: transparent;
}
body.wp-customizer .wp-picker-container {
max-width: 247px;
}
body.wp-customizer
.wp-picker-container
.wp-picker-open
~ .wp-picker-holder
.alpha-color-picker-container {
display: block;
}
body.wp-customizer .wp-picker-container .iris-picker {
margin: 0;
box-sizing: content-box !important;
border-color: #ddd;
border-radius: 0;
max-width: calc(100% - 2px);
}
body.wp-customizer .wp-picker-container .iris-picker .iris-square {
margin-right: 0;
}
body.wp-customizer .wp-picker-container .iris-picker .iris-strip {
float: right;
}
body.wp-customizer
.wp-picker-container
.iris-picker
.iris-strip
.ui-slider-handle {
box-shadow: none;
border-radius: 2px;
opacity: 1;
}
body.wp-customizer
.wp-picker-container
.iris-picker
.iris-strip
.ui-slider-handle:before {
border-radius: 2px;
}
body.wp-customizer .wp-picker-container .wp-color-result.button {
box-shadow: none;
padding: 0 0 0 45px;
border: 1px solid #ddd;
height: 34px;
border-radius: 3px;
margin: 0;
max-width: 160px;
position: relative;
}
body.wp-customizer .wp-picker-container .wp-color-result.button:focus,
body.wp-customizer .wp-picker-container .wp-color-result.button:hover {
border-color: #bcbcbc !important;
}
body.wp-customizer .wp-picker-container .wp-color-result.button:before {
content: "";
background-image: url(../../assets/images/transparency.svg);
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 45px;
z-index: -1;
background-repeat: repeat;
background-size: 18px;
}
body.wp-customizer
.wp-picker-container
.wp-color-result.button
.wp-color-result-text {
background-color: #eee;
height: 32px;
line-height: 32px;
border: none;
box-shadow: none;
border-radius: 0 2px 2px 0;
border-left: 1px solid #ddd;
padding: 0 16px;
position: relative;
top: 0;
right: 0;
font-size: 13px;
color: #555d66;
}
body.wp-customizer .alpha-color-picker-container {
display: none;
width: 247px;
border: 1px solid #ddd;
border-top: none;
background-color: #fff;
padding: 0 11px 10px;
border-radius: 0 0 3px 3px;
box-sizing: border-box;
top: -1px;
position: relative;
z-index: 2;
}
body.wp-customizer .alpha-color-picker-container .ui-widget-content,
body.wp-customizer .alpha-color-picker-container .ui-widget-header {
background: transparent;
border: none;
}
body.wp-customizer .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);
}
body.wp-customizer .alpha-color-picker-container .ui-slider-handle,
body.wp-customizer
.alpha-color-picker-container
.ui-widget-content
.ui-state-default {
color: #000;
background-color: #fff;
text-shadow: 0 1px 0 #fff;
text-decoration: none;
position: absolute;
z-index: 2;
border: 1px solid #aaa;
border-radius: 2px;
margin-top: -2px;
top: 0;
height: 26px;
width: 26px;
cursor: ew-resize;
font-size: 0;
padding: 0;
line-height: 27px;
margin-left: -14px;
}
body.wp-customizer .alpha-color-picker-container .ui-slider-handle:focus,
body.wp-customizer
.alpha-color-picker-container
.ui-widget-content
.ui-state-default:focus {
box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
}
body.wp-customizer
.alpha-color-picker-container
.ui-slider-handle.show-opacity {
font-size: 10px;
font-weight: 500;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
body.wp-customizer .alpha-color-picker-container .click-zone {
display: block;
position: absolute;
left: 10px;
width: 14px;
height: 24px;
}
body.wp-customizer .alpha-color-picker-container .max-click-zone {
right: 10px;
left: auto;
}
body.wp-customizer .alpha-color-picker-container .transparency {
height: 24px;
width: 100%;
background-color: #fff;
background-image: url(../../assets/images/transparency-grid.png);
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
border-radius: 3px;
padding: 0;
margin-top: -24px;
}
body.wp-customizer .alpha-color-picker-wrap .ui-state-focus {
background: transparent;
border: none;
}
body.wp-customizer .alpha-color-picker-wrap a.iris-square-value:focus {
box-shadow: none;
}
body.wp-customizer .wp-picker-holder {
max-width: 247px;
}
body.wp-customizer .wp-picker-input-wrap {
overflow: hidden;
}
body.wp-customizer .wp-picker-open + .wp-picker-input-wrap {
width: 100%;
margin-top: 12px;
-js-display: flex !important;
display: -ms-flexbox !important;
display: flex !important;
max-width: 247px;
border-radius: 0;
}
body.wp-customizer .wp-picker-open + .wp-picker-input-wrap > label,
body.wp-customizer .wp-picker-open + .wp-picker-input-wrap > span {
-ms-flex: 1;
flex: 1;
}
body.wp-customizer .wp-picker-open + .wp-picker-input-wrap label {
width: auto;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0;
border-radius: 0;
}
body.wp-customizer .wp-picker-open + .wp-picker-input-wrap label input {
padding: 0 12px;
width: 100% !important;
height: 100%;
margin-top: 0;
border-radius: 0;
text-align: center;
border: 1px solid #ddd;
border-radius: 3px 0 0 0;
border-bottom: none;
background-color: #fff;
color: #000;
font-family: inherit;
-ms-flex-item-align: end;
align-self: flex-end;
}
body.wp-customizer
.wp-picker-open
+ .wp-picker-input-wrap
input[type="button"] {
height: auto !important;
padding: 8px 12px;
border-radius: 0 3px 0 0;
line-height: 1.3;
color: #232323;
border: none;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
margin-left: 0;
font-size: 13px;
}
body.wp-customizer .wp-picker-clear {
width: 28%;
box-shadow: none !important;
outline: none;
}
@media only screen and (max-width: 640px) {
.wp-picker-input-wrap
input[type="text"].wp-color-picker.bloglo-color-control {
height: 33px;
}
}
PK l�]�p��l l color.min.jsnu �[��� !(function ($) {
function bloglo_get_alpha_value_from_color(value) {
var alphaVal;
return (
(value = value.replace(/ /g, "")).match(/rgba\(\d+\,\d+\,\d+\,([^\)]+)\)/)
? ((alphaVal =
100 *
parseFloat(
value.match(/rgba\(\d+\,\d+\,\d+\,([^\)]+)\)/)[1]
).toFixed(2)),
(alphaVal = parseInt(alphaVal)))
: (alphaVal = 100),
alphaVal
);
}
function bloglo_update_alpha_value_on_color_control(
alpha,
$control,
$alphaSlider,
update_slider
) {
var iris, colorPicker, color;
(iris = $control.data("a8cIris")),
(colorPicker = $control.data("wpWpColorPicker")),
(iris._color._alpha = alpha),
(color = iris._color.toString()),
$control.val(color),
colorPicker.toggler.css({ "background-color": color }),
update_slider &&
blogloupdate_alpha_value_on_alpha_slider(alpha, $alphaSlider),
$control.trigger("color-updated");
}
function bloglo_update_alpha_value_on_alpha_slider(alpha, $alphaSlider) {
$alphaSlider.slider("value", alpha),
$alphaSlider.find(".ui-slider-handle").text(alpha.toString());
}
(wp.customize.controlConstructor["bloglo-color"] =
wp.customize.Control.extend({
ready: function () {
"use strict";
var control = this,
color = control.setting.get();
control.container.on(
"color-updated",
".bloglo-color-control",
function () {
(value = $(this).val()),
value !== color && (control.setting.set(value), (color = value));
}
);
},
})),
(Color.prototype.toString = function (flag) {
if ("no-alpha" == flag)
return this.toCSS("rgba", "1").replace(/\s+/g, "");
if (1 > this._alpha)
return this.toCSS("rgba", this._alpha).replace(/\s+/g, "");
var hex = parseInt(this._color, 10).toString(16);
if (this.error) return "";
if (hex.length < 6)
for (var i = 6 - hex.length - 1; i >= 0; i--) hex = "0" + hex;
return "#" + hex;
}),
$(document).ready(function ($) {
$(".bloglo-color-control").each(function () {
var $control,
startingColor,
showOpacity,
defaultColor,
colorPickerOptions,
$container,
$alphaSlider,
sliderOptions;
($control = $(this)),
(startingColor = $control.val().replace(/\s+/g, "")),
(showOpacity = $control.attr("data-show-opacity")),
(defaultColor = $control.attr("data-default-color")),
(colorPickerOptions = {
change: function (event, ui) {
var value, alpha;
(value = ui.color.toString()),
$control.val(value),
defaultColor == value &&
((alpha = bloglo_get_alpha_value_from_color(value)),
$alphaSlider.find(".ui-slider-handle").text(alpha)),
$container
.find(".transparency")
.css("background-color", ui.color.toString("no-alpha")),
$control.trigger("color-updated");
},
palettes: bloglo_customizer_localized.color_palette,
}),
$control.wpColorPicker(colorPickerOptions),
($container = $control.parents(".wp-picker-container:first")),
"true" == showOpacity &&
$(
'<div class="alpha-color-picker-container"><div class="min-click-zone click-zone"></div><div class="max-click-zone click-zone"></div><div class="alpha-slider"></div><div class="transparency"></div></div>'
).appendTo($container.find(".wp-picker-holder")),
($alphaSlider = $container.find(".alpha-slider")),
(sliderOptions = {
create: function (event, ui) {
var value = $(this).slider("value");
$(this).find(".ui-slider-handle").text(value),
$(this)
.siblings(".transparency ")
.css("background-color", startingColor);
},
value: bloglo_get_alpha_value_from_color(startingColor),
range: "max",
step: 1,
min: 0,
max: 100,
animate: 300,
}),
$alphaSlider.slider(sliderOptions),
"true" == showOpacity &&
$alphaSlider.find(".ui-slider-handle").addClass("show-opacity"),
$container.find(".min-click-zone").on("click", function () {
bloglo_update_alpha_value_on_color_control(
0,
$control,
$alphaSlider,
!0
);
}),
$container.find(".max-click-zone").on("click", function () {
bloglo_update_alpha_value_on_color_control(
100,
$control,
$alphaSlider,
!0
);
}),
$container.find(".iris-palette").on("click", function (e) {
var color, alpha;
e.preventDefault(),
bloglo_update_alpha_value_on_alpha_slider(
(alpha = bloglo_get_alpha_value_from_color(
(color = $(this).css("background-color"))
)),
$alphaSlider
),
100 != alpha &&
(color = color.replace(
/[^,]+(?=\))/,
(alpha / 100).toFixed(2)
)),
$control.val(color),
$control.wpColorPicker("color", color);
}),
$container.find(".button.wp-picker-clear").on("click", function (e) {
e.preventDefault(),
$control.val(""),
bloglo_update_alpha_value_on_alpha_slider(100, $alphaSlider),
$control.trigger("color-updated");
}),
$container
.find(".button.wp-picker-default")
.on("click", function (e) {
e.preventDefault(),
bloglo_update_alpha_value_on_alpha_slider(
bloglo_get_alpha_value_from_color(defaultColor),
$alphaSlider
);
}),
$control.on("input", function (e) {
e.preventDefault(),
bloglo_update_alpha_value_on_alpha_slider(
bloglo_get_alpha_value_from_color($(this).val()),
$alphaSlider
),
$control.trigger("color-updated");
}),
$alphaSlider.slider().on("slide", function (event, ui) {
bloglo_update_alpha_value_on_color_control(
parseFloat(ui.value) / 100,
$control,
$alphaSlider,
!1
),
$(this).find(".ui-slider-handle").text(ui.value);
}),
$(".iris-picker, .bloglo-color-control").on("click", function (e) {
e.preventDefault();
});
});
});
})(jQuery);
PK l�]m��� � color.cssnu �[��� PK l�]
��+�$ �$
color.jsnu �[��� PK l�]��[\ \
�? color.scssnu �[��� PK l�]�r� � ) ZV class-bloglo-customizer-control-color.phpnu �[��� PK l�]�V�
sc color.min.cssnu �[��� PK l�]�p��l l �{ color.min.jsnu �[��� PK � r�