/**
* Get the provided color and return a darker one with the same hue
*/
static function darken_color($color, $power = 'medium')
{
$color_dec = Skrollr_Color_Tools::rgbhex2dec($color);
$hsl = Skrollr_Color_Tools::rgb2hsl($color_dec[0], $color_dec[1], $color_dec[2]);
if ($power == 'low') {
if ($hsl[2] < 0.5) {
$hsl[2] = $hsl[2] * 0.9;
} else {
$hsl[2] = $hsl[2] - 0.1;
}
} else {
if ($power == 'medium') {
if ($hsl[2] < 0.5) {
$hsl[2] = $hsl[2] * 0.5;
} else {
$hsl[2] = $hsl[2] - 0.25;
}
} else {
if ($power == 'strong') {
if ($hsl[2] < 0.5) {
$hsl[2] = $hsl[2] * 0.4;
} else {
$hsl[2] = $hsl[2] - 0.4;
}
}
}
}
if ($hsl[2] < 0) {
$hsl[2] = 0;
}
$darker = '#' . Skrollr_Color_Tools::hsl2rgb($hsl[0], $hsl[1], $hsl[2], 'hex');
return $darker;
}
function get_css($bg_color, $bg_active_color, $txt_color, $content_bg_color, $content_txt_color, $desc_bg_color, $desc_txt_color)
{
$bg_color = esc_attr($bg_color);
$bg_active_color = esc_attr($bg_active_color);
$txt_color = esc_attr($txt_color);
$content_bg_color = esc_attr($content_bg_color);
$content_txt_color = esc_attr($content_txt_color);
$desc_bg_color = esc_attr($desc_bg_color);
$desc_txt_color = esc_attr($desc_txt_color);
$bg_active_color_dec = Skrollr_Color_Tools::rgbhex2dec($bg_active_color);
$content_menu_border_color = Skrollr_Color_Tools::darken_color($content_bg_color, 'low');
$content_link_hover_color = Skrollr_Color_Tools::darken_color($content_txt_color, 'medium');
$content_txt_strong_color = Skrollr_Color_Tools::darken_color($content_txt_color, 'strong');
?>
a {
color: <?php
echo $content_txt_color;
?>
;
}
a:hover {
color: <?php
echo $content_link_hover_color;
?>
;
}
body, .block, .one-column, footer {
background-color: <?php
echo $content_bg_color;
?>
;
color: <?php
echo $content_txt_color;
?>
;
}
blockquote {
color: <?php
echo $bg_color;
?>
;
}
blockquote > p:before, blockquote > p:after {
color: <?php
echo $content_txt_color;
?>
;
}
#chapo {
background: <?php
echo $desc_bg_color;
?>
;
color: <?php
echo $desc_txt_color;
?>
;
}
.text-column img.size-medium {
border-color: white;
}
.text-column > p strong {
color: <?php
echo $content_txt_strong_color;
?>
;
}
#main-menu {
background: <?php
echo $bg_color;
?>
;
color: <?php
echo $txt_color;
?>
;
}
#main-menu:hover {
background-color: <?php
echo $bg_color;
?>
!important;
}
#main-menu dd, #main-menu dt {
background: <?php
echo $bg_active_color;
?>
;
}
#main-menu .menu a.current {
border-color: <?php
echo $bg_active_color;
?>
;
}
#main-menu .menu a:hover, #main-menu .menu a:hover > dt {
background: <?php
echo $bg_active_color;
?>
;
}
#main-menu a {
color: <?php
echo $txt_color;
?>
;
}
.mejs-video .mejs-controls .mejs-time-rail .mejs-time-current {
background: <?php
echo $bg_active_color;
?>
;
}
.mejs-video .mejs-controls .mejs-time-rail .mejs-time-loaded {
background: <?php
echo $txt_color;
?>
;
}
.sk-gallery figcaption,
.sk-video figcaption {
background: rgba(<?php
echo implode(",", $bg_active_color_dec);
?>
, 0.5);
color: <?php
echo $txt_color;
?>
;
}
.partage > a {
color: <?php
echo $txt_color;
?>
;
}
.scrolldown,
.scrolldown:hover {
color: <?php
echo $txt_color;
?>
;
}
.scrolldown:after {
border-color: <?php
echo $txt_color;
?>
;
}
.post-edit-link {
border-color: <?php
echo $bg_color;
?>
;
color: <?php
echo $bg_color;
?>
;
background-color: <?php
echo $content_bg_color;
?>
;
}
.post-edit-link:hover {
color: <?php
echo $txt_color;
?>
;
background-color: <?php
echo $bg_color;
?>
;
}
.page .menu .menu-item > a {
border-color: <?php
echo $content_menu_border_color;
?>
;
}
.wp-caption-text {
color: <?php
echo $content_link_hover_color;
?>
;
}
<?php
}
function display_nav_menu()
{
if ($this->is_set() || is_customize_preview()) {
$bg_color = get_theme_mod('bg_color', '#505050');
$bg_color_dec = Skrollr_Color_Tools::rgbhex2dec($bg_color);
// translators: Anchor for top of the page, this string will appear in a URL
$top_anchor = _x('top', 'anchor', 'skrollr');
// translators: Anchor for bottom of the page, this string will appear in a URL
$bottom_anchor = _x('bottom', 'anchor', 'skrollr');
?>
<nav id="main-menu" class="icons icomoon-menu thin"
data-10="background-color:rgba(<?php
echo implode(',', $bg_color_dec);
?>
,1)"
data-200="background-color:rgba(<?php
echo implode(',', $bg_color_dec);
?>
,0)"
data-200-end="background-color:rgba(<?php
echo implode(',', $bg_color_dec);
?>
,0)"
data-40-end="background-color:rgba(<?php
echo implode(',', $bg_color_dec);
?>
,1)"
>
<dl class="menu">
<a href="#<?php
echo $top_anchor;
?>
" class="nav-item current">
<dt class="icons icomoon-home" data-bottom-top="display:none" data-center-top="display:block" data-top-top="display:none" data-anchor-target="#<?php
echo $top_anchor;
?>
"></dt>
<dd><?php
echo $this->fix_breakable_space(__('Top', 'skrollr'));
?>
</dd>
</a>
<div id="main-menu-container" class="menu-menu-container">
<?php
$i = 0;
global $post;
add_filter('the_title', array($this, 'fix_breakable_space'));
while (have_posts()) {
$i++;
the_post();
?>
<a href="#<?php
echo $post->post_name;
?>
" class="nav-item">
<dt data--10-bottom-top="display:none" data-center-top="display:block" data-top-top="display:none" data-anchor-target="#<?php
echo $post->post_name;
?>
"><?php
echo $i;
?>
</dt>
<dd><?php
the_title();
?>
</dd>
</a><?php
}
rewind_posts();
remove_filter('the_title', array($this, 'fix_breakable_space'));
?>
</div>
<a href="#<?php
echo $bottom_anchor;
?>
" class="nav-item">
<dt class="icons icomoon-down-arrow" data-200-end="display:none" data-40-end="display:block"></dt>
</a>
</dl>
</nav><?php
if (!$this->is_set()) {
?>
<style>
#main-menu{ display: none; }
</style><?php
}
}
}
