<?php if ( ! defined( 'ABSPATH' )  ) { die; } 
// Control core classes for avoid errors
if( class_exists( 'CSF' ) ) {

    //
    // Set a unique slug-like ID
    $prefix = 'ppo_customizer';
  
    //
    // Create customize options
    CSF::createCustomizeOptions( $prefix, array(
      'database'        => 'option',
      'transport'       => 'refresh',
      'capability'      => 'manage_options',
      'save_defaults'   => true,
      'enqueue_webfont' => true,
      'async_webfont'   => false,
      'output_css'      => true,
    ) );

    //classic经典模式设置
    CSF::createSection( $prefix, array(
      'id'    => 'classic_setting', 
      'title' => 'PPO-经典模式设置',
      'priority' => 10,
    ) );

    //全局设置
    CSF::createSection( $prefix, array(
      'id'    => 'global_setting',
      'title' => '全局设置',
      'priority' => 5,
    ) );

    //基础设置
    CSF::createSection( $prefix, array(
      'parent' => 'global_setting',
      'title'  => '基础设置',
      'fields' => array(

        array(
          'id'    => 'site_logo',
          'type'  => 'media',
          'title' => '站点LOGO(深色)',
          'library' => 'image',
        ),

        array(
          'id'    => 'site_logo_w',
          'type'  => 'media',
          'title' => '站点LOGO(浅色)',
          'library' => 'image',
        ),

        array(
          'id'          => 'logo_height',
          'type'        => 'number',
          'title'       => 'LOGO高度尺寸',
          'unit'        => 'px',
          'output'      => '.hb-logo-box a, .classic-logo a img',
          'output_mode' => 'height',
          'default'     => 32,
        ),

        array(
          'id'      => 'logo_text',
          'type'    => 'text',
          'title'   => '文字LOGO',
        ),

        array(
          'id'      => 'favicon',
          'type'    => 'media',
          'title'   => '网站图标',
          'library' => 'image',
        ),

        array(
          'id'         => 'def_thum_type',
          'type'       => 'radio',
          'title'      => '自定义缩略图类型',
          'inline'     => true,
          'options'    => array(
            'local' => '本地上传',
            'link'  => '外链',
          ),
          'default'    => 'local',
        ),

        array(
          'id'          => 'def_thum',
          'type'        => 'gallery',
          'title'       => '自定义默认缩略图',
          'add_title'   => '添加背景',
          'edit_title'  => '编辑背景',
          'clear_title' => '移除背景',
          'desc'        => '可上传多个，建议尺寸小一点',
          'dependency'  => array( 'def_thum_type', '==', 'local' ),
        ),

        array(
          'id'          => 'def_thum_link',
          'type'        => 'textarea',
          'title'       => '自定义外链缩略图',
          'desc'        => '一行一个，请保证图片源稳定',
          'dependency'  => array( 'def_thum_type', '==', 'link' ),
        ),

      ),
    ) );

    //全局样式
    CSF::createSection( $prefix, array(
      'parent' => 'global_setting',
      'title'  => '全局样式',
      'fields' => array(

        array(
          'id'                              => 'bg-c',
          'type'                            => 'background',
          'title'                           => '背景色/图案',
          'background_gradient'             => true,
          'background_origin'               => true,
          'background_clip'                 => true,
          'background_blend_mode'           => true,
          'output'                          => 'body',
          'default'                         => array(
            'background-color'              => '#f3efff',
            'background-gradient-color'     => '#e7f1ff',
            'background-gradient-direction' => '135deg',
            'background-size'               => 'cover',
            'background-position'           => 'center center',
            'background-repeat'             => 'no-repeat',
          ),
        ),

      ),
    ) );

    //页脚设置
    CSF::createSection( $prefix, array(
      'parent' => 'global_setting',
      'title'  => '页脚设置',
      'fields' => array(

        array(
          'id'      => 'footer_text',
          'type'    => 'wp_editor',
          'title'   => '页脚版权信息',
          'desc'    => '支持HTML和短代码',
          'tinymce' => true,
          'default' => '© ' . date('Y') . ' ' . get_bloginfo('name') . ' All rights reserved.',
        ),

        array(
          'id'           => 'footer_icp',
          'type'         => 'link',
          'title'        => '备案号',
          'desc'         => '填写ICP备案号及链接，显示在页脚右侧',
          'add_title'    => '添加备案号',
          'edit_title'   => '修改备案号',
          'remove_title' => '移除备案号',
        ),

        array(
          'id'      => 'footer_bg',
          'type'    => 'color',
          'title'   => '页脚背景色',
          'output'  => '.site-footer',
          'output_mode' => 'background-color',
          'default' => '#ffffff',
        ),

        array(
          'id'      => 'footer_text_color',
          'type'    => 'color',
          'title'   => '页脚文本色',
          'output'  => '.site-footer',
          'output_mode' => 'color',
          'default' => '#39364bff',
        ),

        array(
          'id'      => 'footer_widgets',
          'type'    => 'switcher',
          'title'   => '显示页脚小工具',
          'default' => true,
        ),

      ),
    ) );

    //经典模式外观设置
    CSF::createSection( $prefix, array(
      'parent' => 'classic_setting', 
      'title'  => '外观设置',
      'fields' => array(

        //侧边栏宽度
        array(
          'id'      => 'sidebar_width',
          'type'    => 'slider',
          'title'   => '侧边栏宽度',
          'min'     => 240,
          'max'     => 640,
          'step'    => 10,
          'unit'    => 'px',
          'default' => 320,
          'output'  => array('.left-widget','.right-widget'),
          'output_mode' => 'max-width',
        ),

        array(
          'id'      => 'classic_center_width',
          'type'    => 'slider',
          'title'   => '中间内容宽度',
          'min'     => 0,
          'max'     => 1920,
          'step'    => 10,
          'unit'    => 'px',
          'default' => 640,
          'output'  => array('body.classic .home-classic .center-content'),
          'output_mode' => 'max-width',
        ),

        array(
          'id'      => 'author_width',
          'type'    => 'slider',
          'title'   => '用户主页宽度',
          'min'     => 0,
          'max'     => 1920,
          'step'    => 10,
          'unit'    => 'px',
          'default' => 1280,
          'desc'    => '一般不需要修改，保持1280px就可以，特殊情况可进行适当调整'
        ),

         array(
          'id'      => 'dashboard_width',
          'type'    => 'slider',
          'title'   => '用户中心宽度',
          'min'     => 0,
          'max'     => 1920,
          'step'    => 10,
          'unit'    => 'px',
          'default' => 1280,
          'desc'    => '一般不需要修改，保持1280px就可以，特殊情况可进行适当调整'
        ),

        array(
          'id'          => 'cls_center_bg',
          'type'        => 'color',
          'title'       => '中间内容背景色',
          'output'      => '.cls-content',
          'output_mode' => 'background-color',
          'default' => '#ffffff'
          ),

        array(
          'id'          => 'cls_wid_bg',
          'type'        => 'color',
          'title'       => '左右边栏背景色',
          'output'      => '.home-classic',
          'output_mode' => 'background-color',
          'default' => '#f6f7ff'
          ),

        array(
          'id'          => 'cls_left_wid',
          'type'  => 'switcher',
          'title' => '开启左边栏',
          'default' => false,
        )  ,

        array(
          'id'          => 'cls_right_wid',
          'type'  => 'switcher',
          'title' => '开启右边栏',
          'default' => false,
        ),

    )
    ) );    

    //经典模式导航
    CSF::createSection( $prefix, array(
      'parent' => 'classic_setting', 
      'title'  => '导航设置',
      'fields' => array(

        array(
          'type'    => 'submessage',
          'style'   => 'notice',
          'class'   => 'tab-msg-w',
          'content' => '基础设置',
        ),

        array(
          'id'            => 'classic_nav_base_tab',
          'type'          => 'tabbed',
          'title'         => '',
          'class'         => 'hb-tab_warp',
          'tabs'          => array(
            array(
              'title'     => '常规',
              'fields'    => array(
                
                array(
                  'id'    => 'nav_padding',
                  'type'  => 'spacing',
                  'title' => '内边距',
                  'top'  => false,
                  'bottom' => false,
                  'units' => array( 'px' ),
                  'output'      => '.classic-header-bg',
                  'output_mode' => 'padding',
                ),

                array(
                  'id'      => 'nav_height',
                  'type'    => 'slider',
                  'title'   => '导航高度',
                  'min'     => 0,
                  'max'     => 100,
                  'step'    => 1,
                  'unit'    => 'px',
                  'default' => 72,
                  'output'  => '.classic-header',
                  'output_mode' => 'height',
                ),

              )
            ),
            array(
              'title'     => '设计',
              'fields'    => array(
                
                array(
                  'id'          => 'nav_bg',
                  'type'        => 'color',
                  'title'       => '导航背景色',
                  'output'      => '.classic-header-bg',
                  'output_mode' => 'background-color',
                  'default'     => '#ffffff',
                ),

                array(
                  'id'          => 'sticky_bg',
                  'type'        => 'color',
                  'title'       => '吸附状态背景色',
                  'output'      => '.classic-header-bg.uk-sticky-fixed',
                  'output_mode' => 'background-color',
                  'default'     => 'rgb(245 246 255 / 80%)',
                  'subtitle'    => '设置为半透状态，会有毛玻璃效果'
                ),

              )
            ),
          )
        ),

        array(
          'type'    => 'submessage',
          'style'   => 'notice',
          'class'   => 'tab-msg-w',
          'content' => 'LOGO设置',
        ),

        array(
          'id'            => 'classic_logo_tab',
          'type'          => 'tabbed',
          'title'         => '',
          'class'         => 'hb-tab_warp',
          'tabs'          => array(
            array(
              'title'     => '常规',
              'fields'    => array(
                
                array(
                  'id'         => 'classic_logo_type',
                  'type'       => 'button_set',
                  'title'      => '站点LOGO类型',
                  'options'    => array(
                    'text'  => '标题 | 描述',
                    'img' => '图像',
                  ),
                  'default'    => 'text'
                ),
        
                array(
                  'id'      => 'classic_title',
                  'type'    => 'text',
                  'title'   => '站点标题',
                  'default' => 'PIXIT',
                  'dependency' => array( 'classic_logo_type', '==', 'text' ),
                ),
        
                array(
                  'id'      => 'classic_des',
                  'type'    => 'text',
                  'title'   => '站点描述',
                  'default' => 'born for design',
                  'dependency' => array( 'classic_logo_type', '==', 'text' ),
                ),
        
                array(
                  'id'           => 'classic_logo',
                  'type'         => 'upload',
                  'title'        => '站点LOGO',
                  'library'      => 'image',
                  'placeholder'  => 'http://',
                  'button_title' => '添加LOGO',
                  'remove_title' => '移除LOGO',
                  'preview'      => true,
                  'dependency' => array( 'classic_logo_type', '==', 'img' ),
                ),
        
                array(
                  'id'      => 'classic_logo_h',
                  'type'    => 'slider',
                  'title'   => 'LOGO高度',
                  'min'     => 0,
                  'max'     => 100,
                  'step'    => 1,
                  'unit'    => 'px',
                  'default' => 42,
                  'output'  => '.classic-logo a img',
                  'output_mode' => 'height',
                  'dependency' => array( 'classic_logo_type', '==', 'img' ),
                ),

                array(
                  'id'    => 'classic_logo_mar',
                  'type'  => 'spacing',
                  'title' => '左右边距',
                  'top'  => false,
                  'bottom' => false,
                  'units' => array( 'px' ),
                  'output'      => '.classic-header .logo-area',
                  'output_mode' => 'margin',
                ),

              )
            ),
            array(
              'title'     => '设计',
              'fields'    => array(
                
                array(
                  'id'      => 'classic_title_c',
                  'type'    => 'typography',
                  'title'   => '标题样式',
                  'font_family'   => false,
                  'line_height'   => false,
                  'text_align'   => false,
                  'preview'   => false,
                  'default' => array(
                    'color'       => '#23282d',
                    'font-size'   => '15',
                    'unit'        => 'px',
                  ),
                  'output'  => '.classic-logo h4',
                ),

                array(
                  'id'      => 'classic_des_c',
                  'type'    => 'typography',
                  'title'   => '描述样式',
                  'font_family'   => false,
                  'line_height'   => false,
                  'text_align'   => false,
                  'preview'   => false,
                  'default' => array(
                    'color'       => '#23282d',
                    'font-size'   => '15',
                    'unit'        => 'px',
                  ),
                  'output'  => '.classic-logo span.des',
                ),

              )
            ),
          )
        ),

        

        array(
          'type'    => 'submessage',
          'style'   => 'notice',
          'class'   => 'tab-msg-w',
          'content' => '菜单设置',
        ),

        array(
          'id'    => 'classic_nav_on',
          'type'  => 'switcher',
          'title' => '开启菜单',
          'default' => false,
          'desc'  => '是否开启经典模式顶部菜单，此处不支持二级菜单'
          ),
  
        array(
          'id'          => 'classic_nav_id',
          'type'        => 'select',
          'title'       => '选择菜单',
          'placeholder' => '选择菜单',
          'options'     => 'menus', 
        ),

        array(
          'id'            => 'classic_nav',
          'type'          => 'tabbed',
          'title'         => '',
          'class'         => 'hb-tab_warp',
          'tabs'          => array(
            array(
              'title'     => '常规',
              'fields'    => array(
                
                array(
                  'id'        => 'classic_effects_type',
                  'type'      => 'image_select',
                  'title'     => '悬浮类型(悬浮条|悬浮块)',
                  'class'     => 'prinav',
                  'options'   => array(
                      'line' => THEME_URL .'/img/mod/tnavst1.png',
                      'boxt' => THEME_URL .'/img/mod/tnavst2.png',    
                  ),
                  'default'   => 'line',
                  ),

                  array(
                    'id'         => 'effects',
                    'type'       => 'radio',
                    'title'      => '链接悬浮效果',
                    'inline'     => true,
                    'options'    => array(
                        'normal' => '无效果',
                        'up' => '上移',
                        'bold' => '变粗',
                        'main_high' => '突出',
                    ),
                    'default'    => 'normal'
                    ),
  
                    array(
                      'id'      => 'padding',
                      'type'    => 'slider',
                      'title'   => '项目间距',
                      'min'     => 0,
                      'max'     => 100,
                      'step'    => 1,
                      'unit'    => 'px',
                      'default' => 15,
                      'output_mode' => 'padding',
                      'output'  => '.classic-nav ul li a'
                    ),

                    array(
                      'id'    => 'classic_nav_mar',
                      'type'  => 'spacing',
                      'title' => '左右边距',
                      'top'  => false,
                      'bottom' => false,
                      'units' => array( 'px' ),
                      'output'      => '.classic-header .center-area',
                      'output_mode' => 'margin',
                    ),

              )
            ),
            array(
              'title'     => '设计',
              'fields'    => array(
                
                array(
                  'id'      => 'font',
                  'type'    => 'typography',
                  'title'   => '字体样式',
                  'font_family'   => false,
                  'line_height'   => false,
                  'text_align'   => false,
                  'preview'   => false,
                  'default' => array(
                    'color'       => '#0a0000',
                    'font-size'   => '15',
                    'unit'        => 'px',
                  ),
                  'output'  => '.classic-nav ul li a',
                ),

                array(
                  'id'      => 'hover_text',
                  'type'    => 'color',
                  'title'   => '悬停',
                  'default' => '#0400ff',
                  'output'      => '.classic-nav ul li a:hover',
                  'output_mode' => 'color'
                ),

                array(
                  'id'                              => 'line_color',
                  'type'                            => 'background',
                  'title'                           => '悬浮条颜色',
                  'background_gradient'             => true,
                  'background_image'                => false,
                  'background_position'             => false,
                  'background_repeat'               => false,
                  'background_attachment'           => false,
                  'background_size'                 => false,
                  'default'                         => array(
                      'background-color'              => '#2c28ff',
                      'background-gradient-color'     => '#5697ff',
                      'background-gradient-direction' => 'to right',
                  ),
                  'output'   => '.classic-nav.line ul li a .nav-link-item:before',
                  'dependency' => array( 'classic_effects_type', '==', 'line', 'all' ),
                  ),

                  array(
                    'id'       => 'line_h',
                    'type'     => 'dimensions',
                    'title'    => '悬浮条高度',
                    'width'    => false,
                    'units'   => array('px'),
                    'default'  => array(
                        'height' => '2',
                    ),
                    'output' => '.classic-nav.line ul li a .nav-link-item:before',
                    'dependency' => array( 'classic_effects_type', '==', 'line', 'all' ),
                    ),

                  array(
                    'id'    => 'line_top',
                    'type'  => 'spacing',
                    'title' => '悬浮条顶部距离',
                    'left'  => false,
                    'right' => false,
                    'bottom' => false,
                    'default'     => array(
                        'top'       => '70',
                        'unit'     => '%',
                    ),
                    'output_mode' => 'relative',
                    'output' => '.classic-nav.line ul li a .nav-link-item:before',
                    'dependency' => array( 'classic_effects_type', '==', 'line', 'all' ),
                    ),
        
                    array(
                    'id'    => 'line_ra',
                    'type'  => 'spacing',
                    'title' => '悬浮条圆角',
                    'default'     => array(
                        'top'       => '2',
                        'right'     => '2',
                        'bottom'    => '2',
                        'left'      => '2',
                        'unit'     => 'px',
                    ),
                    'output_mode' => 'border-radius',
                    'output' => '.classic-nav.line ul li a .nav-link-item:before',
                    'dependency' => array( 'classic_effects_type', '==', 'line', 'all' ),
                    ),  

                    //box------------------------------------------------------------
                    //悬浮块背景色
                    array(
                      'id'                              => 'box_color',
                      'type'                            => 'background',
                      'title'                           => '悬浮块颜色',
                      'background_gradient'             => true,
                      'background_image'                => false,
                      'background_position'             => false,
                      'background_repeat'               => false,
                      'background_attachment'           => false,
                      'background_size'                 => false,
                      'default'                         => array(
                          'background-color'              => '#2c28ff',
                          'background-gradient-color'     => '#5697ff',
                          'background-gradient-direction' => 'to right',
                      ),
                      'output'                          => '.classic-nav.boxt ul li a:after',
                      'dependency' => array( 'classic_effects_type', '==', 'boxt', 'all' ),
                      ),

          
                      //悬浮块高度
                      array(
                      'id'       => 'box_h',
                      'type'     => 'dimensions',
                      'title'    => '悬浮块高度',
                      'width'    => false,
                      'units'   => array('%','px'),
                      'default'  => array(
                          'height' => '50',
                          'unit'   => '%',
                      ),
                      'output' => '.classic-nav.boxt ul li a:after',
                      'desc' => '建议数值：50%-80%',
                      'dependency' => array( 'classic_effects_type', '==', 'boxt', 'all' ),
                      ),
          
                      //悬浮块圆角
                      array(
                      'id'    => 'box_ra',
                      'type'  => 'spacing',
                      'title' => '悬浮块圆角',
                      'default'     => array(
                          'top'       => '8',
                          'right'     => '8',
                          'bottom'    => '8',
                          'left'      => '8',
                          'unit'     => 'px',
                      ),
                      'output_mode' => 'border-radius',
                      'output' => '.classic-nav.boxt ul li a:after',
                      'dependency' => array( 'classic_effects_type', '==', 'boxt', 'all' ),
                      ),
          
                      //悬浮块描边
                      array(
                      'id'     => 'box_border',
                      'type'   => 'border',
                      'title'  => '悬浮块描边',
                      'all'   => true,
                      'output' => '.classic-nav.boxt ul li a:after',
                      'default' => array(
                          'color'  => 'rgba(255,255,255,0)',
                          'all'    => '0',
                      ),
                      'dependency' => array( 'classic_effects_type', '==', 'boxt', 'all' ),
                      ),

              )
            ),
          )
        ),
  
      )
    ) );

    // 经典banner
    CSF::createSection( $prefix, array(
      'parent' => 'classic_setting', 
      'title'  => '顶部封面',
      'fields' => array(

        array(
          'type'    => 'submessage',
          'style'   => 'notice',
          'class'   => 'tab-msg-w',
          'content' => '封面设置',
        ),

        array(
          'id'      => 'cls_banner_h',
          'type'    => 'slider',
          'title'   => '封面高度',
          'min'     => 100,
          'max'     => 400,
          'step'    => 1,
          'unit'    => 'px',
          'default' => 200,
          'output'  => '.cls-banner',
          'output_mode' => 'height',
        ),

        array(
          'id'          => 'cls_banner_cover',
          'type'        => 'color',
          'title'       => '封面遮罩',
          'output'      => '.cls-banner:before',
          'output_mode' => 'background-color',
          'default' => 'rgb(53 60 172 / 23%)',
          'subtitle'    => '调整成半透明色，让文字更突出',
        ),

        array(
          'id'         => 'cls_banner_type',
          'type'       => 'radio',
          'title'      => '封面类型',
          'inline'     => true,
          'options'    => array(
            'upload' => '媒体库上传',
            'link' => '自定义外链',
          ),
          'default'    => 'upload'
        ),

        array(
          'id'          => 'cls_banner_upload',
          'type'        => 'gallery',
          'title'       => '封面上传',
          'add_title'   => '添加封面',
          'edit_title'  => '编辑封面',
          'clear_title' => '移除封面',
          'subtitle'    => '可上传多张封面',
          'dependency' => array( 'cls_banner_type', '==', 'upload'),
        ),

        array(
          'id'      => 'cls_banner_link',
          'type'    => 'textarea',
          'title'   => '自定义封面外链',
          'placeholder' => '一行一个封面链接',
          'dependency' => array( 'cls_banner_type', '==', 'link'),
        ),

        array(
          'type'    => 'submessage',
          'style'   => 'notice',
          'class'   => 'tab-msg-w',
          'content' => '封面内容',
        ),

        array(
          'id'         => 'cls_banner_content',
          'type'       => 'radio',
          'title'      => '内容类型',
          'inline'     => true,
          'options'    => array(
            'text' => '自定义文字展示',
            'ava' => '头像信息展示',
          ),
          'default'    => 'ava'
        ),

        array(
          'id'            => 'opt-wp-editor-2',
          'type'          => 'wp_editor',
          'title'         => '',
          'tinymce'       => true,
          'quicktags'     => true,
          'media_buttons' => true,
          'height'        => '200px',
          'dependency' => array( 'cls_banner_content', '==', 'text'),
        ),

        array(
          'type'    => 'content',
          'content' => '头像信息机制：未登录状态将显示站长头像，昵称以及个人描述，登录后则显示登录者信息',
          'dependency' => array( 'cls_banner_content', '==', 'ava'),
        ),

        array(
          'id'          => 'cls_banner_name',
          'type'        => 'color',
          'title'       => '昵称',
          'output'      => '.cls-banner-info .info .name',
          'output_mode' => 'color',
          'default' => '#ffffff',
        ),

        array(
          'id'          => 'cls_banner_des',
          'type'        => 'color',
          'title'       => '个人描述',
          'output'      => '.cls-banner-info .info .des',
          'output_mode' => 'color',
          'default' => '#dad5ff',
        ),

        array(
          'id'      => 'cls_banner_avas',
          'type'    => 'slider',
          'title'   => '头像尺寸',
          'min'     => 0,
          'max'     => 64,
          'step'    => 1,
          'unit'    => 'px',
          'output'      => '.cls-banner-info .ava img',
          'output_mode' => 'width',
          'default' => 64,
        ),

        array(
          'id'          => 'cls_banner_avar',
          'type'        => 'spacing',
          'title'       => '头像圆角',
          'output'      => '.cls-banner-info .ava img',
          'output_mode' => 'border-radius', 
          'all'         => true,
          'default'     => array(
            'all'       => '8',
            'unit'      => 'px',
          ),
        ),

    )
    ) );  

    //首页设置
    CSF::createSection( $prefix, array(
      'parent' => 'classic_setting', 
      'title'  => '首页设置',
      'fields' => array(

        array(
          'id'         => 'cls_home_type',
          'type'       => 'radio',
          'title'      => '首页类型',
          'inline'  => true,
          'options'    => array(
            'blog' => '博客',
            'moment' => '片刻',
          ),
          'default'    => 'blog',
        ),

        array(
          'id'          => 'cls_show_cats',
          'type'        => 'select',
          'title'       => '文章首页筛选分类',
          'placeholder' => '选择分类',
          'chosen'      => true,
          'multiple'    => true,
          'sortable'    => true,
          'options'     => 'categories',
          'desc'        => '如果设定了默认展示分类，此处就不要重复添加',
          'dependency' => array( 'cls_home_type', '==', 'blog'),
        ),

        array(
          'id'          => 'cls_show_cats_de',
          'type'        => 'select',
          'title'       => '文章默认展示分类',
          'placeholder' => '选择分类',
          'chosen'      => true,
          'options'     => 'categories',
          'desc'        => '默认展示的分类文章，不选择则默认全部分类',
          'dependency' => array( 'cls_home_type', '==', 'blog'),
        ),

        // 片刻首页设置
        array(
          'id'    => 'mos_home_hot_show',
          'type'  => 'switcher',
          'title' => '开启片刻首页圈子推荐',
          'dependency' => array( 'cls_home_type', '==', 'moment'),
          'default' => false,
        ),

        array(
          'id'          => 'moment_default_cat',
          'type'        => 'select',
          'title'       => '发布默认圈子',
          'placeholder' => '不设置默认圈子',
          'options'     => 'categories',
          'chosen'      => true,
          'query_args'  => array(
            'taxonomy'  => 'moments',
            'hide_empty' => false,
          ),
          'desc'        => '设置后，在片刻首页发布时会默认选中该圈子；如果用户未加入该圈子，则仍需手动选择可发布的圈子。',
          'dependency' => array( 'cls_home_type', '==', 'moment'),
        ),

        array(
          'id'          => 'mos_home_hot',
          'type'        => 'select',
          'title'       => '片刻首页圈子推荐展示',
          'placeholder' => '选择圈子',
          'options'     => 'categories',
          'chosen'      => true,
          'multiple'    => true,
          'sortable'    => true,
          'settings'     => array(
            'number' => 6,
          ),
          'query_args'  => array(
            'taxonomy'  => 'moments',
          ),
          'desc'        => '选择多个圈子，首页推荐展示,最多展示6个',
          'dependency' => array( 'cls_home_type', '==', 'moment'),
        ),

        // 展示方式
        array(
          'id'      => 'mos_home_show_type',
          'type'    => 'radio',
          'title'   => '推荐圈子显示方式',
          'options'    => array(
            'grid' => '网格',
            'slider' => '轮播',
          ),
          'inline'  => true,
          'default' => 'grid',
          'dependency' => array( 'cls_home_type', '==', 'moment'), 
        ),

        array(
          'type'     => 'callback',
          'function' => 'ppo_cu_line',
        ),

        array(
          'id'    => 'mos_home_notice_show',
          'type'  => 'switcher',
          'title' => '开启片刻首页公告',
          'dependency' => array( 'cls_home_type', '==', 'moment'),
          'default' => false,
        ),

        array(
          'id'      => 'mos_home_notice',
          'type'    => 'textarea',
          'title'   => '片刻首页公告',
          'placeholder' => '公告内容',
          'default' => '这是一条公告',
          'dependency' => array( 'cls_home_type', '==', 'moment'),
        ),

        array(
          'id'    => 'mos_home_notice_link',
          'type'  => 'link',
          'title' => '片刻首页公告链接',
          'desc'  => '链接文字不用填写',
        ),

    )
    ) );  
  

    
    // PPO-导航构建器（功能未开发，暂时隐藏）
    // CSF::createSection( $prefix, array(
    //   'id' => 'nav-builder',
    //   'title'  => 'PPO-导航构建器',
    //   'priority' => 10,
    //   'description' => '6666'
    // ));

    // //拖拽容器
    // CSF::createSection( $prefix, array(
    //   'id' => 'hb-drag-box',
    //   'title'  => '导航布局模块',
    //   'fields' => array(
  
    //     array(
    //       'id'    => 'hblist',
    //       'title' => '导航元素',
    //       'type'  => 'hblist',
    //       'class' => 'hb-drag-wrap',
    //     ),
  
    //   )
    // ) );

    // //盛放容器
    // CSF::createSection( $prefix, array(
    //   'id' => 'nav-group',
    //   'title'  => '导航域',
    //   'fields' => array(
  
    //     //
    //     // A text field
    //     array(
    //       'id'      => 'nav-desktop-items',
    //       'type'     => 'hbgroup',
    //       'title'   => '导航构建器',
    //     ),
  
    //   )
    // ) ); 

    //主要行
    CSF::createSection( $prefix, array(
      'id' => 'hb-center',
      'title'  => '主要行',
      'parent'  => 'nav-builder',
      'fields' => array(

        array(
          'id'            => 'hb_center_tab',
          'type'          => 'tabbed',
          'title'         => '',
          'class'         => 'hb-tab_warp',
          'tabs'          => array(
            array(
              'title'     => '常规',
              'fields'    => array(

                array(
                  'id'         => 'type',
                  'type'       => 'button_set',
                  'title'      => '容器结构',
                  'options'    => array(
                    'norwidth'  => '默认',
                    'box' => '盒子',
                    'fullwidth' => '全宽',
                  ),
                  'default'    => 'norwidth'
                ),

                array(
                  'id'         => 'sticky',
                  'type'       => 'button_set',
                  'title'      => '吸附效果',
                  'options'    => array(
                    'normal'  => '跟随',
                    'sticky' => '始终固定',
                    'showup' => '回滚显示',
                  ),
                  'default'    => 'normal'
                ),
               
                array(
                  'id'      => 'height',
                  'type'    => 'slider',
                  'title'   => '最小高度',
                  'min'     => 0,
                  'max'     => 200,
                  'step'    => 1,
                  'unit'    => 'px',
                  'default' => 100,
                  'output_mode' => 'min-height',
                  'output'    => '.center-nav-row.main-nav-item',

                ),

              )
            ),
            array(
              'title'     => '设计',
              'fields'    => array(

                array(
                  'id'          => 'bg',
                  'type'        => 'color',
                  'title'       => '背景色',
                  'output'      => '.center-nav-row.main-nav-item , .center-nav-row.main-nav-item.box .nav-bg-box',
                  'default'     => '#ffffff', 
                  'output_mode' => 'background-color' 
                ),
                
                array(
                  'id'           => 'img',
                  'type'         => 'upload',
                  'title'        => '导航背景图',
                  'library'      => 'image',
                  'placeholder'  => 'http://',
                  'preview'      => true,
                  'button_title' => '添加图片',
                  'remove_title' => '移除图片',
                  ),

                array(
                'id'    => 'glass',
                'type'  => 'switcher',
                'title' => '吸附状态毛玻璃',
                'default' => true,
                'desc'  => '导航条吸附状态下，毛玻璃效果'
                ),  

                array(
                  'id'          => 'glass_bg',
                  'type'        => 'color',
                  'title'       => '吸附状态背景色',
                  'output'      => '.center-nav-row.main-nav-item.uk-sticky-fixed , .center-nav-row.main-nav-item.box.uk-sticky-fixed .nav-bg-box',
                  'output_mode' => 'background-color',
                  'desc'  => '请设置为半透明效果',
                  'default'  => 'rgba(255,255,255,0.65)',
                  ),

                array(
                'id'          => 'glass_text',
                'type'        => 'color',
                'title'       => '吸附状态文本色',
                'output'      => array(
                           '.center-nav-row.main-nav-item.uk-sticky-fixed #primary_menu > li > a'
                            ),
                'output_mode' => 'color',
                'default'  => '#0a0a0a',
                ),  

                array(
                  'id'     => 'border_bottom',
                  'type'   => 'border',
                  'title'  => '底部描边',
                  'top'    => false,
                  'left'    => false,
                  'right'    => false,
                  'output' => '.center-nav-row.main-nav-item',
                  'default' => array(
                      'top'    => '0',
                      'right'  => '0',
                      'bottom' => '0',
                      'left'   => '0',
                      'style'  => 'solid',
                      'color'  => '#ffffff',
                      'unit'   => 'px',
                  ),
                  ),

                  array(
                    'id'    => 'shadow',
                    'type'  => 'switcher',
                    'title' => '阴影',
                    'default' => false,
                    ),  

              )
            ),
          )
        ),
        
      )
      ) );
      

    //顶部行
    CSF::createSection( $prefix, array(
      'id' => 'hb-top',
      'title'  => '顶部行',
      'parent'  => 'nav-builder',
      'fields' => array(

        array(
          'id'            => 'hb_top_tab',
          'type'          => 'tabbed',
          'title'         => '',
          'class'         => 'hb-tab_warp',
          'tabs'          => array(
            array(
              'title'     => '常规',
              'fields'    => array(

                array(
                  'id'         => 'type',
                  'type'       => 'button_set',
                  'title'      => '容器结构',
                  'options'    => array(
                    'norwidth'  => '默认',
                    'box' => '盒子',
                    'fullwidth' => '全宽',
                  ),
                  'default'    => 'norwidth'
                ),
               
                array(
                  'id'      => 'height',
                  'type'    => 'slider',
                  'title'   => '最小高度',
                  'min'     => 0,
                  'max'     => 200,
                  'step'    => 1,
                  'unit'    => 'px',
                  'default' => 80,
                  'output_mode' => 'min-height',
                  'output'    => '.top-nav-row.main-nav-item',

                ),

              )
            ),
            array(
              'title'     => '设计',
              'fields'    => array(

                array(
                  'id'          => 'bg',
                  'type'        => 'color',
                  'title'       => '背景色',
                  'output'      => '.top-nav-row.main-nav-item , .top-nav-row.main-nav-item.box .nav-bg-box',
                  'default'     => '#ffffff', 
                  'output_mode' => 'background-color' 
                ),
                
                array(
                  'id'           => 'img',
                  'type'         => 'upload',
                  'title'        => '导航背景图',
                  'library'      => 'image',
                  'placeholder'  => 'http://',
                  'preview'      => true,
                  'button_title' => '添加图片',
                  'remove_title' => '移除图片',
                  ),


                array(
                  'id'     => 'border_bottom',
                  'type'   => 'border',
                  'title'  => '底部描边',
                  'top'    => false,
                  'left'    => false,
                  'right'    => false,
                  'output' => '.top-nav-row.main-nav-item',
                  'default' => array(
                      'top'    => '0',
                      'right'  => '0',
                      'bottom' => '0',
                      'left'   => '0',
                      'style'  => 'solid',
                      'color'  => '#ffffff',
                      'unit'   => 'px',
                  ),
                  ),

                  array(
                    'id'    => 'shadow',
                    'type'  => 'switcher',
                    'title' => '阴影',
                    'default' => false,
                    ),  

              )
            ),
          )
        ),
        
      )
      ) );

      //底部行
    CSF::createSection( $prefix, array(
      'id' => 'hb-bottom',
      'title'  => '底部行',
      'parent'  => 'nav-builder',
      'fields' => array(

        array(
          'id'            => 'hb_bottom_tab',
          'type'          => 'tabbed',
          'title'         => '',
          'class'         => 'hb-tab_warp',
          'tabs'          => array(
            array(
              'title'     => '常规',
              'fields'    => array(

                array(
                  'id'         => 'type',
                  'type'       => 'button_set',
                  'title'      => '容器结构',
                  'options'    => array(
                    'norwidth'  => '默认',
                    'box' => '盒子',
                    'fullwidth' => '全宽',
                  ),
                  'default'    => 'norwidth'
                ),
               
                array(
                  'id'      => 'height',
                  'type'    => 'slider',
                  'title'   => '最小高度',
                  'min'     => 0,
                  'max'     => 200,
                  'step'    => 1,
                  'unit'    => 'px',
                  'default' => 80,
                  'output_mode' => 'min-height',
                  'output'    => '.bottom-nav-row.main-nav-item',

                ),

              )
            ),
            array(
              'title'     => '设计',
              'fields'    => array(

                array(
                  'id'          => 'bg',
                  'type'        => 'color',
                  'title'       => '背景色',
                  'output'      => '.bottom-nav-row.main-nav-item , .bottom-nav-row.main-nav-item.box .nav-bg-box',
                  'default'     => '#ffffff', 
                  'output_mode' => 'background-color' 
                ),
                
                array(
                  'id'           => 'img',
                  'type'         => 'upload',
                  'title'        => '导航背景图',
                  'library'      => 'image',
                  'placeholder'  => 'http://',
                  'preview'      => true,
                  'button_title' => '添加图片',
                  'remove_title' => '移除图片',
                  ),


                array(
                  'id'     => 'border_bottom',
                  'type'   => 'border',
                  'title'  => '底部描边',
                  'top'    => false,
                  'left'    => false,
                  'right'    => false,
                  'output' => '.bottom-nav-row.main-nav-item',
                  'default' => array(
                      'top'    => '0',
                      'right'  => '0',
                      'bottom' => '0',
                      'left'   => '0',
                      'style'  => 'solid',
                      'color'  => '#ffffff',
                      'unit'   => 'px',
                  ),
                  ),

                  array(
                    'id'    => 'shadow',
                    'type'  => 'switcher',
                    'title' => '阴影',
                    'default' => false,
                    ),  

              )
            ),
          )
        ),
        
      )
      ) );

    //html
    CSF::createSection( $prefix, array(
      'id' => 'hb-html',
      'title'  => '自定义html',
      'parent'  => 'nav-builder',
      'fields' => array(   

        array(
          'id'            => 'html_tab',
          'type'          => 'tabbed',
          'title'         => '',
          'class'         => 'hb-tab_warp',
          'tabs'          => array(
            array(
              'title'     => '常规',
              'fields'    => array(

                array(
                  'id'            => 'html_content',
                  'type'          => 'wp_editor',
                  'title'         => '自定义html',
                  'tinymce'       => true,
                  'quicktags'     => true,
                  'media_buttons' => true,
                  'height'        => '200px',
                  'desc'          => '您可以自定义一些HTML内容'
                ),

                array(
                  'id'         => 'login',
                  'type'       => 'button_set',
                  'title'      => '可见性',
                  'multiple' => true,
                  'options'    => array(
                    'login'  => '登录',
                    'logout' => '未登录',
                  ),
                  'default'    => array( 'login', 'logout')
                ),

              )
            ),
            array(
              'title'     => '设计',
              'fields'    => array(
                array(
                  'id'          => 'margin',
                  'type'        => 'spacing',
                  'title'       => '外边距',
                  'output'      => '',
                  'output_mode' => 'margin', // or margin, relative
                  'default'     => array(
                    'top'       => '0',
                    'right'     => '0',
                    'bottom'    => '0',
                    'left'      => '0',
                    'unit'      => 'px',
                  ),
                ),
              )
            ),
          )
        ),

      )
      ) ); 

      //dark
    CSF::createSection( $prefix, array(
      'id' => 'hb-dark',
      'title'  => '暗黑切换',
      'parent'  => 'nav-builder',
      'fields' => array(   

        array(
          'id'            => 'dark_tab',
          'type'          => 'tabbed',
          'title'         => '',
          'class'         => 'hb-tab_warp',
          'tabs'          => array(
            array(
              'title'     => '常规',
              'fields'    => array(

                array(
                  'id'      => 'size',
                  'type'    => 'slider',
                  'title'   => '图标尺寸',
                  'min'     => 0,
                  'max'     => 42,
                  'step'    => 1,
                  'unit'    => 'px',
                  'default' => 16,
                  'output_mode' => 'font-size',
                  'output'  => '.hb_dark_inner i',
                ),

                array(
                  'id'         => 'icon_type',
                  'type'       => 'button_set',
                  'title'      => '图标类型',
                  'options'    => array(
                    'line'  => '线性',
                    'fill' => '填充',
                  ),
                  'default'    => 'line'
                ),

              )
            ),
            array(
              'title'     => '设计',
              'fields'    => array(

                array(
                  'type'    => 'submessage',
                  'style'   => 'notice',
                  'class'   => 'tab-msg',
                  'content' => '暗夜图标',
                ),

                array(
                  'id'          => 'dark_color',
                  'type'        => 'color',
                  'title'       => '初始颜色',
                  'output'      => '.hb-sun-icon',
                  'output_mode' => 'color',
                  'default' => '#0a0000',
                ),

                array(
                  'id'          => 'dark_hover',
                  'type'        => 'color',
                  'title'       => '悬浮颜色',
                  'output'      => '.hb-sun-icon:hover',
                  'output_mode' => 'color',
                  'default' => '#0a0000',
                ),

                array(
                  'id'          => 'dark_bg',
                  'type'        => 'color',
                  'title'       => '背景色',
                  'output'      => '',
                  'output_mode' => 'background-color',
                  'default' => '#ffffff',
                ),

                array(
                  'type'    => 'submessage',
                  'style'   => 'notice',
                  'class'   => 'tab-msg',
                  'content' => '白昼图标',
                ),

                array(
                  'id'          => 'moon_color',
                  'type'        => 'color',
                  'title'       => '初始颜色',
                  'output'      => '.hb-moon-icon',
                  'output_mode' => 'color',
                  'default' => '#ffffff',
                ),

                array(
                  'id'          => 'moon_hover',
                  'type'        => 'color',
                  'title'       => '悬浮颜色',
                  'output'      => '.hb-moon-icon:hover',
                  'output_mode' => 'color',
                  'default' => '#ffffff',
                ),

                array(
                  'id'          => 'moon_bg',
                  'type'        => 'color',
                  'title'       => '背景色',
                  'output'      => '',
                  'output_mode' => 'background-color',
                  'default' => '#ffffff',
                ),

                array(
                  'type'    => 'submessage',
                  'style'   => 'notice',
                  'class'   => 'tab-msg',
                  'content' => '其他',
                ),

                array(
                  'id'          => 'round',
                  'type'        => 'spacing',
                  'title'       => '圆角',
                  'output'      => '.hb_dark_inner',
                  'output_mode' => 'border-radius', // or margin, relative
                  'default'     => array(
                    'top'       => '5',
                    'right'     => '5',
                    'bottom'    => '5',
                    'left'      => '5',
                    'unit'      => 'px',
                  ),
                ),

                array(
                  'id'          => 'padding',
                  'type'        => 'spacing',
                  'title'       => '内边距',
                  'output'      => '.hb_dark_inner',
                  'output_mode' => 'padding', // or margin, relative
                  'default'     => array(
                    'top'       => '10',
                    'right'     => '10',
                    'bottom'    => '10',
                    'left'      => '10',
                    'unit'      => 'px',
                  ),
                ),

                array(
                  'id'          => 'margin',
                  'type'        => 'spacing',
                  'title'       => '外边距',
                  'output'      => '.hb_dark_inner',
                  'output_mode' => 'margin',
                  'default'     => array(
                    'top'       => '0',
                    'right'     => '0',
                    'bottom'    => '0',
                    'left'      => '0',
                    'unit'      => 'px',
                  ),
                ),



              )
            ),
          )
        ),

      )
      ) ); 

    //btna
    CSF::createSection( $prefix, array(
      'id' => 'hb-btna',
      'title'  => '按钮1',
      'parent'  => 'nav-builder',
      'fields' => array(  

        array(
          'id'            => 'btna_tab',
          'type'          => 'tabbed',
          'title'         => '',
          'class'         => 'hb-tab_warp',
          'tabs'          => array(
            array(
              'title'     => '常规',
              'fields'    => array(

                array(
                  'id'         => 'login',
                  'type'       => 'button_set',
                  'title'      => '可见性',
                  'multiple' => true,
                  'options'    => array(
                    'login'  => '登录',
                    'logout' => '未登录',
                  ),
                  'default'    => array( 'login', 'logout')
                ),

                array(
                  'id'    => 'icon',
                  'type'  => 'icon',
                  'title' => '图标',
                ),

                array(
                  'id'      => 'title',
                  'type'    => 'text',
                  'title'   => '文本',
                  'default' => '按钮'
                ),

                array(
                  'id'      => 'url',
                  'type'    => 'text',
                  'title'   => '链接',
                  'default' => '#'
                ),

                array(
                  'id'      => 'new',
                  'type'    => 'switcher',
                  'title'   => '新标签页打开',
                  'default' => true
                ),

                array(
                  'id'      => 'nofollow',
                  'type'    => 'switcher',
                  'title'   => '链接nofollow',
                  'default' => false
                ),

                array(
                  'id'      => 'css',
                  'type'    => 'text',
                  'title'   => 'css类',
                  'subtitle' => '多个类请用空格分开'
                ),

              )
            ),
            array(
              'title'     => '设计',
              'fields'    => array(
                
                array(
                  'id'      => 'title_c',
                  'type'    => 'typography',
                  'title'   => '文本样式',
                  'font_family'   => false,
                  'line_height'   => false,
                  'text_align'   => false,
                  'preview'   => false,
                  'default' => array(
                    'color'       => '#ffffff',
                    'font-size'   => '14',
                    'unit'        => 'px',
                  ),
                  'output'  => '.hb-btn.hb-btna a',
                ),

                array(
                  'id'          => 'hover_text',
                  'type'        => 'color',
                  'title'       => '文本悬浮',
                  'output'      => '.hb-btn.hb-btna a:hover',
                  'default'     => '#ffffff', 
                  'output_mode' => 'color' 
                ),

                array(
                  'id'          => 'bg',
                  'type'        => 'color',
                  'title'       => '背景',
                  'default'     => '#092dff',
                  'output'      => '.hb-btn.hb-btna a',
                  'output_mode' => 'background-color' 
                ),

                array(
                  'id'          => 'hover_bg',
                  'type'        => 'color',
                  'title'       => '背景悬浮',
                  'default'     => '#000cff',
                  'output'      => '.hb-btn.hb-btna a:hover',
                  'output_mode' => 'background-color' 
                ),

                array(
                  'id'          => 'hover_border',
                  'type'        => 'color',
                  'title'       => '描边悬浮',
                  'default'     => '#000cff',
                  'output'      => '.hb-btn.hb-btna a:hover',
                  'output_mode' => 'border-color' 
                ),

                array(
                  'id'    => 'border',
                  'type'  => 'border',
                  'title' => '描边',
                  'all'   => true,
                  'default' => array(
                    'style'  => 'solid',
                    'color'  => 'transparent',
                    'unit'          => 'px',
                  ),
                  'output'  => '.hb-btn.hb-btna a',
                ),

                array(
                  'id'          => 'round',
                  'type'        => 'spacing',
                  'title'       => '圆角',
                  'output'      => '.hb-btn.hb-btna a',
                  'output_mode' => 'border-radius', // or margin, relative
                  'default'     => array(
                    'top'       => '5',
                    'right'     => '5',
                    'bottom'    => '5',
                    'left'      => '5',
                    'unit'      => 'px',
                  ),
                ),

                array(
                  'id'          => 'padding',
                  'type'        => 'spacing',
                  'title'       => '内边距',
                  'output'      => '.hb-btn.hb-btna a',
                  'output_mode' => 'padding', // or margin, relative
                  'default'     => array(
                    'top'       => '7',
                    'right'     => '20',
                    'bottom'    => '7',
                    'left'      => '20',
                    'unit'      => 'px',
                  ),
                ),

                array(
                  'id'          => 'margin',
                  'type'        => 'spacing',
                  'title'       => '外边距',
                  'output'      => '.hb-btn.hb-btna a',
                  'output_mode' => 'margin', // or margin, relative
                  'default'     => array(
                    'top'       => '0',
                    'right'     => '0',
                    'bottom'    => '0',
                    'left'      => '0',
                    'unit'      => 'px',
                  ),
                ),

              )
            ),
          )
        ),

      )
      ) );  

      //btna
    CSF::createSection( $prefix, array(
      'id' => 'hb-btnb',
      'title'  => '按钮2',
      'parent'  => 'nav-builder',
      'fields' => array(  

        array(
          'id'            => 'btnb_tab',
          'type'          => 'tabbed',
          'title'         => '',
          'class'         => 'hb-tab_warp',
          'tabs'          => array(
            array(
              'title'     => '常规',
              'fields'    => array(

                array(
                  'id'         => 'login',
                  'type'       => 'button_set',
                  'title'      => '可见性',
                  'multiple' => true,
                  'options'    => array(
                    'login'  => '登录',
                    'logout' => '未登录',
                  ),
                  'default'    => array( 'login', 'logout')
                ),

                array(
                  'id'    => 'icon',
                  'type'  => 'icon',
                  'title' => '图标',
                ),

                array(
                  'id'      => 'title',
                  'type'    => 'text',
                  'title'   => '文本',
                  'default' => '按钮'
                ),

                array(
                  'id'      => 'url',
                  'type'    => 'text',
                  'title'   => '链接',
                  'default' => '#'
                ),

                array(
                  'id'      => 'new',
                  'type'    => 'switcher',
                  'title'   => '新标签页打开',
                  'default' => true
                ),

                array(
                  'id'      => 'nofollow',
                  'type'    => 'switcher',
                  'title'   => '链接nofollow',
                  'default' => false
                ),

                array(
                  'id'      => 'css',
                  'type'    => 'text',
                  'title'   => 'css类',
                  'subtitle' => '多个类请用空格分开'
                ),

              )
            ),
            array(
              'title'     => '设计',
              'fields'    => array(
                
                array(
                  'id'      => 'title_c',
                  'type'    => 'typography',
                  'title'   => '文本样式',
                  'font_family'   => false,
                  'line_height'   => false,
                  'text_align'   => false,
                  'preview'   => false,
                  'default' => array(
                    'color'       => '#ffffff',
                    'font-size'   => '14',
                    'unit'        => 'px',
                  ),
                  'output'  => '.hb-btn.hb-btnb a',
                ),

                array(
                  'id'          => 'hover_text',
                  'type'        => 'color',
                  'title'       => '文本悬浮',
                  'output'      => '.hb-btn.hb-btnb a:hover',
                  'default'     => '#ffffff', 
                  'output_mode' => 'color' 
                ),

                array(
                  'id'          => 'bg',
                  'type'        => 'color',
                  'title'       => '背景',
                  'default'     => '#092dff',
                  'output'      => '.hb-btn.hb-btnb a',
                  'output_mode' => 'background-color' 
                ),

                array(
                  'id'          => 'hover_bg',
                  'type'        => 'color',
                  'title'       => '背景悬浮',
                  'default'     => '#000cff',
                  'output'      => '.hb-btn.hb-btnb a:hover',
                  'output_mode' => 'background-color' 
                ),

                array(
                  'id'          => 'hover_border',
                  'type'        => 'color',
                  'title'       => '描边悬浮',
                  'default'     => '#000cff',
                  'output'      => '.hb-btn.hb-btnb a:hover',
                  'output_mode' => 'border-color' 
                ),

                array(
                  'id'    => 'border',
                  'type'  => 'border',
                  'title' => '描边',
                  'all'   => true,
                  'default' => array(
                    'style'  => 'solid',
                    'color'  => 'transparent',
                    'unit'          => 'px',
                  ),
                  'output'  => '.hb-btn.hb-btnb a',
                ),

                array(
                  'id'          => 'round',
                  'type'        => 'spacing',
                  'title'       => '圆角',
                  'output'      => '.hb-btn.hb-btnb a',
                  'output_mode' => 'border-radius', // or margin, relative
                  'default'     => array(
                    'top'       => '5',
                    'right'     => '5',
                    'bottom'    => '5',
                    'left'      => '5',
                    'unit'      => 'px',
                  ),
                ),

                array(
                  'id'          => 'padding',
                  'type'        => 'spacing',
                  'title'       => '内边距',
                  'output'      => '.hb-btn.hb-btnb a',
                  'output_mode' => 'padding', // or margin, relative
                  'default'     => array(
                    'top'       => '7',
                    'right'     => '20',
                    'bottom'    => '7',
                    'left'      => '20',
                    'unit'      => 'px',
                  ),
                ),

                array(
                  'id'          => 'margin',
                  'type'        => 'spacing',
                  'title'       => '外边距',
                  'output'      => '.hb-btn.hb-btnb a',
                  'output_mode' => 'margin', // or margin, relative
                  'default'     => array(
                    'top'       => '0',
                    'right'     => '0',
                    'bottom'    => '0',
                    'left'      => '0',
                    'unit'      => 'px',
                  ),
                ),

              )
            ),
          )
        ),

      )
      ) ); 
        
    //logo
    CSF::createSection( $prefix, array(
      'id' => 'hb-logo',
      'title'  => '站点LOGO',
      'parent'  => 'nav-builder',
      'fields' => array(

        array(
          'id'            => 'logo_tab',
          'type'          => 'tabbed',
          'title'         => '',
          'class'         => 'hb-tab_warp',
          'tabs'          => array(
            array(
              'title'     => '常规',
              'fields'    => array(
                array(
                  'id'           => 'hb-site-logo',
                  'type'         => 'upload',
                  'title'        => 'LOGO图像',
                  'library'      => 'image',
                  'placeholder'  => 'http://',
                  'button_title' => '上传logo',
                  'remove_title' => '移除logo',
                  'preview'      => true, 
                ),

                array(
                  'id'      => 'logo-h',
                  'type'    => 'slider',
                  'title'   => 'LOGO高度',
                  'min'     => 0,
                  'max'     => 200,
                  'step'    => 1,
                  'unit'    => 'px',
                  'default' => 32,
                  'output_mode' => 'height',
                  'output'      => '.hb-logo-box a',
                ),

                array(
                  'id'         => 'title_on',
                  'type'       => 'switcher',
                  'title'      => '显示站点标题',
                  'default'    => true
                ),

                array(
                  'id'      => 'title',
                  'type'    => 'text',
                  'title'   => '站点标题',
                  'default' => 'PIXIT',
                  'dependency' => array( 'title_on', '==', 'true' )
                ),

                array(
                  'id'         => 'des_on', 
                  'type'       => 'switcher',
                  'title'      => '显示站点描述',
                  'default'    => false
                ),

                array(
                  'id'      => 'des',
                  'type'    => 'text',
                  'title'   => '站点描述',
                  'default' => '又一个PIXIT站点',
                  'dependency' => array( 'des_on', '==', 'true' )
                ),

                array(
                  'id'         => 'logo_pos',
                  'type'       => 'button_set',
                  'title'      => 'LOGO位置',
                  'options'    => array(
                    'left'  => '左',
                    'right' => '右',
                    'top' => '顶部',
                  ),
                  'default'    => 'left'
                ),

                array(
                  'id'         => 'logo_algin',
                  'type'       => 'button_set',
                  'title'      => '内容对齐',
                  'options'    => array(
                    'left-aligin'  => '居左',
                    'center-aligin' => '居中',
                    'right-aligin' => '居右',
                  ),
                  'default'    => 'left-aligin'
                ),

              )
            ),
            array(
              'title'     => '设计',
              'fields'    => array(
                
                array(
                  'id'      => 'title_c',
                  'type'    => 'typography',
                  'title'   => '标题样式',
                  'font_family'   => false,
                  'line_height'   => false,
                  'text_align'   => false,
                  'preview'   => false,
                  'default' => array(
                    'color'       => '#0a0000',
                    'font-size'   => '16',
                    'unit'        => 'px',
                  ),
                  'output'  => '.hb-logo-title .title',
                ),

                array(
                  'id'      => 'des_c',
                  'type'    => 'typography',
                  'title'   => '描述样式',
                  'font_family'   => false,
                  'line_height'   => false,
                  'text_align'   => false,
                  'preview'   => false,
                  'default' => array(
                    'color'       => '#0a0000',
                    'font-size'   => '12',
                    'unit'        => 'px',
                  ),
                  'output'  => '.hb-logo-title .des',
                ),

                array(
                  'id'       => 'hb_logo_margin',
                  'type'     => 'spacing',
                  'title'    => '边距',
                  'output'      => '.hb-logo',
                  'output_mode' => 'margin',
                  'default'  => array(
                    'top'    => '0',
                    'right'  => '0',
                    'bottom' => '0',
                    'left'   => '0',
                    'unit'   => 'px',
                  ),
                ),


              )
            ),
          )
        ),
  
      
  
      )
    ) );

    //主菜单 
    CSF::createSection( $prefix, array(
      'id' => 'hb-main-nav',
      'title'  => '主菜单',
      'parent'  => 'nav-builder',
      'fields' => array(

        array(
          'id'          => 'main_nav_id',
          'type'        => 'select',
          'title'       => '选择菜单',
          'placeholder' => '选择菜单',
          'options'     => 'menus', 
        ),

        array(
          'id'            => 'main_nav_tab',
          'type'          => 'tabbed',
          'title'         => '一级菜单选项',
          'class'         => 'hb-tab_warp',
          'tabs'          => array(
            array(
              'title'     => '常规',
              'fields'    => array(

                array(
                  'id'        => 'effects_type',
                  'type'      => 'image_select',
                  'title'     => '悬浮类型(悬浮条|悬浮块)',
                  'class'     => 'prinav',
                  'options'   => array(
                      'line' => THEME_URL .'/img/mod/tnavst1.png',
                      'boxt' => THEME_URL .'/img/mod/tnavst2.png',    
                  ),
                  'default'   => 'line',
                  ),
                
                array(
                  'id'         => 'effects',
                  'type'       => 'radio',
                  'title'      => '链接悬浮效果',
                  'inline'     => true,
                  'options'    => array(
                      'normal' => '无效果',
                      'up' => '上移',
                      'bold' => '变粗',
                      'main_high' => '突出',
                  ),
                  'default'    => 'normal'
                  ),

                  array(
                    'id'      => 'padding',
                    'type'    => 'slider',
                    'title'   => '项目间距',
                    'min'     => 0,
                    'max'     => 100,
                    'step'    => 1,
                    'unit'    => 'px',
                    'default' => 15,
                    'output_mode' => 'padding',
                    'output'  => '#primary_menu > li > a'
                  ),

                

              )
            ),
            array(
              'title'     => '设计',
              'fields'    => array(

                array(
                  'id'      => 'font',
                  'type'    => 'typography',
                  'title'   => '字体样式',
                  'font_family'   => false,
                  'line_height'   => false,
                  'text_align'   => false,
                  'preview'   => false,
                  'default' => array(
                    'color'       => '#0a0000',
                    'font-size'   => '16',
                    'unit'        => 'px',
                  ),
                  'output'  => '.primary-nav ul li a',
                ),

                array(
                  'id'      => 'hover_text',
                  'type'    => 'color',
                  'title'   => '悬停',
                  'default' => '#0400ff',
                  'output'      => '#primary_menu > li a:hover',
                  'output_mode' => 'color'
                ),

                array(
                  'id'       => 'margin',
                  'type'     => 'spacing',
                  'title'    => '导航边距',
                  'top'  => false,
                  'bottom' => false,
                  'default'  => array(
                    'right'  => '0',
                    'left'   => '0',
                    'unit'   => 'px',
                  ),
                  'output'  => '.primary-nav',
                  'output_mode' => 'margin'
                ),

                array(
                  'id'                              => 'line_color',
                  'type'                            => 'background',
                  'title'                           => '悬浮条颜色',
                  'background_gradient'             => true,
                  'background_image'                => false,
                  'background_position'             => false,
                  'background_repeat'               => false,
                  'background_attachment'           => false,
                  'background_size'                 => false,
                  'default'                         => array(
                      'background-color'              => '#2c28ff',
                      'background-gradient-color'     => '#5697ff',
                      'background-gradient-direction' => 'to right',
                  ),
                  'output'   => '.primary-nav.line ul li a .nav-link-item:before',
                  'dependency' => array( 'effects_type', '==', 'line', 'all' ),
                  ),

                  array(
                    'id'       => 'line_h',
                    'type'     => 'dimensions',
                    'title'    => '悬浮条高度',
                    'width'    => false,
                    'units'   => array('px'),
                    'default'  => array(
                        'height' => '2',
                    ),
                    'output' => '.primary-nav.line ul li a .nav-link-item:before',
                    'dependency' => array( 'effects_type', '==', 'line', 'all' ),
                    ),

                  array(
                    'id'    => 'line_top',
                    'type'  => 'spacing',
                    'title' => '悬浮条顶部距离',
                    'left'  => false,
                    'right' => false,
                    'bottom' => false,
                    'default'     => array(
                        'top'       => '70',
                        'unit'     => '%',
                    ),
                    'output_mode' => 'relative',
                    'output' => '.primary-nav.line ul li a .nav-link-item:before',
                    'dependency' => array( 'effects_type', '==', 'line', 'all' ),
                    ),
        
                    array(
                    'id'    => 'line_ra',
                    'type'  => 'spacing',
                    'title' => '悬浮条圆角',
                    'default'     => array(
                        'top'       => '2',
                        'right'     => '2',
                        'bottom'    => '2',
                        'left'      => '2',
                        'unit'     => 'px',
                    ),
                    'output_mode' => 'border-radius',
                    'output' => '.primary-nav.line ul li a .nav-link-item:before',
                    'dependency' => array( 'effects_type', '==', 'line', 'all' ),
                    ),  

                    //box------------------------------------------------------------
                    //悬浮块背景色
                    array(
                      'id'                              => 'box_color',
                      'type'                            => 'background',
                      'title'                           => '悬浮块颜色',
                      'background_gradient'             => true,
                      'background_image'                => false,
                      'background_position'             => false,
                      'background_repeat'               => false,
                      'background_attachment'           => false,
                      'background_size'                 => false,
                      'default'                         => array(
                          'background-color'              => '#2c28ff',
                          'background-gradient-color'     => '#5697ff',
                          'background-gradient-direction' => 'to right',
                      ),
                      'output'                          => '.primary-nav.boxt ul li a:after',
                      'dependency' => array( 'effects_type', '==', 'boxt', 'all' ),
                      ),

          
                      //悬浮块高度
                      array(
                      'id'       => 'box_h',
                      'type'     => 'dimensions',
                      'title'    => '悬浮块高度',
                      'width'    => false,
                      'units'   => array('%','px'),
                      'default'  => array(
                          'height' => '50',
                          'unit'   => '%',
                      ),
                      'output' => '.primary-nav.boxt ul li a:after',
                      'desc' => '建议数值：50%-80%',
                      'dependency' => array( 'effects_type', '==', 'boxt', 'all' ),
                      ),
          
                      //悬浮块圆角
                      array(
                      'id'    => 'box_ra',
                      'type'  => 'spacing',
                      'title' => '悬浮块圆角',
                      'default'     => array(
                          'top'       => '8',
                          'right'     => '8',
                          'bottom'    => '8',
                          'left'      => '8',
                          'unit'     => 'px',
                      ),
                      'output_mode' => 'border-radius',
                      'output' => '.primary-nav.boxt ul li a:after',
                      'dependency' => array( 'effects_type', '==', 'boxt', 'all' ),
                      ),
          
                      //悬浮块描边
                      array(
                      'id'     => 'box_border',
                      'type'   => 'border',
                      'title'  => '悬浮块描边',
                      'all'   => true,
                      'output' => '.primary-nav.boxt ul li a:after',
                      'default' => array(
                          'color'  => 'rgba(255,255,255,0)',
                          'all'    => '0',
                      ),
                      'dependency' => array( 'effects_type', '==', 'boxt', 'all' ),
                      ),

              )
            ),
          )
        ),

        //二级菜单------------------------------------------------------------------------------------
        array(
          'id'            => 'sub_nav_tab',
          'type'          => 'tabbed',
          'title'         => '下拉菜单选项',
          'class'         => 'hb-tab_warp',
          'tabs'          => array(
            array(
              'title'     => '常规',
              'fields'    => array(
                
                array(
                  'id'         => 'effects',
                  'type'       => 'radio',
                  'title'      => '链接悬浮效果',
                  'inline'     => true,
                  'options'    => array(
                      'normal' => '无效果',
                      'move' => '右移',
                      'disperse' => '分散',
                      'high' => '突出',
                  ),
                  'default'    => 'normal'
                  ),

                  array(
                    'id'          => 'round',
                    'type'        => 'spacing',
                    'title'       => '下拉菜单背景圆角',
                    'output'      => '.primary-nav li ul',
                    'output_mode' => 'border-radius', // or margin, relative
                    'default'     => array(
                        'top'       => '10',
                        'right'     => '10',
                        'bottom'    => '10',
                        'left'      => '10',
                        'unit'      => 'px',
                    ),
                    ),

                  array(
                    'id'      => 'top',
                    'type'    => 'slider',
                    'title'   => '下拉面板位置',
                    'min'     => 70,
                    'max'     => 100,
                    'step'    => 1,
                    'unit'    => '%',
                    'default' => 100,
                    'output_mode' => 'top',
                    'output'    => '.primary-nav li:hover .sub-menu'
                  ),  

                   array(
                    'id'     => 'border',
                    'type'   => 'border',
                    'title'  => '下拉菜单面板描边',
                    'all'   => true,
                    'output' => '.primary-nav li ul',
                    'default' => array(
                        'color'  => 'rgba(255,255,255,0)',
                        'all'    => '0',
                    ),
                    ),  

              )
            ),
            array(
              'title'     => '设计',
              'fields'    => array(
                
                array(
                  'id'      => 'font',
                  'type'    => 'typography',
                  'title'   => '字体样式',
                  'font_family'   => false,
                  'line_height'   => false,
                  'text_align'   => false,
                  'preview'   => false,
                  'default' => array(
                    'color'       => '#474747',
                    'font-size'   => '14',
                    'unit'        => 'px',
                  ),
                  'output'  => '.primary-nav li ul li a',
                ),

                array(
                  'id'      => 'hover_drop',
                  'type'    => 'color',
                  'title'   => '下拉背景',
                  'default' => '#ffffff',
                  'output'      => '#primary_menu li ul',
                  'output_mode' => 'background-color'
                ),

                array(
                  'id'      => 'hover_text',
                  'type'    => 'color',
                  'title'   => '链接悬停',
                  'default' => '#0400ff',
                  'output'      => '#primary_menu li ul li a:hover',
                  'output_mode' => 'color'
                ),

                array(
                  'id'      => 'hover_bg',
                  'type'    => 'color',
                  'title'   => '悬浮链接背景',
                  'default' => '#e0e0ff',
                  'output'      => '#primary_menu li ul li a:hover',
                  'output_mode' => 'background-color'
                ),

              )
            ),
          )
        ),
  
      
  
      )
    ) );

    //副菜单
    CSF::createSection( $prefix, array(
      'id' => 'hb-sub-nav',
      'title'  => '副菜单',
      'parent'  => 'nav-builder',
      'fields' => array(

        array(
          'id'          => 'sec_nav_id',
          'type'        => 'select',
          'title'       => '选择菜单',
          'placeholder' => '选择菜单',
          'options'     => 'menus', 
        ),

        array(
          'id'            => 'sec_nav_tab',
          'type'          => 'tabbed',
          'title'         => '一级菜单选项',
          'class'         => 'hb-tab_warp',
          'tabs'          => array(
            array(
              'title'     => '常规',
              'fields'    => array(

                array(
                  'id'        => 'sub_effects_type',
                  'type'      => 'image_select',
                  'title'     => '悬浮类型(悬浮条|悬浮块)',
                  'class'     => 'prinav',
                  'options'   => array(
                      'line' => THEME_URL .'/img/mod/tnavst1.png',
                      'boxt' => THEME_URL .'/img/mod/tnavst2.png',    
                  ),
                  'default'   => 'line',
                  ),
                
                array(
                  'id'         => 'effects',
                  'type'       => 'radio',
                  'title'      => '链接悬浮效果',
                  'inline'     => true,
                  'options'    => array(
                      'normal' => '无效果',
                      'up' => '上移',
                      'bold' => '变粗',
                      'main_high' => '突出',
                  ),
                  'default'    => 'normal'
                  ),

                  array(
                    'id'      => 'padding',
                    'type'    => 'slider',
                    'title'   => '项目间距',
                    'min'     => 0,
                    'max'     => 100,
                    'step'    => 1,
                    'unit'    => 'px',
                    'default' => 15,
                    'output_mode' => 'padding',
                    'output'  => '#sec_menu > li > a'
                  ),

                

              )
            ),
            array(
              'title'     => '设计',
              'fields'    => array(

                array(
                  'id'      => 'font',
                  'type'    => 'typography',
                  'title'   => '字体样式',
                  'font_family'   => false,
                  'line_height'   => false,
                  'text_align'   => false,
                  'preview'   => false,
                  'default' => array(
                    'color'       => '#0a0000',
                    'font-size'   => '14',
                    'unit'        => 'px',
                  ),
                  'output'  => '.sec-nav ul li a',
                ),

                array(
                  'id'      => 'hover_text',
                  'type'    => 'color',
                  'title'   => '悬停',
                  'default' => '#0400ff',
                  'output'      => '#sec_menu > li a:hover',
                  'output_mode' => 'color'
                ),

                array(
                  'id'       => 'margin',
                  'type'     => 'spacing',
                  'title'    => '导航边距',
                  'top'  => false,
                  'bottom' => false,
                  'default'  => array(
                    'right'  => '0',
                    'left'   => '0',
                    'unit'   => 'px',
                  ),
                  'output'  => '.sec-nav',
                  'output_mode' => 'margin'
                ),

                array(
                  'id'                              => 'line_color',
                  'type'                            => 'background',
                  'title'                           => '悬浮条颜色',
                  'background_gradient'             => true,
                  'background_image'                => false,
                  'background_position'             => false,
                  'background_repeat'               => false,
                  'background_attachment'           => false,
                  'background_size'                 => false,
                  'default'                         => array(
                      'background-color'              => '#2c28ff',
                      'background-gradient-color'     => '#5697ff',
                      'background-gradient-direction' => 'to right',
                  ),
                  'output'   => '.sec-nav.line ul li a .nav-link-item:before',
                  'dependency' => array( 'sub_effects_type', '==', 'line', 'all' ),
                  ),

                  array(
                    'id'       => 'line_h',
                    'type'     => 'dimensions',
                    'title'    => '悬浮条高度',
                    'width'    => false,
                    'units'   => array('px'),
                    'default'  => array(
                        'height' => '2',
                    ),
                    'output' => '.sec-nav.line ul li a .nav-link-item:before',
                    'dependency' => array( 'sub_effects_type', '==', 'line', 'all' ),
                    ),

                  array(
                    'id'    => 'line_top',
                    'type'  => 'spacing',
                    'title' => '悬浮条顶部距离',
                    'left'  => false,
                    'right' => false,
                    'bottom' => false,
                    'default'     => array(
                        'top'       => '70',
                        'unit'     => '%',
                    ),
                    'output_mode' => 'relative',
                    'output' => '.sec-nav.line ul li a .nav-link-item:before',
                    'dependency' => array( 'sub_effects_type', '==', 'line', 'all' ),
                    ),
        
                    array(
                    'id'    => 'line_ra',
                    'type'  => 'spacing',
                    'title' => '悬浮条圆角',
                    'default'     => array(
                        'top'       => '2',
                        'right'     => '2',
                        'bottom'    => '2',
                        'left'      => '2',
                        'unit'     => 'px',
                    ),
                    'output_mode' => 'border-radius',
                    'output' => '.sec-nav.line ul li a .nav-link-item:before',
                    'dependency' => array( 'sub_effects_type', '==', 'line', 'all' ),
                    ),  

                    //box------------------------------------------------------------
                    //悬浮块背景色
                    array(
                      'id'                              => 'box_color',
                      'type'                            => 'background',
                      'title'                           => '悬浮块颜色',
                      'background_gradient'             => true,
                      'background_image'                => false,
                      'background_position'             => false,
                      'background_repeat'               => false,
                      'background_attachment'           => false,
                      'background_size'                 => false,
                      'default'                         => array(
                          'background-color'              => '#2c28ff',
                          'background-gradient-color'     => '#5697ff',
                          'background-gradient-direction' => 'to right',
                      ),
                      'output'                          => '.sec-nav.boxt ul li a:after',
                      'dependency' => array( 'sub_effects_type', '==', 'boxt', 'all' ),
                      ),

          
                      //悬浮块高度
                      array(
                      'id'       => 'box_h',
                      'type'     => 'dimensions',
                      'title'    => '悬浮块高度',
                      'width'    => false,
                      'units'   => array('%','px'),
                      'default'  => array(
                          'height' => '50',
                          'unit'   => '%',
                      ),
                      'output' => '.sec-nav.boxt ul li a:after',
                      'desc' => '建议数值：50%-80%',
                      'dependency' => array( 'sub_effects_type', '==', 'boxt', 'all' ),
                      ),
          
                      //悬浮块圆角
                      array(
                      'id'    => 'box_ra',
                      'type'  => 'spacing',
                      'title' => '悬浮块圆角',
                      'default'     => array(
                          'top'       => '8',
                          'right'     => '8',
                          'bottom'    => '8',
                          'left'      => '8',
                          'unit'     => 'px',
                      ),
                      'output_mode' => 'border-radius',
                      'output' => '.sec-nav.boxt ul li a:after',
                      'dependency' => array( 'sub_effects_type', '==', 'boxt', 'all' ),
                      ),
          
                      //悬浮块描边
                      array(
                      'id'     => 'box_border',
                      'type'   => 'border',
                      'title'  => '悬浮块描边',
                      'all'   => true,
                      'output' => '.sec-nav.boxt ul li a:after',
                      'default' => array(
                          'color'  => 'rgba(255,255,255,0)',
                          'all'    => '0',
                      ),
                      'dependency' => array( 'sub_effects_type', '==', 'boxt', 'all' ),
                      ),

              )
            ),
          )
        ),

        //二级菜单------------------------------------------------------------------------------------
        array(
          'id'            => 'secsub_nav_tab',
          'type'          => 'tabbed',
          'title'         => '下拉菜单选项',
          'class'         => 'hb-tab_warp',
          'tabs'          => array(
            array(
              'title'     => '常规',
              'fields'    => array(
                
                array(
                  'id'         => 'effects',
                  'type'       => 'radio',
                  'title'      => '链接悬浮效果',
                  'inline'     => true,
                  'options'    => array(
                      'normal' => '无效果',
                      'move' => '右移',
                      'disperse' => '分散',
                      'high' => '突出',
                  ),
                  'default'    => 'normal'
                  ),

                  array(
                    'id'          => 'round',
                    'type'        => 'spacing',
                    'title'       => '下拉菜单背景圆角',
                    'output'      => '.sec-nav li ul',
                    'output_mode' => 'border-radius', // or margin, relative
                    'default'     => array(
                        'top'       => '10',
                        'right'     => '10',
                        'bottom'    => '10',
                        'left'      => '10',
                        'unit'      => 'px',
                    ),
                    ),

                  array(
                    'id'      => 'top',
                    'type'    => 'slider',
                    'title'   => '下拉面板位置',
                    'min'     => 70,
                    'max'     => 100,
                    'step'    => 1,
                    'unit'    => '%',
                    'default' => 100,
                    'output_mode' => 'top',
                    'output'    => '.sec-nav li:hover .sub-menu'
                  ),  

                   array(
                    'id'     => 'border',
                    'type'   => 'border',
                    'title'  => '下拉菜单面板描边',
                    'all'   => true,
                    'output' => '.sec-nav li ul',
                    'default' => array(
                        'color'  => 'rgba(255,255,255,0)',
                        'all'    => '0',
                    ),
                    ),  

              )
            ),
            array(
              'title'     => '设计',
              'fields'    => array(
                
                array(
                  'id'      => 'font',
                  'type'    => 'typography',
                  'title'   => '字体样式',
                  'font_family'   => false,
                  'line_height'   => false,
                  'text_align'   => false,
                  'preview'   => false,
                  'default' => array(
                    'color'       => '#474747',
                    'font-size'   => '13',
                    'unit'        => 'px',
                  ),
                  'output'  => '.sec-nav li ul li a',
                ),

                array(
                  'id'      => 'hover_drop',
                  'type'    => 'color',
                  'title'   => '下拉背景',
                  'default' => '#ffffff',
                  'output'      => '#sec_menu li ul',
                  'output_mode' => 'background-color'
                ),

                array(
                  'id'      => 'hover_text',
                  'type'    => 'color',
                  'title'   => '链接悬停',
                  'default' => '#0400ff',
                  'output'      => '#sec_menu li ul li a:hover',
                  'output_mode' => 'color'
                ),

                array(
                  'id'      => 'hover_bg',
                  'type'    => 'color',
                  'title'   => '悬浮链接背景',
                  'default' => '#e0e0ff',
                  'output'      => '#sec_menu li ul li a:hover',
                  'output_mode' => 'background-color'
                ),

              )
            ),
          )
        ),     
  
      )
    ) );

    CSF::createSection( $prefix, array(
      'id' => 'hb-draglist',
      'title'  => 'hb-draglist',
      'parent'  => 'nav-builder',
      'fields' => array(
  
        array(
          'type'    => 'heading',
          'content' => '这里什么也没有',
        ),
  
      )
    ) );
    

   
        
  }
  
