modified file plugins
This commit is contained in:
Gitium
@ -0,0 +1,174 @@
|
||||
<?php
|
||||
/**
|
||||
* This file handles the customizer fields for the secondary navigation.
|
||||
*
|
||||
* @package GeneratePress
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // No direct access, please.
|
||||
}
|
||||
|
||||
if ( ! function_exists( 'generate_register_secondary_navigation_colors' ) ) {
|
||||
add_action('generate_customize_after_primary_navigation', 'generate_register_secondary_navigation_colors', 1000);
|
||||
|
||||
/**
|
||||
* Register the secondary navigation color fields.
|
||||
*/
|
||||
function generate_register_secondary_navigation_colors()
|
||||
{
|
||||
if ( ! class_exists('GeneratePress_Customize_Field') ) {
|
||||
return;
|
||||
}
|
||||
|
||||
$secondary_color_defaults = generate_secondary_nav_get_defaults();
|
||||
|
||||
$menu_hover_selectors = '.secondary-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .secondary-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .secondary-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .secondary-navigation .menu-bar-item:hover > a, .secondary-navigation .menu-bar-item.sfHover > a';
|
||||
$menu_current_selectors = '.secondary-navigation .main-nav ul li[class*="current-menu-"] > a';
|
||||
$submenu_hover_selectors = '.secondary-navigation .main-nav ul ul li:not([class*="current-menu-"]):hover > a, .secondary-navigation .main-nav ul ul li:not([class*="current-menu-"]):focus > a, .secondary-navigation .main-nav ul ul li.sfHover:not([class*="current-menu-"]) > a';
|
||||
$submenu_current_selectors = '.secondary-navigation .main-nav ul ul li[class*="current-menu-"] > a';
|
||||
|
||||
GeneratePress_Customize_Field::add_title(
|
||||
'generate_secondary_navigation_colors_title',
|
||||
array(
|
||||
'section' => 'generate_colors_section',
|
||||
'title' => __( 'Secondary Navigation', 'gp-premium' ),
|
||||
'choices' => array(
|
||||
'toggleId' => 'secondary-navigation-colors',
|
||||
),
|
||||
)
|
||||
);
|
||||
|
||||
// Navigation background group.
|
||||
GeneratePress_Customize_Field::add_color_field_group(
|
||||
'secondary_navigation_background',
|
||||
'generate_colors_section',
|
||||
'secondary-navigation-colors',
|
||||
array(
|
||||
'generate_secondary_nav_settings[navigation_background_color]' => array(
|
||||
'default_value' => $secondary_color_defaults['navigation_background_color'],
|
||||
'label' => __( 'Navigation Background', 'gp-premium' ),
|
||||
'tooltip' => __( 'Choose Initial Color', 'gp-premium' ),
|
||||
'element' => '.secondary-navigation',
|
||||
'property' => 'background-color',
|
||||
'hide_label' => false,
|
||||
),
|
||||
'generate_secondary_nav_settings[navigation_background_hover_color]' => array(
|
||||
'default_value' => $secondary_color_defaults['navigation_background_hover_color'],
|
||||
'label' => __( 'Navigation Background Hover', 'gp-premium' ),
|
||||
'tooltip' => __( 'Choose Hover Color', 'gp-premium' ),
|
||||
'element' => $menu_hover_selectors,
|
||||
'property' => 'background-color',
|
||||
'hide_label' => true,
|
||||
),
|
||||
'generate_secondary_nav_settings[navigation_background_current_color]' => array(
|
||||
'default_value' => $secondary_color_defaults['navigation_background_current_color'],
|
||||
'label' => __( 'Navigation Background Current', 'gp-premium' ),
|
||||
'tooltip' => __( 'Choose Current Color', 'gp-premium' ),
|
||||
'element' => $menu_current_selectors,
|
||||
'property' => 'background-color',
|
||||
'hide_label' => true,
|
||||
),
|
||||
)
|
||||
);
|
||||
|
||||
// Navigation text group.
|
||||
GeneratePress_Customize_Field::add_color_field_group(
|
||||
'secondary_navigation_text',
|
||||
'generate_colors_section',
|
||||
'secondary-navigation-colors',
|
||||
array(
|
||||
'generate_secondary_nav_settings[navigation_text_color]' => array(
|
||||
'default_value' => $secondary_color_defaults['navigation_text_color'],
|
||||
'label' => __( 'Navigation Text', 'gp-premium' ),
|
||||
'tooltip' => __( 'Choose Initial Color', 'gp-premium' ),
|
||||
'element' => '.secondary-navigation .main-nav ul li a, .secondary-navigation .menu-toggle, .secondary-navigation button.menu-toggle:hover, .secondary-navigation button.menu-toggle:focus, .secondary-navigation .mobile-bar-items a, .secondary-navigation .mobile-bar-items a:hover, .secondary-navigation .mobile-bar-items a:focus, .secondary-navigation .menu-bar-items',
|
||||
'property' => 'color',
|
||||
'hide_label' => false,
|
||||
),
|
||||
'generate_secondary_nav_settings[navigation_text_hover_color]' => array(
|
||||
'default_value' => $secondary_color_defaults['navigation_text_hover_color'],
|
||||
'label' => __( 'Navigation Text Hover', 'gp-premium' ),
|
||||
'tooltip' => __( 'Choose Hover Color', 'gp-premium' ),
|
||||
'element' => $menu_hover_selectors,
|
||||
'property' => 'color',
|
||||
'hide_label' => true,
|
||||
),
|
||||
'generate_secondary_nav_settings[navigation_text_current_color]' => array(
|
||||
'default_value' => $secondary_color_defaults['navigation_text_current_color'],
|
||||
'label' => __( 'Navigation Text Current', 'gp-premium' ),
|
||||
'tooltip' => __( 'Choose Current Color', 'gp-premium' ),
|
||||
'element' => $menu_current_selectors,
|
||||
'property' => 'color',
|
||||
'hide_label' => true,
|
||||
),
|
||||
)
|
||||
);
|
||||
|
||||
// Sub-Menu background group.
|
||||
GeneratePress_Customize_Field::add_color_field_group(
|
||||
'secondary_navigation_submenu_background',
|
||||
'generate_colors_section',
|
||||
'secondary-navigation-colors',
|
||||
array(
|
||||
'generate_secondary_nav_settings[subnavigation_background_color]' => array(
|
||||
'default_value' => $secondary_color_defaults['subnavigation_background_color'],
|
||||
'label' => __( 'Sub-Menu Background', 'gp-premium' ),
|
||||
'tooltip' => __( 'Choose Initial Color', 'gp-premium' ),
|
||||
'element' => '.secondary-navigation ul ul',
|
||||
'property' => 'background-color',
|
||||
'hide_label' => false,
|
||||
),
|
||||
'generate_secondary_nav_settings[subnavigation_background_hover_color]' => array(
|
||||
'default_value' => $secondary_color_defaults['subnavigation_background_hover_color'],
|
||||
'label' => __( 'Sub-Menu Background Hover', 'gp-premium' ),
|
||||
'tooltip' => __( 'Choose Hover Color', 'gp-premium' ),
|
||||
'element' => $submenu_hover_selectors,
|
||||
'property' => 'background-color',
|
||||
'hide_label' => true,
|
||||
),
|
||||
'generate_secondary_nav_settings[subnavigation_background_current_color]' => array(
|
||||
'default_value' => $secondary_color_defaults['subnavigation_background_current_color'],
|
||||
'label' => __( 'Sub-Menu Background Current', 'gp-premium' ),
|
||||
'tooltip' => __( 'Choose Current Color', 'gp-premium' ),
|
||||
'element' => $submenu_current_selectors,
|
||||
'property' => 'background-color',
|
||||
'hide_label' => true,
|
||||
),
|
||||
)
|
||||
);
|
||||
|
||||
// Sub-Menu text group.
|
||||
GeneratePress_Customize_Field::add_color_field_group(
|
||||
'secondary_navigation_submenu_text',
|
||||
'generate_colors_section',
|
||||
'secondary-navigation-colors',
|
||||
array(
|
||||
'generate_secondary_nav_settings[subnavigation_text_color]' => array(
|
||||
'default_value' => $secondary_color_defaults['subnavigation_text_color'],
|
||||
'label' => __( 'Sub-Menu Text', 'gp-premium' ),
|
||||
'tooltip' => __( 'Choose Initial Color', 'gp-premium' ),
|
||||
'element' => '.secondary-navigation .main-nav ul ul li a',
|
||||
'property' => 'color',
|
||||
'hide_label' => false,
|
||||
),
|
||||
'generate_secondary_nav_settings[subnavigation_text_hover_color]' => array(
|
||||
'default_value' => $secondary_color_defaults['subnavigation_text_hover_color'],
|
||||
'label' => __( 'Sub-Menu Text Hover', 'gp-premium' ),
|
||||
'tooltip' => __( 'Choose Hover Color', 'gp-premium' ),
|
||||
'element' => $submenu_hover_selectors,
|
||||
'property' => 'color',
|
||||
'hide_label' => true,
|
||||
),
|
||||
'generate_secondary_nav_settings[subnavigation_text_current_color]' => array(
|
||||
'default_value' => $secondary_color_defaults['subnavigation_text_current_color'],
|
||||
'label' => __( 'Sub-Menu Text Current', 'gp-premium' ),
|
||||
'tooltip' => __( 'Choose Current Color', 'gp-premium' ),
|
||||
'element' => $submenu_current_selectors,
|
||||
'property' => 'color',
|
||||
'hide_label' => true,
|
||||
),
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,138 @@
|
||||
<?php
|
||||
/**
|
||||
* This file handles all of the Secondary Navigation functionality.
|
||||
*
|
||||
* @package GP Premium
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // No direct access, please.
|
||||
}
|
||||
|
||||
if ( ! class_exists( 'GeneratePress_Secondary_Nav_CSS' ) ) :
|
||||
/**
|
||||
* Generate CSS class.
|
||||
*/
|
||||
class GeneratePress_Secondary_Nav_CSS {
|
||||
|
||||
/**
|
||||
* The css selector that you're currently adding rules to.
|
||||
*
|
||||
* @access protected
|
||||
* @var string
|
||||
*/
|
||||
protected $_selector = '';
|
||||
|
||||
/**
|
||||
* Stores the final css output with all of its rules for the current selector.
|
||||
*
|
||||
* @access protected
|
||||
* @var string
|
||||
*/
|
||||
protected $_selector_output = '';
|
||||
|
||||
/**
|
||||
* Stores all of the rules that will be added to the selector.
|
||||
*
|
||||
* @access protected
|
||||
* @var string
|
||||
*/
|
||||
protected $_css = '';
|
||||
|
||||
/**
|
||||
* The string that holds all of the css to output.
|
||||
*
|
||||
* @access protected
|
||||
* @var string
|
||||
*/
|
||||
protected $_output = '';
|
||||
|
||||
/**
|
||||
* Sets a selector to the object and changes the current selector to a new one
|
||||
*
|
||||
* @access public
|
||||
* @since 1.0
|
||||
*
|
||||
* @param string $selector - the css identifier of the html that you wish to target.
|
||||
* @return $this
|
||||
*/
|
||||
public function set_selector( $selector = '' ) {
|
||||
// Render the css in the output string everytime the selector changes.
|
||||
if ( '' !== $this->_selector ) {
|
||||
$this->add_selector_rules_to_output();
|
||||
}
|
||||
|
||||
$this->_selector = $selector;
|
||||
return $this;
|
||||
}
|
||||
|
||||
/**
|
||||
* Adds a css property with value to the css output.
|
||||
*
|
||||
* @access public
|
||||
* @since 1.0
|
||||
*
|
||||
* @param string $property - the css property.
|
||||
* @param string $value - the value to be placed with the property.
|
||||
* @param string $og_default - check to see if the value matches the default.
|
||||
* @param string $unit - the unit for the value (px).
|
||||
* @return $this
|
||||
*/
|
||||
public function add_property( $property, $value, $og_default = false, $unit = false ) {
|
||||
// Add our unit to the value if it exists.
|
||||
if ( $unit && '' !== $unit ) {
|
||||
$value = $value . $unit;
|
||||
if ( '' !== $og_default ) {
|
||||
$og_default = $og_default . $unit;
|
||||
}
|
||||
}
|
||||
|
||||
// If we don't have a value or our value is the same as our og default, bail.
|
||||
if ( empty( $value ) || $og_default == $value ) {
|
||||
return false;
|
||||
}
|
||||
|
||||
$this->_css .= $property . ':' . $value . ';';
|
||||
return $this;
|
||||
}
|
||||
|
||||
/**
|
||||
* Adds the current selector rules to the output variable
|
||||
*
|
||||
* @access private
|
||||
* @since 1.0
|
||||
*
|
||||
* @return $this
|
||||
*/
|
||||
private function add_selector_rules_to_output() {
|
||||
if ( ! empty( $this->_css ) ) {
|
||||
$this->_selector_output = $this->_selector;
|
||||
$selector_output = sprintf( '%1$s{%2$s}', $this->_selector_output, $this->_css );
|
||||
|
||||
$this->_output .= $selector_output;
|
||||
|
||||
// Reset the css.
|
||||
$this->_css = '';
|
||||
}
|
||||
|
||||
return $this;
|
||||
}
|
||||
|
||||
/**
|
||||
* Returns the minified css in the $_output variable
|
||||
*
|
||||
* @access public
|
||||
* @since 1.0
|
||||
*
|
||||
* @return string
|
||||
*/
|
||||
public function css_output() {
|
||||
// Add current selector's rules to output.
|
||||
$this->add_selector_rules_to_output();
|
||||
|
||||
// Output minified css.
|
||||
return $this->_output;
|
||||
}
|
||||
|
||||
}
|
||||
endif;
|
||||
@ -0,0 +1,125 @@
|
||||
.secondary-navigation.toggled ul ul {
|
||||
transition: 0s;
|
||||
visibility: hidden;
|
||||
float: none;
|
||||
}
|
||||
|
||||
.secondary-navigation.toggled ul ul.toggled-on {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.secondary-navigation.toggled .main-nav ul ul {
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
box-shadow: none;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.secondary-navigation.toggled .main-nav ul ul li:last-child > ul {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.secondary-navigation.toggled .main-nav ul ul.toggled-on {
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: auto !important;
|
||||
right: auto !important;
|
||||
width: 100%;
|
||||
pointer-events: auto;
|
||||
height: auto;
|
||||
opacity: 1;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.secondary-navigation.toggled .main-nav > ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.secondary-navigation.toggled .main-nav .sf-menu > li {
|
||||
float: none;
|
||||
clear: both;
|
||||
display: block !important;
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
.secondary-navigation.toggled .main-nav .sf-menu > li.hide-on-mobile {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.secondary-navigation.toggled .dropdown-menu-toggle:before {
|
||||
content: "\f107" !important;
|
||||
}
|
||||
|
||||
.secondary-navigation.toggled .sfHover > a .dropdown-menu-toggle:before {
|
||||
content: "\f106" !important;
|
||||
}
|
||||
|
||||
.secondary-navigation.toggled .menu-item-has-children .dropdown-menu-toggle {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.dropdown-hover .secondary-navigation.toggled ul li:hover > ul,
|
||||
.dropdown-hover .secondary-navigation.toggled ul li.sfHover > ul {
|
||||
transition-delay: 0s;
|
||||
}
|
||||
|
||||
.rtl .secondary-navigation.toggled .main-nav .sf-menu > li {
|
||||
text-align: right !important;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.secondary-navigation .menu-toggle {
|
||||
display: block;
|
||||
}
|
||||
.secondary-navigation ul,
|
||||
.secondary-navigation:not(.toggled) .main-nav > ul {
|
||||
display: none;
|
||||
}
|
||||
.secondary-navigation.toggled .main-nav {
|
||||
flex-basis: 100%;
|
||||
order: 3;
|
||||
}
|
||||
.secondary-nav-aligned-left .secondary-navigation.has-top-bar .menu-toggle {
|
||||
text-align: left;
|
||||
}
|
||||
.secondary-nav-aligned-left .secondary-navigation .top-bar {
|
||||
order: 2;
|
||||
}
|
||||
.secondary-nav-aligned-right .secondary-navigation.has-top-bar .menu-toggle {
|
||||
text-align: right;
|
||||
}
|
||||
.secondary-navigation.has-top-bar .top-bar .inside-top-bar .widget {
|
||||
margin: 0 20px;
|
||||
}
|
||||
.secondary-nav-aligned-center .secondary-navigation .top-bar {
|
||||
flex-basis: 100%;
|
||||
}
|
||||
.secondary-nav-float-right .secondary-navigation {
|
||||
margin-left: 0;
|
||||
width: 100%;
|
||||
margin-top: 1.5em;
|
||||
}
|
||||
.secondary-nav-float-right .header-widget {
|
||||
margin-left: auto;
|
||||
}
|
||||
.secondary-nav-float-left .secondary-navigation,
|
||||
.secondary-nav-float-left .multi-navigation-wrapper {
|
||||
margin-left: 0;
|
||||
width: 100%;
|
||||
margin-top: 1.5em;
|
||||
}
|
||||
.secondary-nav-float-left:not(.nav-float-right) .header-widget {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
order: unset;
|
||||
}
|
||||
.secondary-nav-float-left .site-logo,
|
||||
.secondary-nav-float-left .site-branding {
|
||||
order: unset;
|
||||
}
|
||||
.secondary-navigation.has-top-bar .inside-navigation, .secondary-navigation.has-menu-bar-items .inside-navigation {
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1 @@
|
||||
.secondary-navigation.toggled ul ul{transition:0s;visibility:hidden;float:none}.secondary-navigation.toggled ul ul.toggled-on{visibility:visible}.secondary-navigation.toggled .main-nav ul ul{position:relative;top:0;left:0;width:100%;box-shadow:none;border-bottom:1px solid rgba(0,0,0,.05)}.secondary-navigation.toggled .main-nav ul ul li:last-child>ul{border-bottom:0}.secondary-navigation.toggled .main-nav ul ul.toggled-on{position:relative;top:0;left:auto!important;right:auto!important;width:100%;pointer-events:auto;height:auto;opacity:1;display:block}.secondary-navigation.toggled .main-nav>ul{display:block}.secondary-navigation.toggled .main-nav .sf-menu>li{float:none;clear:both;display:block!important;text-align:left!important}.secondary-navigation.toggled .main-nav .sf-menu>li.hide-on-mobile{display:none!important}.secondary-navigation.toggled .dropdown-menu-toggle:before{content:"\f107"!important}.secondary-navigation.toggled .sfHover>a .dropdown-menu-toggle:before{content:"\f106"!important}.secondary-navigation.toggled .menu-item-has-children .dropdown-menu-toggle{float:right}.dropdown-hover .secondary-navigation.toggled ul li.sfHover>ul,.dropdown-hover .secondary-navigation.toggled ul li:hover>ul{transition-delay:0s}.rtl .secondary-navigation.toggled .main-nav .sf-menu>li{text-align:right!important}@media (max-width:768px){.secondary-navigation .menu-toggle{display:block}.secondary-navigation ul,.secondary-navigation:not(.toggled) .main-nav>ul{display:none}.secondary-navigation.toggled .main-nav{flex-basis:100%;order:3}.secondary-nav-aligned-left .secondary-navigation.has-top-bar .menu-toggle{text-align:left}.secondary-nav-aligned-left .secondary-navigation .top-bar{order:2}.secondary-nav-aligned-right .secondary-navigation.has-top-bar .menu-toggle{text-align:right}.secondary-navigation.has-top-bar .top-bar .inside-top-bar .widget{margin:0 20px}.secondary-nav-aligned-center .secondary-navigation .top-bar{flex-basis:100%}.secondary-nav-float-right .secondary-navigation{margin-left:0;width:100%;margin-top:1.5em}.secondary-nav-float-right .header-widget{margin-left:auto}.secondary-nav-float-left .multi-navigation-wrapper,.secondary-nav-float-left .secondary-navigation{margin-left:0;width:100%;margin-top:1.5em}.secondary-nav-float-left:not(.nav-float-right) .header-widget{margin-left:auto;margin-right:auto;order:unset}.secondary-nav-float-left .site-branding,.secondary-nav-float-left .site-logo{order:unset}.secondary-navigation.has-menu-bar-items .inside-navigation,.secondary-navigation.has-top-bar .inside-navigation{justify-content:space-between}}
|
||||
@ -0,0 +1,377 @@
|
||||
.secondary-navigation {
|
||||
z-index: 99;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.secondary-navigation .inside-navigation {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.secondary-navigation ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.secondary-navigation li {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.secondary-navigation a {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.secondary-navigation ul ul {
|
||||
display: block;
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
|
||||
float: left;
|
||||
position: absolute;
|
||||
left: -99999px;
|
||||
opacity: 0;
|
||||
z-index: 99999;
|
||||
width: 200px;
|
||||
text-align: left;
|
||||
top: auto;
|
||||
transition: opacity 80ms linear;
|
||||
transition-delay: 0s;
|
||||
pointer-events: none;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.secondary-navigation ul ul li {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.secondary-navigation ul ul li a {
|
||||
line-height: normal;
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
.secondary-navigation.sub-menu-left ul ul {
|
||||
box-shadow: -1px 1px 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.secondary-navigation.sub-menu-left .sub-menu {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.secondary-navigation .main-nav > ul {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.secondary-navigation .main-nav ul ul li a {
|
||||
line-height: normal;
|
||||
font-size: 12px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.secondary-navigation .main-nav ul li.menu-item-has-children > a {
|
||||
padding-right: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.secondary-navigation .main-nav ul li a {
|
||||
font-family: inherit;
|
||||
font-weight: normal;
|
||||
text-transform: none;
|
||||
font-size: 13px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
.secondary-navigation .menu-toggle {
|
||||
font-family: inherit;
|
||||
font-weight: normal;
|
||||
text-transform: none;
|
||||
font-size: 13px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
line-height: 40px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.secondary-navigation .menu-item-has-children .dropdown-menu-toggle {
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.secondary-navigation .menu-item-has-children ul .dropdown-menu-toggle {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
||||
.secondary-navigation .secondary-menu-bar-items {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.secondary-navigation .menu-bar-item {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.secondary-navigation .menu-bar-item.search-item {
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
.secondary-navigation .menu-bar-item > a {
|
||||
font-family: inherit;
|
||||
font-weight: normal;
|
||||
text-transform: none;
|
||||
font-size: 13px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
.dropdown-hover .secondary-navigation:not(.toggled) ul li:hover > ul,
|
||||
.dropdown-hover .secondary-navigation:not(.toggled) ul li.sfHover > ul {
|
||||
left: auto;
|
||||
opacity: 1;
|
||||
transition-delay: 150ms;
|
||||
pointer-events: auto;
|
||||
height: auto;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.dropdown-hover .secondary-navigation:not(.toggled) ul ul li:hover > ul,
|
||||
.dropdown-hover .secondary-navigation:not(.toggled) ul ul li.sfHover > ul {
|
||||
left: 100%;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.dropdown-hover .secondary-navigation.sub-menu-left:not(.toggled) ul ul li:hover > ul,
|
||||
.dropdown-hover .secondary-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover > ul {
|
||||
right: 100%;
|
||||
top: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.secondary-nav-float-right .header-widget {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.secondary-nav-float-right .secondary-navigation {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.secondary-nav-float-right .secondary-navigation .main-nav ul ul li a {
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.secondary-nav-float-right .secondary-navigation ul ul ul {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.secondary-nav-float-right .multi-navigation-wrapper {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.secondary-nav-float-left .secondary-navigation,
|
||||
.secondary-nav-float-left .multi-navigation-wrapper {
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.secondary-nav-float-left .site-logo,
|
||||
.secondary-nav-float-left .site-branding {
|
||||
order: 5;
|
||||
}
|
||||
|
||||
.secondary-nav-float-left:not(.nav-float-right) .header-widget {
|
||||
order: -10;
|
||||
margin-left: 0;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.secondary-nav-float-left.nav-float-right .site-branding,
|
||||
.secondary-nav-float-left.nav-float-right .site-logo {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.secondary-nav-float-left.nav-float-right .inside-header .main-navigation,
|
||||
.secondary-nav-float-left.nav-float-right .header-widget {
|
||||
order: 10;
|
||||
}
|
||||
|
||||
.secondary-nav-float-right.nav-float-left .secondary-navigation {
|
||||
order: 10;
|
||||
}
|
||||
|
||||
.multi-navigation-wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.widget-area .secondary-navigation li {
|
||||
display: block;
|
||||
float: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.widget-area .secondary-navigation ul ul {
|
||||
left: 100%;
|
||||
top: 0;
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.secondary-nav-aligned-right .secondary-navigation .inside-navigation {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.secondary-nav-aligned-right.rtl .secondary-navigation .inside-navigation {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.secondary-nav-aligned-center .secondary-navigation .inside-navigation {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.secondary-nav-aligned-center .secondary-navigation .main-nav > ul {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.secondary-nav-aligned-left.rtl .secondary-navigation .inside-navigation {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.dropdown-click .secondary-navigation ul ul {
|
||||
visibility: hidden;
|
||||
float: none;
|
||||
}
|
||||
|
||||
.dropdown-click .secondary-navigation ul.toggled-on,
|
||||
.dropdown-click .secondary-navigation ul li.sfHover > ul.toggled-on {
|
||||
left: auto;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
pointer-events: auto;
|
||||
height: auto;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.dropdown-click .secondary-navigation ul ul ul.toggled-on {
|
||||
left: 0;
|
||||
top: auto;
|
||||
position: relative;
|
||||
box-shadow: none;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.dropdown-click .secondary-navigation ul ul li:last-child > ul.toggled-on {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.dropdown-click .widget-area .secondary-navigation ul ul {
|
||||
top: auto;
|
||||
position: absolute;
|
||||
float: none;
|
||||
width: 100%;
|
||||
left: -99999px;
|
||||
}
|
||||
|
||||
.dropdown-click .widget-area .secondary-navigation ul ul.toggled-on {
|
||||
position: relative;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.both-right .widget-area .secondary-navigation ul ul,
|
||||
.right-sidebar .widget-area .secondary-navigation ul ul,
|
||||
.both-sidebars .widget-area .inside-right-sidebar .secondary-navigation ul ul {
|
||||
left: auto;
|
||||
right: 100%;
|
||||
}
|
||||
|
||||
.dropdown-click.both-right .widget-area .secondary-navigation ul ul,
|
||||
.dropdown-click.right-sidebar .widget-area .secondary-navigation ul ul,
|
||||
.dropdown-click.both-sidebars .widget-area .inside-right-sidebar .secondary-navigation ul ul {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.dropdown-hover .widget-area .secondary-navigation:not(.toggled) ul li:hover ul,
|
||||
.dropdown-hover .widget-area .secondary-navigation:not(.toggled) ul li.sfHover > ul {
|
||||
top: 0;
|
||||
left: 100%;
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.dropdown-hover.both-right .widget-area .secondary-navigation:not(.toggled) ul li:hover ul,
|
||||
.dropdown-hover.both-right .widget-area .secondary-navigation:not(.toggled) ul li.sfHover ul,
|
||||
.dropdown-hover.right-sidebar .widget-area .secondary-navigation:not(.toggled) ul li:hover ul,
|
||||
.dropdown-hover.right-sidebar .widget-area .secondary-navigation:not(.toggled) ul li.sfHover ul,
|
||||
.dropdown-hover.both-sidebars .widget-area .inside-right-sidebar .secondary-navigation:not(.toggled) ul li:hover ul,
|
||||
.dropdown-hover.both-sidebars .widget-area .inside-right-sidebar .secondary-navigation:not(.toggled) ul li.sfHover ul {
|
||||
right: 100%;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.rtl .secondary-navigation ul ul {
|
||||
float: right;
|
||||
left: auto;
|
||||
right: 0;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.rtl .secondary-navigation ul ul ul {
|
||||
left: auto;
|
||||
right: 100%;
|
||||
}
|
||||
|
||||
.rtl .secondary-navigation .menu-item-has-children ul .dropdown-menu-toggle {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* Top bar */
|
||||
.secondary-navigation.has-top-bar .menu-toggle, .secondary-navigation.has-menu-bar-items .menu-toggle {
|
||||
flex-grow: 0;
|
||||
}
|
||||
|
||||
.secondary-navigation .top-bar {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.secondary-navigation .top-bar a {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.secondary-navigation .inside-top-bar {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.secondary-nav-aligned-right .secondary-navigation .top-bar {
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.secondary-nav-aligned-right .secondary-navigation .top-bar .inside-top-bar .widget {
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
.secondary-nav-aligned-left .secondary-navigation .top-bar {
|
||||
order: 2;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.secondary-nav-aligned-left .secondary-navigation .top-bar .inside-top-bar .widget {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.secondary-nav-aligned-center .secondary-navigation.has-top-bar .inside-top-bar {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.secondary-nav-aligned-center .secondary-navigation.has-top-bar .inside-navigation {
|
||||
display: block;
|
||||
}
|
||||
1
wp-content/upgrade-temp-backup/plugins/gp-premium/secondary-nav/functions/css/main.min.css
vendored
Normal file
1
wp-content/upgrade-temp-backup/plugins/gp-premium/secondary-nav/functions/css/main.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -0,0 +1,97 @@
|
||||
.secondary-navigation.toggled ul ul {
|
||||
transition: 0s;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.secondary-navigation.toggled ul ul.toggled-on {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.secondary-navigation.toggled .main-nav ul ul {
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.secondary-navigation.toggled .main-nav ul ul.toggled-on {
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: auto !important;
|
||||
right: auto !important;
|
||||
width: 100%;
|
||||
pointer-events: auto;
|
||||
height: auto;
|
||||
opacity: 1;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.secondary-navigation.toggled .main-nav > ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.secondary-navigation.toggled .main-nav .sf-menu > li {
|
||||
float: none;
|
||||
clear: both;
|
||||
display: block !important;
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
.secondary-navigation.toggled .main-nav .sf-menu > li.hide-on-mobile {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.secondary-navigation.toggled .dropdown-menu-toggle:before {
|
||||
content: "\f107" !important;
|
||||
}
|
||||
|
||||
.secondary-navigation.toggled .sfHover > a .dropdown-menu-toggle:before {
|
||||
content: "\f106" !important;
|
||||
}
|
||||
|
||||
.secondary-navigation.toggled .menu-item-has-children .dropdown-menu-toggle {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.secondary-navigation.toggled .sf-menu > li.menu-item-float-right {
|
||||
float: none !important;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.dropdown-hover .secondary-navigation.toggled ul li:hover > ul,
|
||||
.dropdown-hover .secondary-navigation.toggled ul li.sfHover > ul {
|
||||
transition-delay: 0s;
|
||||
}
|
||||
|
||||
.rtl .secondary-navigation.toggled .main-nav .sf-menu > li {
|
||||
text-align: right !important;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.secondary-nav-float-left .inside-header .secondary-navigation {
|
||||
float: none;
|
||||
}
|
||||
.secondary-navigation .menu-toggle {
|
||||
display: block;
|
||||
}
|
||||
.secondary-navigation ul {
|
||||
display: none;
|
||||
}
|
||||
.secondary-nav-aligned-left .secondary-navigation .top-bar {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
.secondary-nav-aligned-left .secondary-navigation .top-bar + .menu-toggle {
|
||||
text-align: left;
|
||||
}
|
||||
.secondary-nav-aligned-right .secondary-navigation .top-bar {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
}
|
||||
.secondary-nav-aligned-right .secondary-navigation .top-bar + .menu-toggle {
|
||||
text-align: right;
|
||||
}
|
||||
.secondary-nav-aligned-center .secondary-navigation .top-bar + .menu-toggle + div {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1 @@
|
||||
.secondary-navigation.toggled ul ul{transition:0s;visibility:hidden}.secondary-navigation.toggled ul ul.toggled-on{visibility:visible}.secondary-navigation.toggled .main-nav ul ul{position:relative;top:0;left:0;width:100%}.secondary-navigation.toggled .main-nav ul ul.toggled-on{position:relative;top:0;left:auto!important;right:auto!important;width:100%;pointer-events:auto;height:auto;opacity:1;display:block}.secondary-navigation.toggled .main-nav>ul{display:block}.secondary-navigation.toggled .main-nav .sf-menu>li{float:none;clear:both;display:block!important;text-align:left!important}.secondary-navigation.toggled .main-nav .sf-menu>li.hide-on-mobile{display:none!important}.secondary-navigation.toggled .dropdown-menu-toggle:before{content:"\f107"!important}.secondary-navigation.toggled .sfHover>a .dropdown-menu-toggle:before{content:"\f106"!important}.secondary-navigation.toggled .menu-item-has-children .dropdown-menu-toggle{float:right}.secondary-navigation.toggled .sf-menu>li.menu-item-float-right{float:none!important;display:inline-block}.dropdown-hover .secondary-navigation.toggled ul li.sfHover>ul,.dropdown-hover .secondary-navigation.toggled ul li:hover>ul{transition-delay:0s}.rtl .secondary-navigation.toggled .main-nav .sf-menu>li{text-align:right!important}@media (max-width:768px){.secondary-nav-float-left .inside-header .secondary-navigation{float:none}.secondary-navigation .menu-toggle{display:block}.secondary-navigation ul{display:none}.secondary-nav-aligned-left .secondary-navigation .top-bar{position:absolute;right:0}.secondary-nav-aligned-left .secondary-navigation .top-bar+.menu-toggle{text-align:left}.secondary-nav-aligned-right .secondary-navigation .top-bar{position:absolute;left:0}.secondary-nav-aligned-right .secondary-navigation .top-bar+.menu-toggle{text-align:right}.secondary-nav-aligned-center .secondary-navigation .top-bar+.menu-toggle+div{display:block}}
|
||||
@ -0,0 +1,337 @@
|
||||
.secondary-navigation {
|
||||
clear: both;
|
||||
z-index: 99;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.secondary-navigation ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.secondary-navigation li {
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.secondary-navigation a {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.secondary-navigation ul ul {
|
||||
display: block;
|
||||
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
|
||||
float: left;
|
||||
position: absolute;
|
||||
left: -99999px;
|
||||
opacity: 0;
|
||||
z-index: 99999;
|
||||
width: 200px;
|
||||
text-align: left;
|
||||
top: auto;
|
||||
transition: opacity 80ms linear;
|
||||
transition-delay: 0s;
|
||||
pointer-events: none;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.secondary-navigation ul ul li {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.secondary-navigation ul ul li a {
|
||||
line-height: normal;
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
.secondary-navigation.sub-menu-left .sub-menu {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.secondary-navigation .main-nav ul ul li a {
|
||||
line-height: normal;
|
||||
font-size: 12px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.secondary-navigation .main-nav ul li.menu-item-has-children > a {
|
||||
padding-right: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.secondary-navigation .main-nav ul li a {
|
||||
font-family: inherit;
|
||||
font-weight: normal;
|
||||
text-transform: none;
|
||||
font-size: 13px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
.secondary-navigation .menu-toggle {
|
||||
font-family: inherit;
|
||||
font-weight: normal;
|
||||
text-transform: none;
|
||||
font-size: 13px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
line-height: 40px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.secondary-navigation .menu-item-has-children .dropdown-menu-toggle {
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.secondary-navigation .menu-item-has-children ul .dropdown-menu-toggle {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
||||
.dropdown-hover .secondary-navigation:not(.toggled) ul li:hover > ul,
|
||||
.dropdown-hover .secondary-navigation:not(.toggled) ul li.sfHover > ul {
|
||||
left: auto;
|
||||
opacity: 1;
|
||||
transition-delay: 150ms;
|
||||
pointer-events: auto;
|
||||
height: auto;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.dropdown-hover .secondary-navigation:not(.toggled) ul ul li:hover > ul,
|
||||
.dropdown-hover .secondary-navigation:not(.toggled) ul ul li.sfHover > ul {
|
||||
left: 100%;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.dropdown-hover .secondary-navigation.sub-menu-left:not(.toggled) ul ul li:hover > ul,
|
||||
.dropdown-hover .secondary-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover > ul {
|
||||
right: 100%;
|
||||
top: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.secondary-nav-float-right .secondary-navigation {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.secondary-nav-float-right .secondary-navigation .main-nav ul ul li a {
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.secondary-nav-float-right .secondary-navigation ul ul ul {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.secondary-nav-float-left .inside-header .secondary-navigation {
|
||||
float: left;
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.secondary-nav-float-left .inside-header:after {
|
||||
clear: both;
|
||||
content: '';
|
||||
display: table;
|
||||
}
|
||||
|
||||
.secondary-nav-float-left:not(.nav-float-right) .inside-header .site-branding,
|
||||
.secondary-nav-float-left:not(.nav-float-right) .inside-header .site-logo {
|
||||
float: right;
|
||||
clear: right;
|
||||
}
|
||||
|
||||
.secondary-nav-float-left.nav-float-right .inside-header .site-branding,
|
||||
.secondary-nav-float-left.nav-float-right .inside-header .site-logo {
|
||||
float: none;
|
||||
clear: none;
|
||||
}
|
||||
|
||||
.secondary-nav-float-left.nav-float-right .site-header {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.secondary-nav-float-right.nav-float-left .inside-header .site-branding,
|
||||
.secondary-nav-float-right.nav-float-left .inside-header .site-logo {
|
||||
float: none;
|
||||
clear: none;
|
||||
}
|
||||
|
||||
.secondary-nav-float-right.nav-float-left .site-header {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.widget-area .secondary-navigation li {
|
||||
display: block;
|
||||
float: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.widget-area .secondary-navigation ul ul {
|
||||
left: 100%;
|
||||
top: 0;
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.both-right .widget-area .secondary-navigation ul ul,
|
||||
.right-sidebar .widget-area .secondary-navigation ul ul,
|
||||
.both-sidebars .widget-area .inside-right-sidebar .secondary-navigation ul ul {
|
||||
left: auto;
|
||||
right: 100%;
|
||||
}
|
||||
|
||||
.secondary-nav-aligned-right.secondary-nav-below-header .secondary-navigation .sf-menu > li,
|
||||
.secondary-nav-aligned-right.secondary-nav-above-header .secondary-navigation .sf-menu > li,
|
||||
.secondary-nav-aligned-center.secondary-nav-below-header .secondary-navigation .sf-menu > li,
|
||||
.secondary-nav-aligned-center.secondary-nav-above-header .secondary-navigation .sf-menu > li {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.secondary-nav-aligned-right .secondary-navigation ul.secondary-menu,
|
||||
.secondary-nav-aligned-center .secondary-navigation ul.secondary-menu {
|
||||
font-size: 0px;
|
||||
}
|
||||
|
||||
.secondary-nav-aligned-left.secondary-nav-below-header .secondary-navigation,
|
||||
.secondary-nav-aligned-left.secondary-nav-above-header .secondary-navigation {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.secondary-nav-aligned-left.secondary-nav-below-header .secondary-navigation:after,
|
||||
.secondary-nav-aligned-left.secondary-nav-above-header .secondary-navigation:after {
|
||||
clear: both;
|
||||
content: '';
|
||||
display: table;
|
||||
}
|
||||
|
||||
.secondary-nav-aligned-center.secondary-nav-below-header .secondary-navigation,
|
||||
.secondary-nav-aligned-center.secondary-nav-above-header .secondary-navigation {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.secondary-nav-aligned-right.secondary-nav-below-header .secondary-navigation,
|
||||
.secondary-nav-aligned-right.secondary-nav-above-header .secondary-navigation {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.dropdown-click .secondary-navigation ul ul {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.dropdown-click .secondary-navigation ul.toggled-on,
|
||||
.dropdown-click .secondary-navigation ul li.sfHover > ul.toggled-on {
|
||||
left: auto;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
pointer-events: auto;
|
||||
height: auto;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.dropdown-click .secondary-navigation ul ul ul.toggled-on {
|
||||
left: 0;
|
||||
top: auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dropdown-click .widget-area .secondary-navigation ul ul {
|
||||
top: auto;
|
||||
position: absolute;
|
||||
float: none;
|
||||
width: 100%;
|
||||
left: -99999px;
|
||||
}
|
||||
|
||||
.dropdown-click .widget-area .secondary-navigation ul ul.toggled-on {
|
||||
position: relative;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.dropdown-click.both-right .widget-area .secondary-navigation ul ul,
|
||||
.dropdown-click.right-sidebar .widget-area .secondary-navigation ul ul,
|
||||
.dropdown-click.both-sidebars .widget-area .inside-right-sidebar .secondary-navigation ul ul {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.dropdown-hover .widget-area .secondary-navigation:not(.toggled) ul li:hover ul,
|
||||
.dropdown-hover .widget-area .secondary-navigation:not(.toggled) ul li.sfHover > ul {
|
||||
top: 0;
|
||||
left: 100%;
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.dropdown-hover.both-right .widget-area .secondary-navigation:not(.toggled) ul li:hover ul,
|
||||
.dropdown-hover.both-right .widget-area .secondary-navigation:not(.toggled) ul li.sfHover ul,
|
||||
.dropdown-hover.right-sidebar .widget-area .secondary-navigation:not(.toggled) ul li:hover ul,
|
||||
.dropdown-hover.right-sidebar .widget-area .secondary-navigation:not(.toggled) ul li.sfHover ul,
|
||||
.dropdown-hover.both-sidebars .widget-area .inside-right-sidebar .secondary-navigation:not(.toggled) ul li:hover ul,
|
||||
.dropdown-hover.both-sidebars .widget-area .inside-right-sidebar .secondary-navigation:not(.toggled) ul li.sfHover ul {
|
||||
right: 100%;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.rtl .secondary-navigation ul ul {
|
||||
float: right;
|
||||
left: auto;
|
||||
right: 0;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.rtl .secondary-navigation ul ul ul {
|
||||
left: auto;
|
||||
right: 100%;
|
||||
}
|
||||
|
||||
.rtl .secondary-navigation .menu-item-has-children ul .dropdown-menu-toggle {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* Top bar */
|
||||
.secondary-navigation .top-bar {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.secondary-navigation .inside-top-bar {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.secondary-navigation .top-bar a {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.secondary-nav-aligned-right .secondary-navigation .top-bar {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.secondary-nav-aligned-right .secondary-navigation .top-bar .inside-top-bar .widget {
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
.secondary-nav-aligned-left .secondary-navigation .top-bar {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.secondary-nav-aligned-left .secondary-navigation .top-bar .inside-top-bar .widget {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.secondary-nav-aligned-center .secondary-navigation .top-bar,
|
||||
.secondary-nav-aligned-center .secondary-navigation .top-bar + .menu-toggle + div {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.secondary-nav-aligned-center .secondary-navigation .top-bar .widget:not(:first-child) {
|
||||
margin-left: 10px;
|
||||
}
|
||||
1
wp-content/upgrade-temp-backup/plugins/gp-premium/secondary-nav/functions/css/style.min.css
vendored
Normal file
1
wp-content/upgrade-temp-backup/plugins/gp-premium/secondary-nav/functions/css/style.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,77 @@
|
||||
(function( $ ){
|
||||
/**
|
||||
* Navigation width
|
||||
*/
|
||||
wp.customize( 'generate_secondary_nav_settings[secondary_nav_layout_setting]', function( value ) {
|
||||
value.bind( function( newval ) {
|
||||
var navLocation = wp.customize.value('generate_secondary_nav_settings[secondary_nav_position_setting]')();
|
||||
|
||||
if ( 'secondary-fluid-nav' == newval ) {
|
||||
$( '.secondary-navigation' ).removeClass( 'grid-container' ).removeClass( 'grid-parent' );
|
||||
if ( 'full-width' !== wp.customize.value('generate_secondary_nav_settings[secondary_nav_inner_width]')() ) {
|
||||
$( '.secondary-navigation .inside-navigation' ).addClass( 'grid-container' ).addClass( 'grid-parent' );
|
||||
}
|
||||
}
|
||||
if ( 'secondary-contained-nav' == newval ) {
|
||||
if ( generateSecondaryNav.isFlex && ( 'secondary-nav-float-right' === navLocation || 'secondary-nav-float-left' === navLocation ) ) {
|
||||
return;
|
||||
}
|
||||
|
||||
jQuery( '.secondary-navigation' ).addClass( 'grid-container' ).addClass( 'grid-parent' );
|
||||
jQuery( '.secondary-navigation .inside-navigation' ).removeClass( 'grid-container' ).removeClass( 'grid-parent' );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
|
||||
/**
|
||||
* Inner navigation width
|
||||
*/
|
||||
wp.customize( 'generate_secondary_nav_settings[secondary_nav_inner_width]', function( value ) {
|
||||
value.bind( function( newval ) {
|
||||
if ( 'full-width' == newval ) {
|
||||
$( '.secondary-navigation .inside-navigation' ).removeClass( 'grid-container' ).removeClass( 'grid-parent' );
|
||||
}
|
||||
if ( 'contained' == newval ) {
|
||||
$( '.secondary-navigation .inside-navigation' ).addClass( 'grid-container' ).addClass( 'grid-parent' );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
|
||||
wp.customize( 'generate_secondary_nav_settings[secondary_nav_alignment]', function( value ) {
|
||||
value.bind( function( newval ) {
|
||||
var classes = [ 'secondary-nav-aligned-left', 'secondary-nav-aligned-center', 'secondary-nav-aligned-right' ];
|
||||
$.each( classes, function( i, v ) {
|
||||
$( 'body' ).removeClass( v );
|
||||
});
|
||||
$( 'body' ).addClass( 'secondary-nav-aligned-' + newval );
|
||||
} );
|
||||
} );
|
||||
|
||||
wp.customize( 'generate_secondary_nav_settings[secondary_menu_item]', function( value ) {
|
||||
value.bind( function( newval ) {
|
||||
jQuery( 'head' ).append( '<style id="secondary_menu_item">.secondary-navigation .main-nav ul li a, .secondary-navigation .menu-toggle, .secondary-menu-bar-items .menu-bar-item > a{padding: 0 ' + newval + 'px;}.secondary-navigation .menu-item-has-children .dropdown-menu-toggle{padding-right:' + newval + 'px;}</style>' );
|
||||
setTimeout(function() {
|
||||
jQuery( 'style#secondary_menu_item' ).not( ':last' ).remove();
|
||||
}, 50);
|
||||
} );
|
||||
} );
|
||||
|
||||
wp.customize( 'generate_secondary_nav_settings[secondary_menu_item_height]', function( value ) {
|
||||
value.bind( function( newval ) {
|
||||
jQuery( 'head' ).append( '<style id="secondary_menu_item_height">.secondary-navigation .main-nav ul li a, .secondary-navigation .menu-toggle, .secondary-navigation .top-bar, .secondary-navigation .menu-bar-item > a{line-height: ' + newval + 'px;}.secondary-navigation ul ul{top:' + newval + 'px;}</style>' );
|
||||
setTimeout(function() {
|
||||
jQuery( 'style#secondary_menu_item_height' ).not( ':last' ).remove();
|
||||
}, 50);
|
||||
} );
|
||||
} );
|
||||
|
||||
wp.customize( 'generate_secondary_nav_settings[secondary_sub_menu_item_height]', function( value ) {
|
||||
value.bind( function( newval ) {
|
||||
jQuery( 'head' ).append( '<style id="secondary_sub_menu_item_height">.secondary-navigation .main-nav ul ul li a{padding-top: ' + newval + 'px;padding-bottom: ' + newval + 'px;}</style>' );
|
||||
setTimeout(function() {
|
||||
jQuery( 'style#secondary_sub_menu_item_height' ).not( ':last' ).remove();
|
||||
}, 50);
|
||||
} );
|
||||
} );
|
||||
|
||||
})( jQuery );
|
||||
@ -0,0 +1,23 @@
|
||||
<?php
|
||||
/**
|
||||
* The Secondary Nav module.
|
||||
*
|
||||
* @since 1.0.0
|
||||
*
|
||||
* @package GP Premium
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // No direct access, please.
|
||||
}
|
||||
|
||||
// Define the version.
|
||||
if ( ! defined( 'GENERATE_SECONDARY_NAV_VERSION' ) ) {
|
||||
define( 'GENERATE_SECONDARY_NAV_VERSION', GP_PREMIUM_VERSION );
|
||||
}
|
||||
|
||||
// Include functions identical between standalone addon and GP Premium.
|
||||
require plugin_dir_path( __FILE__ ) . 'functions/functions.php';
|
||||
|
||||
// Include secondary navigation color fields.
|
||||
require plugin_dir_path( __FILE__ ) . 'fields/secondary-navigation.php';
|
||||
Reference in New Issue
Block a user