From 92eb526250222039fae84fc4c66776d6a2061c2f Mon Sep 17 00:00:00 2001 From: Thuan Bui Date: Tue, 17 Oct 2017 12:23:15 +0700 Subject: [PATCH] udpate custom.css for UberMenu --- .DS_Store | Bin 0 -> 8196 bytes functions.php | 7 +- ubermenu.css | 182 ++++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 186 insertions(+), 3 deletions(-) create mode 100644 .DS_Store create mode 100644 ubermenu.css diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..bc001130510923e6e1b1353443df750be78ead19 GIT binary patch literal 8196 zcmeHMO>fgc5Pb_3N}5nnAw-Wpa!Dl4T-=fhkob_w4}iomq}0?=n$U9dh5x``;P>$Z z;LYp`ytZ@Tf~c5{cHhRHw=?@@o$a~++|g$K5I6wPV->tJVAE0LzSLH^5w6@NI`V;2 zd_s;9mMB}+cEJ=d1xx``z!WeA{sjfNXG`gA+4ucjYfS-D;J;KrejgH6!8BmyQGYtv z=n;Up!^>LO=Q%(*Nx(E<VoId1D!xZo7 zuQNXPrNO;T?uN{aT$$B5W9?>sZ!ib+vY{4Bj&Mp8j~`ld6g|Gy^ytx6ycOim$?4Lh zZr`Wnlnn9Z=ha}S8g<5y)}@a9hT2I_qU`kKu4<9(t8y96f}astB_loa^Ac?uc@QmQ z&!YYB5mb*3o+w%8^>M;{A7X+R#Ey*1s&c(rth>z8l(Spv%*ME4zlfs)S69T@BPZiJ z$@!5iFBsWcb4_()u4o!@`?O!#aQMF3d)E zVWRE-)WwP^aGeym>4QCx^Z)Vo_y5;vN*1drU<&-90&ZvWdU8aP?&=+6+2s?~x2#gc nuJWi9Hqjpf{Qm17hU_Oa6;2wk^2jSJ_98%Ku*MYls|x%CQ^zM8 literal 0 HcmV?d00001 diff --git a/functions.php b/functions.php index 1a82f18..feef442 100644 --- a/functions.php +++ b/functions.php @@ -257,17 +257,17 @@ function business_scripts_styles() { // Enqueue WooCommerce styles conditionally. if ( class_exists( 'WooCommerce' ) && ( is_woocommerce() || is_front_page() || is_shop() || is_product_category() || is_product_tag() || is_product() || is_cart() || is_checkout() || is_account_page() ) ) { - wp_enqueue_style( 'business-woocommerce', get_stylesheet_directory_uri() . '/assets/styles/min/woocommerce.min.css', array(), CHILD_THEME_VERSION ); + wp_enqueue_style( 'ycb-woocommerce', get_stylesheet_directory_uri() . '/assets/styles/min/woocommerce.min.css', array(), CHILD_THEME_VERSION ); } // Enqueue theme scripts. wp_enqueue_script( 'ycb', get_stylesheet_directory_uri() . '/assets/scripts/min/ycb.min.js', array( 'jquery' ), CHILD_THEME_VERSION, true ); // Enqueue responsive menu script. - wp_enqueue_script( 'business-menu', get_stylesheet_directory_uri() . '/assets/scripts/min/menus.min.js', array( 'jquery' ), CHILD_THEME_VERSION, true ); + wp_enqueue_script( 'ycb-menu', get_stylesheet_directory_uri() . '/assets/scripts/min/menus.min.js', array( 'jquery' ), CHILD_THEME_VERSION, true ); // Localize responsive menus script. - wp_localize_script( 'business-menu', 'genesis_responsive_menu', array( + wp_localize_script( 'ycb-menu', 'genesis_responsive_menu', array( 'mainMenu' => __( 'Menu', 'ycb' ), 'subMenu' => __( 'Menu', 'ycb' ), 'menuIconClass' => null, @@ -303,6 +303,7 @@ function ycb_do_header() { if( function_exists( 'ubermenu' ) ) { ubermenu( 'main' , array( 'menu' => 16 ) ); + wp_enqueue_style( 'ycb-ubermenu', get_stylesheet_directory_uri() . '/ubermenu.css', array(), CHILD_THEME_VERSION ); } genesis_markup( array( diff --git a/ubermenu.css b/ubermenu.css new file mode 100644 index 0000000..b442d9c --- /dev/null +++ b/ubermenu.css @@ -0,0 +1,182 @@ +/* + * Custom Skin Sample + * + * These styles apply when the skin is set to "None". To apply to do different skin, replace the .ubermenu-skin-none prefix with the appropriate skin. + * To apply to all menus, replace .ubermenu-skin-none with just .ubermenu + */ +/* UberMenu - Copyright 2011-2014, SevenSpark */ + + +/* General settings for the skin */ +.ubermenu-skin-none { + font-size: 14px; + font-family: 'Roboto Condensed', sans-serif; + } + + /* Menu Item Links in general */ + .ubermenu-skin-none .ubermenu-target { + color: #555555; + padding: 23px 20px; + } + + /* Menu Item Descriptions */ + .ubermenu-skin-none .ubermenu-target-description { + color: #aaaaaa; + } + + /* Responsive Toggle */ + .ubermenu-skin-none.ubermenu-responsive-toggle { + background: #222222; + color: #eeeeee; + font-size: 12px; + text-transform: uppercase; + font-weight: bold; + } + /* Responsive Toggle - Hover */ + .ubermenu-skin-none.ubermenu-responsive-toggle:hover { + background: #111111; + color: #ffffff; + } + + /* Menu Bar */ + .ubermenu-skin-none { + border: none; + /* background: #222222; */ + } + + /* Current Top Level Menu Item */ + .ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, + .ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, + .ubermenu-skin-none .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target { + /* color: #ffffff; */ + /* background: #000000; */ + } + + /* Top Level Highlight */ + .ubermenu-skin-none .ubermenu-item.ubermenu-item-level-0 > .ubermenu-highlight { + color: #4d90fe; + background: transparent; + } + + /* Vertical Orientation Menu Item Backrounds */ + .ubermenu-skin-none.ubermenu-vertical .ubermenu-item-level-0 > .ubermenu-target { + background: #222222; + } + + /* Top Level Items */ + .ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-target { + font-weight: 700; + color: #555; + text-transform: uppercase; + border-left: none; + } + + /* The first top level item */ + .ubermenu-skin-none .ubermenu-item-level-0:first-child > .ubermenu-target { + box-shadow: none; + } + + /* Top Level Items - Hover */ + .ubermenu-skin-none .ubermenu-item-level-0:hover > .ubermenu-target, + .ubermenu-skin-none .ubermenu-item-level-0.ubermenu-active > .ubermenu-target { + /* background: #000000; */ + /* color: #ffffff; */ + } + + /* Top Level Submenu Stack Links */ + .ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-submenu-type-stack > .ubermenu-item > .ubermenu-target { + color: #d9d9d9; + } + .ubermenu-skin-none .ubermenu-item-level-0 > .ubermenu-submenu-type-stack > .ubermenu-item > .ubermenu-target:hover { + color: #ffffff; + } + + /* Submenus */ + .ubermenu-skin-none .ubermenu-submenu.ubermenu-submenu-drop { + background: rgba(255,255,255,0.95)!important; + border-top: 1px solid #e0e0e0; + } + .ubermenu-skin-none.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop { + /*border-top: none;*/ + } + + .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after { + display: none; + } + + .ubermenu .ubermenu-item .ubermenu-submenu-drop { + box-shadow: none; + } + + /* Tab Content Panel */ + .ubermenu-skin-none .ubermenu-tab-content-panel { + background: #f9f9f9; + } + + /* Submenu general text color */ + .ubermenu-skin-none .ubermenu-submenu, + .ubermenu-skin-none .ubermenu-submenu .ubermenu-target { + color: #555555; + } + + /* Submenu highlight color */ + .ubermenu-skin-none .ubermenu-submenu .ubermenu-highlight { + color: #4d90fe; + } + + /* Submenu Links */ + .ubermenu-skin-none .ubermenu-submenu .ubermenu-target:hover, + .ubermenu-skin-none .ubermenu-submenu .ubermenu-active > .ubermenu-target { + color: #111111; + } + /* Submenu Descriptions */ + .ubermenu-skin-none .ubermenu-submenu .ubermenu-target > .ubermenu-target-description { + color: #aaaaaa; + } + .ubermenu-skin-none .ubermenu-submenu .ubermenu-active > .ubermenu-target > .ubermenu-target-description { + color: #666666; + } + + /* Submenu Headers */ + .ubermenu-skin-none .ubermenu-submenu .ubermenu-item-header > .ubermenu-target { + font-weight: bold; + color: #555555; + } + /* Submenu items in a stack */ + .ubermenu-skin-none .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target { + border-bottom: 1px solid #e9e9e9; + } + /* Submenu Headers - Hover */ + .ubermenu-skin-none .ubermenu-submenu .ubermenu-item-header > .ubermenu-target:hover { + color: #222222; + } + /* Current Submenu Item */ + .ubermenu-skin-none .ubermenu-submenu .ubermenu-current-menu-item > .ubermenu-target { + color: #222222; + background: transparent; + } + /* Tab Toggle active/hover */ + .ubermenu-nojs.ubermenu-skin-none .ubermenu-submenu .ubermenu-tabs .ubermenu-tab:hover > .ubermenu-target, + .ubermenu-skin-none .ubermenu-submenu .ubermenu-tab.ubermenu-active > .ubermenu-target { + background: #eeeeee; + color: #111111; + } + /* Tabs Borders */ + .ubermenu-skin-none .ubermenu-tabs-group, + .ubermenu-skin-none .ubermenu-tab > .ubermenu-target, + .ubermenu-skin-none .ubermenu-tab-content-panel { + border-color: #eeeeee; + } + /* Submenu Border */ + .ubermenu-skin-none .ubermenu-submenu-drop { + border-bottom-width: 3px; + } + + .ubermenu .ubermenu-row { + margin-bottom: 0px; + clear: both; + } + + .ubermenu .ubermenu-custom-content-padded { + padding: 0; + } \ No newline at end of file