Пример #1
0
/**
 * Create the options page
 */
function responsive_theme_options_do_page()
{
    if (!isset($_REQUEST['settings-updated'])) {
        $_REQUEST['settings-updated'] = false;
    }
    // Set confirmaton text for restore default option as attributes of submit_button().
    $attributes['onclick'] = 'return confirm("' . __('Do you want to restore? \\nAll theme settings will be lost! \\nClick OK to Restore.', 'responsive') . '")';
    ?>

    <div class="wrap">
    <?php 
    /**
     * < 3.4 Backward Compatibility
     */
    ?>
    <?php 
    $theme_name = function_exists('wp_get_theme') ? wp_get_theme() : get_current_theme();
    ?>
    <?php 
    screen_icon();
    echo "<h2>" . $theme_name . " " . __('Theme Options', 'responsive') . "</h2>";
    ?>


    <?php 
    if (false !== $_REQUEST['settings-updated']) {
        ?>
        <div class="updated fade"><p><strong><?php 
        _e('Options Saved', 'responsive');
        ?>
</strong></p></div>
    <?php 
    }
    ?>

    <?php 
    responsive_theme_options();
    // Theme Options Hook
    ?>

    <?php 
    /**
     * Create array of option sections
     *
     * @Title The display title
     * @id The id that the option array references so the options display in the correct section
     */
    $sections = apply_filters('responsive_option_sections_filter', array(array('title' => __('Theme Elements', 'responsive'), 'id' => 'theme_elements'), array('title' => __('Logo Upload', 'responsive'), 'id' => 'logo_upload'), array('title' => __('Home Page', 'responsive'), 'id' => 'home_page'), array('title' => __('Default Layouts', 'responsive'), 'id' => 'layouts'), array('title' => __('Social Icons', 'responsive'), 'id' => 'social'), array('title' => __('CSS Styles', 'responsive'), 'id' => 'css'), array('title' => __('Scripts', 'responsive'), 'id' => 'scripts')));
    /**
     * Creates and array of options that get added to the relevant sections
     *
     * @key This must match the id of the section you want the options to appear in
     *
     * @title Title on the left hand side of the options
     * @subtitle Displays underneath main title on left hand side
     * @heading Right hand side above input
     * @type The type of input e.g. text, textarea, checkbox
     * @id The options id
     * @description Instructions on what to enter in input
     * @placeholder The placeholder for text and textarea
     * @options array used by select dropdown lists
     */
    $options = apply_filters('responsive_options_filter', array('theme_elements' => array(array('title' => __('Disable breadcrumb list?', 'responsive'), 'subtitle' => '', 'heading' => '', 'type' => 'checkbox', 'id' => 'breadcrumb', 'description' => __('check to disable', 'responsive'), 'placeholder' => ''), array('title' => __('Disable Call to Action Button?', 'responsive'), 'subtitle' => '', 'heading' => '', 'type' => 'checkbox', 'id' => 'cta_button', 'description' => __('check to disable', 'responsive'), 'placeholder' => '')), 'logo_upload' => array(array('title' => __('Custom Header', 'responsive'), 'subtitle' => '', 'heading' => '', 'type' => 'description', 'id' => '', 'description' => __('Need to replace or remove default logo?', 'responsive') . sprintf(__(' <a href="%s">Click here</a>.', 'responsive'), admin_url('themes.php?page=custom-header')), 'placeholder' => '')), 'home_page' => array(array('title' => __('Enable Custom Front Page', 'responsive'), 'subtitle' => '', 'heading' => '', 'type' => 'checkbox', 'id' => 'front_page', 'description' => sprintf(__('Overrides the WordPress %1sfront page option%2s', 'responsive'), '<a href="options-reading.php">', '</a>'), 'placeholder' => ''), array('title' => __('Headline', 'responsive'), 'subtitle' => '', 'heading' => '', 'type' => 'text', 'id' => 'home_headline', 'description' => __('Enter your headline', 'responsive'), 'placeholder' => __('Hello, World!', 'responsive')), array('title' => __('Subheadline', 'responsive'), 'subtitle' => '', 'heading' => '', 'type' => 'text', 'id' => 'home_subheadline', 'description' => __('Enter your subheadline', 'responsive'), 'placeholder' => __('Your H2 subheadline here', 'responsive')), array('title' => __('Content Area', 'responsive'), 'subtitle' => '', 'heading' => '', 'type' => 'textarea', 'id' => 'home_content_area', 'description' => __('Enter your content', 'responsive'), 'placeholder' => __('Your title, subtitle and this very content is editable from Theme Option. Call to Action button and its destination link as well. Image on your right can be an image or even YouTube video if you like.', 'responsive')), array('title' => __('Call to Action (URL)', 'responsive'), 'subtitle' => '', 'heading' => '', 'type' => 'text', 'id' => 'cta_url', 'description' => __('Enter your call to action URL', 'responsive'), 'placeholder' => '#nogo'), array('title' => __('Call to Action (Text)', 'responsive'), 'subtitle' => '', 'heading' => '', 'type' => 'text', 'id' => 'cta_text', 'description' => __('Enter your call to action text', 'responsive'), 'placeholder' => __('Call to Action', 'responsive')), array('title' => __('Featured Content', 'responsive'), 'subtitle' => '<a class="help-links" href="' . esc_url('http://cyberchimps.com/guide/responsive/') . '" title="' . esc_attr__('See Docs', 'responsive') . '" target="_blank">' . __('See Docs', 'responsive') . '</a>', 'heading' => '', 'type' => 'textarea', 'id' => 'featured_content', 'description' => __('Enter your call to action text', 'responsive'), 'placeholder' => "<img class='aligncenter' src='" . get_template_directory_uri() . "'/core/images/featured-image.png' width='440' height='300' alt='' />")), 'layouts' => array(array('title' => __('Default Static Page Layout', 'responsive'), 'subtitle' => '', 'heading' => '', 'type' => 'select', 'id' => 'static_page_layout_default', 'description' => '', 'placeholder' => '', 'options' => Responsive_Options::valid_layouts()), array('title' => __('Default Single Blog Post Layout', 'responsive'), 'subtitle' => '', 'heading' => '', 'type' => 'select', 'id' => 'single_post_layout_default', 'description' => '', 'placeholder' => '', 'options' => Responsive_Options::valid_layouts()), array('title' => __('Default Blog Posts Index Layout', 'responsive'), 'subtitle' => '', 'heading' => '', 'type' => 'select', 'id' => 'blog_posts_index_layout_default', 'description' => '', 'placeholder' => '', 'options' => Responsive_Options::valid_layouts())), 'social' => array(array('title' => __('Twitter', 'responsive'), 'subtitle' => '', 'heading' => '', 'type' => 'text', 'id' => 'twitter_uid', 'description' => __('Enter your Twitter URL', 'responsive'), 'placeholder' => ''), array('title' => __('Facebook', 'responsive'), 'subtitle' => '', 'heading' => '', 'type' => 'text', 'id' => 'facebook_uid', 'description' => __('Enter your Facebook URL', 'responsive'), 'placeholder' => ''), array('title' => __('LinkedIn', 'responsive'), 'subtitle' => '', 'heading' => '', 'type' => 'text', 'id' => 'linkedin_uid', 'description' => __('Enter your LinkedIn URL', 'responsive'), 'placeholder' => ''), array('title' => __('YouTube', 'responsive'), 'subtitle' => '', 'heading' => '', 'type' => 'text', 'id' => 'youtube_uid', 'description' => __('Enter your YouTube URL', 'responsive'), 'placeholder' => ''), array('title' => __('StumbleUpon', 'responsive'), 'subtitle' => '', 'heading' => '', 'type' => 'text', 'id' => 'stumble_uid', 'description' => __('Enter your StumbleUpon URL', 'responsive'), 'placeholder' => ''), array('title' => __('RSS Feed', 'responsive'), 'subtitle' => '', 'heading' => '', 'type' => 'text', 'id' => 'rss_uid', 'description' => __('Enter your RSS Feed URL', 'responsive'), 'placeholder' => ''), array('title' => __('Google+', 'responsive'), 'subtitle' => '', 'heading' => '', 'type' => 'text', 'id' => 'google_plus_uid', 'description' => __('Enter your Google+ URL', 'responsive'), 'placeholder' => ''), array('title' => __('Instagram', 'responsive'), 'subtitle' => '', 'heading' => '', 'type' => 'text', 'id' => 'instagram_uid', 'description' => __('Enter your Instagram URL', 'responsive'), 'placeholder' => ''), array('title' => __('Pinterest', 'responsive'), 'subtitle' => '', 'heading' => '', 'type' => 'text', 'id' => 'pinterest_uid', 'description' => __('Enter your Pinterest URL', 'responsive'), 'placeholder' => ''), array('title' => __('Yelp!', 'responsive'), 'subtitle' => '', 'heading' => '', 'type' => 'text', 'id' => 'yelp_uid', 'description' => __('Enter your Yelp! URL', 'responsive'), 'placeholder' => ''), array('title' => __('Vimeo', 'responsive'), 'subtitle' => '', 'heading' => '', 'type' => 'text', 'id' => 'vimeo_uid', 'description' => __('Enter your Vimeo URL', 'responsive'), 'placeholder' => ''), array('title' => __('foursquare', 'responsive'), 'subtitle' => '', 'heading' => '', 'type' => 'text', 'id' => 'foursquare_uid', 'description' => __('Enter your foursquare URL', 'responsive'), 'placeholder' => '')), 'css' => array(array('title' => __('Custom CSS Styles', 'responsive'), 'subtitle' => '<a class="help-links" href="https://developer.mozilla.org/en/CSS" title="CSS Tutorial" target="_blank">' . __('CSS Tutorial', 'responsive') . '</a>', 'heading' => '', 'type' => 'textarea', 'id' => 'responsive_inline_css', 'description' => __('Enter your custom CSS styles.', 'responsive'), 'placeholder' => '')), 'scripts' => array(array('title' => __('Custom Scripts for Header and Footer', 'responsive'), 'subtitle' => '<a class="help-links" href="http://codex.wordpress.org/Using_Javascript" title="Quick Tutorial" target="_blank">' . __('Quick Tutorial', 'responsive') . '</a>', 'heading' => __('Embeds to header.php &darr;', 'responsive'), 'type' => 'textarea', 'id' => 'responsive_inline_js_head', 'description' => __('Enter your custom header script.', 'responsive'), 'placeholder' => ''), array('title' => '', 'subtitle' => '', 'heading' => __('Embeds to footer.php &darr;', 'responsive'), 'type' => 'textarea', 'id' => 'responsive_inline_js_footer', 'description' => __('Enter your custom footer script.', 'responsive'), 'placeholder' => ''))));
    if (class_exists('Responsive_Pro_Options')) {
        $display = new Responsive_Pro_Options($sections, $options);
    } else {
        $display = new Responsive_Options($sections, $options);
    }
    ?>
    <form method="post" action="options.php">
        <?php 
    settings_fields('responsive_options');
    ?>
        <?php 
    global $responsive_options;
    ?>

        <div id="rwd" class="grid col-940">
            <?php 
    echo $display->render_display();
    ?>
        </div>
        <!-- end of .grid col-940 -->
    </form>
    </div><!-- wrap -->
<?php 
}
Пример #2
0
/**
 * Create the options page
 */
function responsive_theme_options_do_page()
{
    if (!isset($_REQUEST['settings-updated'])) {
        $_REQUEST['settings-updated'] = false;
    }
    ?>
    
    <div class="wrap">
        <?php 
    /**
     * < 3.4 Backward Compatibility
     */
    ?>
        <?php 
    $theme_name = function_exists('wp_get_theme') ? wp_get_theme() : get_current_theme();
    ?>
        <?php 
    screen_icon();
    echo "<h2>" . $theme_name . " " . __('Theme Options', 'responsive') . "</h2>";
    ?>
        

		<?php 
    if (false !== $_REQUEST['settings-updated']) {
        ?>
		<div class="updated fade"><p><strong><?php 
        _e('Options Saved', 'responsive');
        ?>
</strong></p></div>
		<?php 
    }
    ?>
        
        <?php 
    responsive_theme_options();
    // Theme Options Hook
    ?>
        
        <form method="post" action="options.php">
            <?php 
    settings_fields('responsive_options');
    ?>
            <?php 
    $options = get_option('responsive_theme_options');
    ?>
            
            <div id="rwd" class="grid col-940">

            <h3 class="rwd-toggle"><a href="#"><?php 
    _e('Theme Elements', 'responsive');
    ?>
</a></h3>
            <div class="rwd-container">
                <div class="rwd-block"> 
                               
                <?php 
    /**
     * Breadcrumb Lists
     */
    ?>
                <div class="grid col-300"><?php 
    _e('Disable Breadcrumb Lists?', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
					    <input id="responsive_theme_options[breadcrumb]" name="responsive_theme_options[breadcrumb]" type="checkbox" value="1" <?php 
    isset($options['breadcrumb']) ? checked('1', $options['breadcrumb']) : checked('0', '1');
    ?>
 />
						<label class="description" for="responsive_theme_options[breadcrumb]"><?php 
    _e('Check to disable', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->

                <?php 
    /**
     * CTA Button
     */
    ?>
                <div class="grid col-300"><?php 
    _e('Disable Call to Action Button?', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
					    <input id="responsive_theme_options[cta_button]" name="responsive_theme_options[cta_button]" type="checkbox" value="1" <?php 
    isset($options['cta_button']) ? checked('1', $options['cta_button']) : checked('0', '1');
    ?>
 />
						<label class="description" for="responsive_theme_options[cta_button]"><?php 
    _e('Check to disable', 'responsive');
    ?>
</label>
                        <p class="submit">
                        <input type="submit" class="button-primary" value="<?php 
    _e('Save Options', 'responsive');
    ?>
" />
                        </p>
                    </div><!-- end of .grid col-620 -->
                                    
                </div><!-- end of .rwd-block -->
            </div><!-- end of .rwd-container -->

            <h3 class="rwd-toggle"><a href="#"><?php 
    _e('Logo Upload', 'responsive');
    ?>
</a></h3>
            <div class="rwd-container">
                <div class="rwd-block">
                <?php 
    /**
     * Logo Upload
     */
    ?>
                <div class="grid col-300"><?php 
    _e('Custom Header', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        
                        <p><?php 
    printf(__('Need to replace or remove default logo?', 'responsive'));
    ?>
 <?php 
    printf(__('<a href="%s">Click here</a>.', 'responsive'), admin_url('themes.php?page=custom-header'));
    ?>
</p>
                     			
                    </div><!-- end of .grid col-620 -->
                    
                </div><!-- end of .rwd-block -->
            </div><!-- end of .rwd-container -->
                        
            <h3 class="rwd-toggle"><a href="#"><?php 
    _e('Home Page', 'responsive');
    ?>
</a></h3>
            <div class="rwd-container">
                <div class="rwd-block">
                <?php 
    /**
     * Homepage Headline
     */
    ?>
                <div class="grid col-300"><?php 
    _e('Headline', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[home_headline]" class="regular-text" type="text" name="responsive_theme_options[home_headline]" value="<?php 
    if (!empty($options['home_headline'])) {
        echo esc_attr($options['home_headline']);
    }
    ?>
" />
                        <label class="description" for="responsive_theme_options[home_headline]"><?php 
    _e('Enter your headline', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->

                <?php 
    /**
     * Homepage Subheadline
     */
    ?>
                <div class="grid col-300"><?php 
    _e('Subheadline', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[home_subheadline]" class="regular-text" type="text" name="responsive_theme_options[home_subheadline]" value="<?php 
    if (!empty($options['home_subheadline'])) {
        echo esc_attr($options['home_subheadline']);
    }
    ?>
" />
                        <label class="description" for="responsive_theme_options[home_subheadline]"><?php 
    _e('Enter your subheadline', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->
                    
                <?php 
    /**
     * Homepage Content Area
     */
    ?>
                <div class="grid col-300"><?php 
    _e('Content Area', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <textarea id="responsive_theme_options[home_content_area]" class="large-text" cols="50" rows="10" name="responsive_theme_options[home_content_area]"><?php 
    if (!empty($options['home_content_area'])) {
        echo esc_html($options['home_content_area']);
    }
    ?>
</textarea>
                        <label class="description" for="responsive_theme_options[home_content_area]"><?php 
    _e('Enter your content', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->
                                
                <?php 
    /**
     * Homepage Call to Action URL
     */
    ?>
                <div class="grid col-300"><?php 
    _e('Call to Action (URL)', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[cta_url]" class="regular-text" type="text" name="responsive_theme_options[cta_url]" value="<?php 
    if (!empty($options['cta_url'])) {
        echo esc_url($options['cta_url']);
    }
    ?>
" />
                        <label class="description" for="responsive_theme_options[cta_url]"><?php 
    _e('Enter your call to action URL', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->
                
                <?php 
    /**
     * Homepage Call to Action Text
     */
    ?>
                <div class="grid col-300"><?php 
    _e('Call to Action (Text)', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[cta_text]" class="regular-text" type="text" name="responsive_theme_options[cta_text]" value="<?php 
    if (!empty($options['cta_text'])) {
        echo esc_attr($options['cta_text']);
    }
    ?>
" />
                        <label class="description" for="responsive_theme_options[cta_text]"><?php 
    _e('Enter your call to action text', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->

                <?php 
    /**
     * Homepage Featured Content
     */
    ?>
                <div class="grid col-300">
				    <?php 
    _e('Featured Content', 'responsive');
    ?>
                    <a class="help-links" href="<?php 
    echo esc_url(__('http://themeid.com/forum/topic/510/theme-options-featured-content/', 'responsive'));
    ?>
" title="<?php 
    esc_attr_e('See Docs', 'responsive');
    ?>
" target="_blank">
                    <?php 
    printf(__('See Docs', 'responsive'));
    ?>
</a>
                </div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <textarea id="responsive_theme_options[featured_content]" class="large-text" cols="50" rows="10" name="responsive_theme_options[featured_content]"><?php 
    if (!empty($options['featured_content'])) {
        echo esc_html($options['featured_content']);
    }
    ?>
</textarea>
                        <label class="description" for="responsive_theme_options[featured_content]"><?php 
    _e('Paste your shortcode, video or image source', 'responsive');
    ?>
</label>
                        <p class="submit">
                        <input type="submit" class="button-primary" value="<?php 
    _e('Save Options', 'responsive');
    ?>
" />
                        </p>
                    </div><!-- end of .grid col-620 -->
                    
                </div><!-- end of .rwd-block -->
            </div><!-- end of .rwd-container -->

            <h3 class="rwd-toggle"><a href="#"><?php 
    _e('Webmaster Tools', 'responsive');
    ?>
</a></h3>
            <div class="rwd-container">
                <div class="rwd-block"> 
                               
                <?php 
    /**
     * Google Site Verification
     */
    ?>
                <div class="grid col-300"><?php 
    _e('Google Site Verification', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[google_site_verification]" class="regular-text" type="text" name="responsive_theme_options[google_site_verification]" value="<?php 
    if (!empty($options['google_site_verification'])) {
        echo esc_attr($options['google_site_verification']);
    }
    ?>
" />
                        <label class="description" for="responsive_theme_options[google_site_verification]"><?php 
    _e('Enter your Google ID number only', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->
                
                <?php 
    /**
     * Bing Site Verification
     */
    ?>
                <div class="grid col-300"><?php 
    _e('Bing Site Verification', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[bing_site_verification]" class="regular-text" type="text" name="responsive_theme_options[bing_site_verification]" value="<?php 
    if (!empty($options['bing_site_verification'])) {
        echo esc_attr($options['bing_site_verification']);
    }
    ?>
" />
                        <label class="description" for="responsive_theme_options[bing_site_verification]"><?php 
    _e('Enter your Bing ID number only', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->
                
                <?php 
    /**
     * Yahoo Site Verification
     */
    ?>
                <div class="grid col-300"><?php 
    _e('Yahoo Site Verification', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[yahoo_site_verification]" class="regular-text" type="text" name="responsive_theme_options[yahoo_site_verification]" value="<?php 
    if (!empty($options['yahoo_site_verification'])) {
        echo esc_attr($options['yahoo_site_verification']);
    }
    ?>
" />
                        <label class="description" for="responsive_theme_options[yahoo_site_verification]"><?php 
    _e('Enter your Yahoo ID number only', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->
                    
                <?php 
    /**
     * Site Statistics Tracker
     */
    ?>
                <div class="grid col-300">
				    <?php 
    _e('Site Statistics Tracker', 'responsive');
    ?>
                    <span class="info-box information help-links"><?php 
    _e('Leave blank if plugin handles your webmaster tools', 'responsive');
    ?>
</span>
                </div><!-- end of .grid col-300 -->
                    
                    <div class="grid col-620 fit">
                        <textarea id="responsive_theme_options[site_statistics_tracker]" class="large-text" cols="50" rows="10" name="responsive_theme_options[site_statistics_tracker]"><?php 
    if (!empty($options['site_statistics_tracker'])) {
        echo esc_textarea($options['site_statistics_tracker']);
    }
    ?>
</textarea>
                        <label class="description" for="responsive_theme_options[site_statistics_tracker]"><?php 
    _e('Google Analytics, StatCounter, any other or all of them.', 'responsive');
    ?>
</label>
                        <p class="submit">
                        <input type="submit" class="button-primary" value="<?php 
    _e('Save Options', 'responsive');
    ?>
" />
                        </p>
                    </div><!-- end of .grid col-620 -->
                
                </div><!-- end of .rwd-block -->
            </div><!-- end of .rwd-container -->

            <h3 class="rwd-toggle"><a href="#"><?php 
    _e('Social Icons', 'responsive');
    ?>
</a></h3>
            <div class="rwd-container">
                <div class="rwd-block"> 
                            
                <?php 
    /**
     * Social Media
     */
    ?>
                <div class="grid col-300"><?php 
    _e('Twitter', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[twitter_uid]" class="regular-text" type="text" name="responsive_theme_options[twitter_uid]" value="<?php 
    if (!empty($options['twitter_uid'])) {
        echo esc_url($options['twitter_uid']);
    }
    ?>
" />
                        <label class="description" for="responsive_theme_options[twitter_uid]"><?php 
    _e('Enter your Twitter URL', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->

                <div class="grid col-300"><?php 
    _e('Facebook', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[facebook_uid]" class="regular-text" type="text" name="responsive_theme_options[facebook_uid]" value="<?php 
    if (!empty($options['facebook_uid'])) {
        echo esc_url($options['facebook_uid']);
    }
    ?>
" />
                        <label class="description" for="responsive_theme_options[facebook_uid]"><?php 
    _e('Enter your Facebook URL', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->
                
                <div class="grid col-300"><?php 
    _e('LinkedIn', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[linkedin_uid]" class="regular-text" type="text" name="responsive_theme_options[linkedin_uid]" value="<?php 
    if (!empty($options['linkedin_uid'])) {
        echo esc_url($options['linkedin_uid']);
    }
    ?>
" /> 
                        <label class="description" for="responsive_theme_options[linkedin_uid]"><?php 
    _e('Enter your LinkedIn URL', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->
                    
                <div class="grid col-300"><?php 
    _e('YouTube', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[youtube_uid]" class="regular-text" type="text" name="responsive_theme_options[youtube_uid]" value="<?php 
    if (!empty($options['youtube_uid'])) {
        echo esc_url($options['youtube_uid']);
    }
    ?>
" /> 
                        <label class="description" for="responsive_theme_options[youtube_uid]"><?php 
    _e('Enter your YouTube URL', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->
                    
                <div class="grid col-300"><?php 
    _e('StumbleUpon', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[stumble_uid]" class="regular-text" type="text" name="responsive_theme_options[stumble_uid]" value="<?php 
    if (!empty($options['stumble_uid'])) {
        echo esc_url($options['stumble_uid']);
    }
    ?>
" /> 
                        <label class="description" for="responsive_theme_options[youtube_uid]"><?php 
    _e('Enter your StumbleUpon URL', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->
                    
                <div class="grid col-300"><?php 
    _e('RSS Feed', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[rss_uid]" class="regular-text" type="text" name="responsive_theme_options[rss_uid]" value="<?php 
    if (!empty($options['rss_uid'])) {
        echo esc_url($options['rss_uid']);
    }
    ?>
" /> 
                        <label class="description" for="responsive_theme_options[rss_uid]"><?php 
    _e('Enter your RSS Feed URL', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->
                
                <div class="grid col-300"><?php 
    _e('Google+', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[google_plus_uid]" class="regular-text" type="text" name="responsive_theme_options[google_plus_uid]" value="<?php 
    if (!empty($options['google_plus_uid'])) {
        echo esc_url($options['google_plus_uid']);
    }
    ?>
" />  
                        <label class="description" for="responsive_theme_options[google_plus_uid]"><?php 
    _e('Enter your Google+ URL', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->
                    
                <div class="grid col-300"><?php 
    _e('Instagram', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[instagram_uid]" class="regular-text" type="text" name="responsive_theme_options[instagram_uid]" value="<?php 
    if (!empty($options['instagram_uid'])) {
        echo esc_url($options['instagram_uid']);
    }
    ?>
" />  
                        <label class="description" for="responsive_theme_options[instagram_uid]"><?php 
    _e('Enter your Instagram URL', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->
                    
                <div class="grid col-300"><?php 
    _e('Pinterest', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[pinterest_uid]" class="regular-text" type="text" name="responsive_theme_options[pinterest_uid]" value="<?php 
    if (!empty($options['pinterest_uid'])) {
        echo esc_url($options['pinterest_uid']);
    }
    ?>
" />  
                        <label class="description" for="responsive_theme_options[pinterest_uid]"><?php 
    _e('Enter your Pinterest URL', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->
                    
                <div class="grid col-300"><?php 
    _e('Yelp!', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[yelp_uid]" class="regular-text" type="text" name="responsive_theme_options[yelp_uid]" value="<?php 
    if (!empty($options['yelp_uid'])) {
        echo esc_url($options['yelp_uid']);
    }
    ?>
" />  
                        <label class="description" for="responsive_theme_options[yelp_uid]"><?php 
    _e('Enter your Yelp! URL', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->
                    
                <div class="grid col-300"><?php 
    _e('Vimeo', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[vimeo_uid]" class="regular-text" type="text" name="responsive_theme_options[vimeo_uid]" value="<?php 
    if (!empty($options['vimeo_uid'])) {
        echo esc_url($options['vimeo_uid']);
    }
    ?>
" />  
                        <label class="description" for="responsive_theme_options[vimeo_uid]"><?php 
    _e('Enter your Vimeo URL', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->
                    
                <div class="grid col-300"><?php 
    _e('foursquare', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[foursquare_uid]" class="regular-text" type="text" name="responsive_theme_options[foursquare_uid]" value="<?php 
    if (!empty($options['foursquare_uid'])) {
        echo esc_url($options['foursquare_uid']);
    }
    ?>
" />  
                        <label class="description" for="responsive_theme_options[foursquare_uid]"><?php 
    _e('Enter your foursquare URL', 'responsive');
    ?>
</label>
                        <p class="submit">
                        <input type="submit" class="button-primary" value="<?php 
    _e('Save Options', 'responsive');
    ?>
" />
                        </p>
                    </div><!-- end of .grid col-620 -->

                </div><!-- end of .rwd-block -->
            </div><!-- end of .rwd-container -->
            
            <h3 class="rwd-toggle"><a href="#"><?php 
    _e('Custom CSS Styles', 'responsive');
    ?>
</a></h3>
            <div class="rwd-container">
                <div class="rwd-block"> 

                <?php 
    /**
     * Custom Styles
     */
    ?>
                <div class="grid col-300">
				    <?php 
    _e('Custom CSS Styles', 'responsive');
    ?>
                    <a class="help-links" href="<?php 
    echo esc_url(__('https://developer.mozilla.org/en/CSS', 'responsive'));
    ?>
" title="<?php 
    esc_attr_e('CSS Tutorial', 'responsive');
    ?>
" target="_blank">
                    <?php 
    printf(__('CSS Tutorial', 'responsive'));
    ?>
</a>
                </div><!-- end of .grid col-300 -->
                
                    <div class="grid col-620 fit">
                        <textarea id="responsive_theme_options[responsive_inline_css]" class="inline-css large-text" cols="50" rows="30" name="responsive_theme_options[responsive_inline_css]"><?php 
    if (!empty($options['responsive_inline_css'])) {
        echo esc_textarea($options['responsive_inline_css']);
    }
    ?>
</textarea>
                        <label class="description" for="responsive_theme_options[responsive_inline_css]"><?php 
    _e('Enter your custom CSS styles.', 'responsive');
    ?>
</label>
                        <p class="submit">
                        <input type="submit" class="button-primary" value="<?php 
    _e('Save Options', 'responsive');
    ?>
" />
                        </p>
                    </div><!-- end of .grid col-620 -->
                                    
                </div><!-- end of .rwd-block -->
            </div><!-- end of .rwd-container -->
            
            <h3 class="rwd-toggle"><a href="#"><?php 
    _e('Custom Scripts', 'responsive');
    ?>
</a></h3>
            <div class="rwd-container">
                <div class="rwd-block"> 

                <?php 
    /**
     * Custom Styles
     */
    ?>
                <div class="grid col-300">
				    <?php 
    _e('Custom Scripts for Header and Footer', 'responsive');
    ?>
                    <a class="help-links" href="<?php 
    echo esc_url(__('http://codex.wordpress.org/Using_Javascript', 'responsive'));
    ?>
" title="<?php 
    esc_attr_e('Quick Tutorial', 'responsive');
    ?>
" target="_blank">
                    <?php 
    printf(__('Quick Tutorial', 'responsive'));
    ?>
</a>
                </div><!-- end of .grid col-300 -->
                
                    <div class="grid col-620 fit">
                        <p><?php 
    printf(__('Embeds to header.php &darr;', 'responsive'));
    ?>
</p>
                        <textarea id="responsive_theme_options[responsive_inline_js_head]" class="inline-css large-text" cols="50" rows="30" name="responsive_theme_options[responsive_inline_js_head]"><?php 
    if (!empty($options['responsive_inline_js_head'])) {
        echo esc_textarea($options['responsive_inline_js_head']);
    }
    ?>
</textarea>
                        <label class="description" for="responsive_theme_options[responsive_inline_js_head]"><?php 
    _e('Enter your custom header script.', 'responsive');
    ?>
</label>
                        
                        <p><?php 
    printf(__('Embeds to footer.php &darr;', 'responsive'));
    ?>
</p>
                        <textarea id="responsive_theme_options[responsive_inline_js_footer]" class="inline-css large-text" cols="50" rows="30" name="responsive_theme_options[responsive_inline_js_footer]"><?php 
    if (!empty($options['responsive_inline_js_footer'])) {
        echo esc_textarea($options['responsive_inline_js_footer']);
    }
    ?>
</textarea>
                        <label class="description" for="responsive_theme_options[responsive_inline_js_footer]"><?php 
    _e('Enter your custom footer script.', 'responsive');
    ?>
</label>
                        <p class="submit">
                        <input type="submit" class="button-primary" value="<?php 
    _e('Save Options', 'responsive');
    ?>
" />
                        </p>
                    </div><!-- end of .grid col-620 -->
                                    
                </div><!-- end of .rwd-block -->
            </div><!-- end of .rwd-container -->
            
            </div><!-- end of .grid col-940 -->
        </form>
    </div>
    <?php 
}
/**
 * Create the options page
 */
function responsive_theme_options_do_page()
{
    if (!isset($_REQUEST['settings-updated'])) {
        $_REQUEST['settings-updated'] = false;
    }
    // Set confirmaton text for restore default option as attributes of submit_button().
    $attributes['onclick'] = 'return confirm("' . __('Do you want to restore? \\nAll theme settings will be lost! \\nClick OK to Restore.', 'responsive') . '")';
    ?>
    
    <div class="wrap">
        <?php 
    /**
     * < 3.4 Backward Compatibility
     */
    ?>
        <?php 
    $theme_name = function_exists('wp_get_theme') ? wp_get_theme() : get_current_theme();
    ?>
        <?php 
    screen_icon();
    echo "<h2>" . $theme_name . " " . __('Theme Options', 'responsive') . "</h2>";
    ?>
        

		<?php 
    if (false !== $_REQUEST['settings-updated']) {
        ?>
		<div class="updated fade"><p><strong><?php 
        _e('Options Saved', 'responsive');
        ?>
</strong></p></div>
		<?php 
    }
    ?>
        
        <?php 
    responsive_theme_options();
    // Theme Options Hook
    ?>
        
        <form method="post" action="options.php">
            <?php 
    settings_fields('responsive_options');
    ?>
            <?php 
    global $responsive_options;
    ?>
            
            <div id="rwd" class="grid col-940">

            <h3 class="rwd-toggle"><a href="#"><?php 
    _e('Theme Elements', 'responsive');
    ?>
</a></h3>
            <div class="rwd-container">
                <div class="rwd-block"> 
                               
                <?php 
    /**
     * Breadcrumb Lists
     */
    ?>
                <div class="grid col-300"><?php 
    _e('Disable Breadcrumb Lists?', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
					    <input id="responsive_theme_options[breadcrumb]" name="responsive_theme_options[breadcrumb]" type="checkbox" value="1" <?php 
    isset($responsive_options['breadcrumb']) ? checked('1', $responsive_options['breadcrumb']) : checked('0', '1');
    ?>
 />
						<label class="description" for="responsive_theme_options[breadcrumb]"><?php 
    _e('Check to disable', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->

                <?php 
    /**
     * CTA Button
     */
    ?>
                <div class="grid col-300"><?php 
    _e('Disable Call to Action Button?', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
					    <input id="responsive_theme_options[cta_button]" name="responsive_theme_options[cta_button]" type="checkbox" value="1" <?php 
    isset($responsive_options['cta_button']) ? checked('1', $responsive_options['cta_button']) : checked('0', '1');
    ?>
 />
						<label class="description" for="responsive_theme_options[cta_button]"><?php 
    _e('Check to disable', 'responsive');
    ?>
</label>
                        <p class="submit">
						<?php 
    submit_button(__('Save Options', 'responsive'), 'primary', 'responsive_theme_options[submit]', false);
    ?>
						<?php 
    submit_button(__('Restore Defaults', 'responsive'), 'secondary', 'responsive_theme_options[reset]', false, $attributes);
    ?>
						<a href="http://cyberchimps.com/store/responsivepro/" class="button">Upgrade</a>
                        </p>
                    </div><!-- end of .grid col-620 -->
                                    
                </div><!-- end of .rwd-block -->
            </div><!-- end of .rwd-container -->

            <h3 class="rwd-toggle"><a href="#"><?php 
    _e('Logo Upload', 'responsive');
    ?>
</a></h3>
            <div class="rwd-container">
                <div class="rwd-block">
                <?php 
    /**
     * Logo Upload
     */
    ?>
                <div class="grid col-300"><?php 
    _e('Custom Header', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        
                        <p><?php 
    printf(__('Need to replace or remove default logo?', 'responsive'));
    ?>
 <?php 
    printf(__('<a href="%s">Click here</a>.', 'responsive'), admin_url('themes.php?page=custom-header'));
    ?>
</p>
                     			
                    </div><!-- end of .grid col-620 -->
                    
                </div><!-- end of .rwd-block -->
            </div><!-- end of .rwd-container -->
                        
            <h3 class="rwd-toggle"><a href="#"><?php 
    _e('Home Page', 'responsive');
    ?>
</a></h3>
            <div class="rwd-container">
                <div class="rwd-block">
                <?php 
    /**
     * Front Page Override Checkbox
     */
    ?>
                <div class="grid col-300"><?php 
    _e('Enable Custom Front Page', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[front_page]" name="responsive_theme_options[front_page]" type="checkbox" value="1" <?php 
    checked('1', $responsive_options['front_page'], true);
    ?>
 />
                        <label class="description" for="responsive_theme_options[home_headline]"><?php 
    printf(__('Overrides the WordPress %1sfront page option%2s', 'responsive'), '<a href="options-reading.php">', '</a>');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->
                <?php 
    /**
     * Homepage Headline
     */
    ?>
                <div class="grid col-300"><?php 
    _e('Headline', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[home_headline]" class="regular-text" type="text" name="responsive_theme_options[home_headline]" placeholder="<?php 
    _e('Hello, World!', 'responsive');
    ?>
" value="<?php 
    if (!empty($responsive_options['home_headline'])) {
        echo esc_attr($responsive_options['home_headline']);
    }
    ?>
" />
                        <label class="description" for="responsive_theme_options[home_headline]"><?php 
    _e('Enter your headline', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->

                <?php 
    /**
     * Homepage Subheadline
     */
    ?>
                <div class="grid col-300"><?php 
    _e('Subheadline', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[home_subheadline]" class="regular-text" type="text" name="responsive_theme_options[home_subheadline]" placeholder="<?php 
    _e('Your H2 subheadline here', 'responsive');
    ?>
" value="<?php 
    if (!empty($responsive_options['home_subheadline'])) {
        echo esc_attr($responsive_options['home_subheadline']);
    }
    ?>
" />
                        <label class="description" for="responsive_theme_options[home_subheadline]"><?php 
    _e('Enter your subheadline', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->
                    
                <?php 
    /**
     * Homepage Content Area
     */
    ?>
                <div class="grid col-300"><?php 
    _e('Content Area', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <textarea id="responsive_theme_options[home_content_area]" class="large-text" cols="50" rows="10" name="responsive_theme_options[home_content_area]" placeholder="<?php 
    _e('Your title, subtitle and this very content is editable from Theme Option. Call to Action button and its destination link as well. Image on your right can be an image or even YouTube video if you like.', 'responsive');
    ?>
"><?php 
    if (!empty($responsive_options['home_content_area'])) {
        echo esc_html($responsive_options['home_content_area']);
    }
    ?>
</textarea>
                        <label class="description" for="responsive_theme_options[home_content_area]"><?php 
    _e('Enter your content', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->
                                
                <?php 
    /**
     * Homepage Call to Action URL
     */
    ?>
                <div class="grid col-300"><?php 
    _e('Call to Action (URL)', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[cta_url]" class="regular-text" type="text" name="responsive_theme_options[cta_url]" placeholder="#nogo" value="<?php 
    if (!empty($responsive_options['cta_url'])) {
        echo esc_attr($responsive_options['cta_url']);
    }
    ?>
">
                        <label class="description" for="responsive_theme_options[cta_url]"><?php 
    _e('Enter your call to action URL', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->
                
                <?php 
    /**
     * Homepage Call to Action Text
     */
    ?>
                <div class="grid col-300"><?php 
    _e('Call to Action (Text)', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[cta_text]" class="regular-text" type="text" name="responsive_theme_options[cta_text]" placeholder="<?php 
    _e('Call to Action', 'responsive');
    ?>
" value="<?php 
    if (!empty($responsive_options['cta_text'])) {
        echo esc_attr($responsive_options['cta_text']);
    }
    ?>
" />
                        <label class="description" for="responsive_theme_options[cta_text]"><?php 
    _e('Enter your call to action text', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->

                <?php 
    /**
     * Homepage Featured Content
     */
    ?>
                <div class="grid col-300">
				    <?php 
    _e('Featured Content', 'responsive');
    ?>
                    <a class="help-links" href="<?php 
    echo esc_url('http://themeid.com/docs/theme-options-featured-content/');
    ?>
" title="<?php 
    esc_attr_e('See Docs', 'responsive');
    ?>
" target="_blank">
                    <?php 
    printf(__('See Docs', 'responsive'));
    ?>
</a>
                </div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <textarea id="responsive_theme_options[featured_content]" class="large-text" cols="50" rows="10" name="responsive_theme_options[featured_content]" placeholder="<img class='aligncenter' src='<?php 
    get_template_directory_uri();
    ?>
/core/images/featured-image.png' width='440' height='300' alt='' />"><?php 
    if (!empty($responsive_options['featured_content'])) {
        echo esc_html($responsive_options['featured_content']);
    }
    ?>
</textarea>
                        <label class="description" for="responsive_theme_options[featured_content]"><?php 
    _e('Paste your shortcode, video or image source', 'responsive');
    ?>
</label>
                        <p class="submit">
						<?php 
    submit_button(__('Save Options', 'responsive'), 'primary', 'responsive_theme_options[submit]', false);
    ?>
						<?php 
    submit_button(__('Restore Defaults', 'responsive'), 'secondary', 'responsive_theme_options[reset]', false, $attributes);
    ?>
                        <a href="http://cyberchimps.com/store/responsivepro/" class="button">Upgrade</a>
						</p>
                    </div><!-- end of .grid col-620 -->
                    
                </div><!-- end of .rwd-block -->
            </div><!-- end of .rwd-container -->

            <h3 class="rwd-toggle"><a href="#"><?php 
    _e('Default Layouts', 'responsive');
    ?>
</a></h3>
            <div class="rwd-container">
                <div class="rwd-block"> 
                               
                <?php 
    /**
     * Default Static Page Layout
     */
    ?>
                <div class="grid col-300"><?php 
    _e('Default Static Page Layout', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
				<div class="grid col-620 fit">
					<?php 
    $valid_options = responsive_get_valid_layouts();
    ?>
					<select id="responsive_theme_options[static_page_layout_default]" name="responsive_theme_options[static_page_layout_default]">
					<?php 
    foreach ($valid_options as $slug => $name) {
        ?>
						<option <?php 
        selected($slug == $responsive_options['static_page_layout_default']);
        ?>
 value="<?php 
        echo $slug;
        ?>
"><?php 
        echo $name;
        ?>
</option>
						<?php 
    }
    ?>
					</select>
				</div><!-- end of .grid col-620 -->
                               
                <?php 
    /**
     * Default Single Blog Post Layout
     */
    ?>
                <div class="grid col-300"><?php 
    _e('Default Single Blog Post Layout', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
				<div class="grid col-620 fit">
					<?php 
    $valid_options = responsive_get_valid_layouts();
    ?>
					<select id="responsive_theme_options[single_post_layout_default]" name="responsive_theme_options[single_post_layout_default]">
					<?php 
    foreach ($valid_options as $slug => $name) {
        ?>
						<option <?php 
        selected($slug == $responsive_options['single_post_layout_default']);
        ?>
 value="<?php 
        echo $slug;
        ?>
"><?php 
        echo $name;
        ?>
</option>
						<?php 
    }
    ?>
					</select>
				</div><!-- end of .grid col-620 -->
                               
                <?php 
    /**
     * Default Blog Posts Index Layout
     */
    ?>
                <div class="grid col-300"><?php 
    _e('Default Blog Posts Index Layout', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
				<div class="grid col-620 fit">
					<?php 
    $valid_options = responsive_get_valid_layouts();
    ?>
					<select id="responsive_theme_options[blog_posts_index_layout_default]" name="responsive_theme_options[blog_posts_index_layout_default]">
					<?php 
    foreach ($valid_options as $slug => $name) {
        ?>
						<option <?php 
        selected($slug == $responsive_options['blog_posts_index_layout_default']);
        ?>
 value="<?php 
        echo $slug;
        ?>
"><?php 
        echo $name;
        ?>
</option>
						<?php 
    }
    ?>
					</select>
                        <p class="submit">
						<?php 
    submit_button(__('Save Options', 'responsive'), 'primary', 'responsive_theme_options[submit]', false);
    ?>
						<?php 
    submit_button(__('Restore Defaults', 'responsive'), 'secondary', 'responsive_theme_options[reset]', false, $attributes);
    ?>
                        <a href="http://cyberchimps.com/store/responsivepro/" class="button">Upgrade</a>
						</p>
				</div><!-- end of .grid col-620 -->
                                    
                </div><!-- end of .rwd-block -->
            </div><!-- end of .rwd-container -->

            <h3 class="rwd-toggle"><a href="#"><?php 
    _e('Webmaster Tools', 'responsive');
    ?>
</a></h3>
            <div class="rwd-container">
                <div class="rwd-block">

                    <?php 
    /**
     * Google Site Verification
     */
    ?>
                    <div class="grid col-300"><?php 
    _e('Google Site Verification', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[google_site_verification]" class="regular-text" type="text" name="responsive_theme_options[google_site_verification]" value="<?php 
    if (!empty($responsive_options['google_site_verification'])) {
        echo esc_attr($responsive_options['google_site_verification']);
    }
    ?>
" />
                        <label class="description" for="responsive_theme_options[google_site_verification]"><?php 
    _e('Enter your Google ID number only', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->

                    <?php 
    /**
     * Bing Site Verification
     */
    ?>
                    <div class="grid col-300"><?php 
    _e('Bing Site Verification', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[bing_site_verification]" class="regular-text" type="text" name="responsive_theme_options[bing_site_verification]" value="<?php 
    if (!empty($responsive_options['bing_site_verification'])) {
        echo esc_attr($responsive_options['bing_site_verification']);
    }
    ?>
" />
                        <label class="description" for="responsive_theme_options[bing_site_verification]"><?php 
    _e('Enter your Bing ID number only', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->

                    <?php 
    /**
     * Yahoo Site Verification
     */
    ?>
                    <div class="grid col-300"><?php 
    _e('Yahoo Site Verification', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[yahoo_site_verification]" class="regular-text" type="text" name="responsive_theme_options[yahoo_site_verification]" value="<?php 
    if (!empty($responsive_options['yahoo_site_verification'])) {
        echo esc_attr($responsive_options['yahoo_site_verification']);
    }
    ?>
" />
                        <label class="description" for="responsive_theme_options[yahoo_site_verification]"><?php 
    _e('Enter your Yahoo ID number only', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->

                    <?php 
    /**
     * Site Statistics Tracker
     */
    ?>
                    <div class="grid col-300">
                        <?php 
    _e('Site Statistics Tracker', 'responsive');
    ?>
                        <span class="info-box information help-links"><?php 
    _e('Leave blank if plugin handles your webmaster tools', 'responsive');
    ?>
</span>
                    </div><!-- end of .grid col-300 -->

                    <div class="grid col-620 fit">
                        <textarea id="responsive_theme_options[site_statistics_tracker]" class="large-text" cols="50" rows="10" name="responsive_theme_options[site_statistics_tracker]"><?php 
    if (!empty($responsive_options['site_statistics_tracker'])) {
        echo esc_textarea($responsive_options['site_statistics_tracker']);
    }
    ?>
</textarea>
                        <label class="description" for="responsive_theme_options[site_statistics_tracker]"><?php 
    _e('Google Analytics, StatCounter, any other or all of them.', 'responsive');
    ?>
</label>
                        <p class="submit">
                            <?php 
    submit_button(__('Save Options', 'responsive'), 'primary', 'responsive_theme_options[submit]', false);
    ?>
                            <?php 
    submit_button(__('Restore Defaults', 'responsive'), 'secondary', 'responsive_theme_options[reset]', false, $attributes);
    ?>
                            <a href="http://cyberchimps.com/store/responsivepro/" class="button">Upgrade</a>
                        </p>
                    </div><!-- end of .grid col-620 -->

                </div><!-- end of .rwd-block -->
            </div><!-- end of .rwd-container -->

            <h3 class="rwd-toggle"><a href="#"><?php 
    _e('Social Icons', 'responsive');
    ?>
</a></h3>
            <div class="rwd-container">
                <div class="rwd-block">
                            
                <?php 
    /**
     * Social Media
     */
    ?>
                <div class="grid col-300"><?php 
    _e('Twitter', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[twitter_uid]" class="regular-text" type="text" name="responsive_theme_options[twitter_uid]" value="<?php 
    if (!empty($responsive_options['twitter_uid'])) {
        echo esc_url($responsive_options['twitter_uid']);
    }
    ?>
" />
                        <label class="description" for="responsive_theme_options[twitter_uid]"><?php 
    _e('Enter your Twitter URL', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->

                <div class="grid col-300"><?php 
    _e('Facebook', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[facebook_uid]" class="regular-text" type="text" name="responsive_theme_options[facebook_uid]" value="<?php 
    if (!empty($responsive_options['facebook_uid'])) {
        echo esc_url($responsive_options['facebook_uid']);
    }
    ?>
" />
                        <label class="description" for="responsive_theme_options[facebook_uid]"><?php 
    _e('Enter your Facebook URL', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->
                
                <div class="grid col-300"><?php 
    _e('LinkedIn', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[linkedin_uid]" class="regular-text" type="text" name="responsive_theme_options[linkedin_uid]" value="<?php 
    if (!empty($responsive_options['linkedin_uid'])) {
        echo esc_url($responsive_options['linkedin_uid']);
    }
    ?>
" /> 
                        <label class="description" for="responsive_theme_options[linkedin_uid]"><?php 
    _e('Enter your LinkedIn URL', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->
                    
                <div class="grid col-300"><?php 
    _e('YouTube', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[youtube_uid]" class="regular-text" type="text" name="responsive_theme_options[youtube_uid]" value="<?php 
    if (!empty($responsive_options['youtube_uid'])) {
        echo esc_url($responsive_options['youtube_uid']);
    }
    ?>
" /> 
                        <label class="description" for="responsive_theme_options[youtube_uid]"><?php 
    _e('Enter your YouTube URL', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->
                    
                <div class="grid col-300"><?php 
    _e('StumbleUpon', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[stumble_uid]" class="regular-text" type="text" name="responsive_theme_options[stumble_uid]" value="<?php 
    if (!empty($responsive_options['stumble_uid'])) {
        echo esc_url($responsive_options['stumble_uid']);
    }
    ?>
" /> 
                        <label class="description" for="responsive_theme_options[youtube_uid]"><?php 
    _e('Enter your StumbleUpon URL', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->
                    
                <div class="grid col-300"><?php 
    _e('RSS Feed', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[rss_uid]" class="regular-text" type="text" name="responsive_theme_options[rss_uid]" value="<?php 
    if (!empty($responsive_options['rss_uid'])) {
        echo esc_url($responsive_options['rss_uid']);
    }
    ?>
" /> 
                        <label class="description" for="responsive_theme_options[rss_uid]"><?php 
    _e('Enter your RSS Feed URL', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->
                
                <div class="grid col-300"><?php 
    _e('Google+', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[google_plus_uid]" class="regular-text" type="text" name="responsive_theme_options[google_plus_uid]" value="<?php 
    if (!empty($responsive_options['google_plus_uid'])) {
        echo esc_url($responsive_options['google_plus_uid']);
    }
    ?>
" />  
                        <label class="description" for="responsive_theme_options[google_plus_uid]"><?php 
    _e('Enter your Google+ URL', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->
                    
                <div class="grid col-300"><?php 
    _e('Instagram', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[instagram_uid]" class="regular-text" type="text" name="responsive_theme_options[instagram_uid]" value="<?php 
    if (!empty($responsive_options['instagram_uid'])) {
        echo esc_url($responsive_options['instagram_uid']);
    }
    ?>
" />  
                        <label class="description" for="responsive_theme_options[instagram_uid]"><?php 
    _e('Enter your Instagram URL', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->
                    
                <div class="grid col-300"><?php 
    _e('Pinterest', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[pinterest_uid]" class="regular-text" type="text" name="responsive_theme_options[pinterest_uid]" value="<?php 
    if (!empty($responsive_options['pinterest_uid'])) {
        echo esc_url($responsive_options['pinterest_uid']);
    }
    ?>
" />  
                        <label class="description" for="responsive_theme_options[pinterest_uid]"><?php 
    _e('Enter your Pinterest URL', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->
                    
                <div class="grid col-300"><?php 
    _e('Yelp!', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[yelp_uid]" class="regular-text" type="text" name="responsive_theme_options[yelp_uid]" value="<?php 
    if (!empty($responsive_options['yelp_uid'])) {
        echo esc_url($responsive_options['yelp_uid']);
    }
    ?>
" />  
                        <label class="description" for="responsive_theme_options[yelp_uid]"><?php 
    _e('Enter your Yelp! URL', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->
                    
                <div class="grid col-300"><?php 
    _e('Vimeo', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[vimeo_uid]" class="regular-text" type="text" name="responsive_theme_options[vimeo_uid]" value="<?php 
    if (!empty($responsive_options['vimeo_uid'])) {
        echo esc_url($responsive_options['vimeo_uid']);
    }
    ?>
" />  
                        <label class="description" for="responsive_theme_options[vimeo_uid]"><?php 
    _e('Enter your Vimeo URL', 'responsive');
    ?>
</label>
                    </div><!-- end of .grid col-620 -->
                    
                <div class="grid col-300"><?php 
    _e('foursquare', 'responsive');
    ?>
</div><!-- end of .grid col-300 -->
                    <div class="grid col-620 fit">
                        <input id="responsive_theme_options[foursquare_uid]" class="regular-text" type="text" name="responsive_theme_options[foursquare_uid]" value="<?php 
    if (!empty($responsive_options['foursquare_uid'])) {
        echo esc_url($responsive_options['foursquare_uid']);
    }
    ?>
" />  
                        <label class="description" for="responsive_theme_options[foursquare_uid]"><?php 
    _e('Enter your foursquare URL', 'responsive');
    ?>
</label>
                        <p class="submit">
						<?php 
    submit_button(__('Save Options', 'responsive'), 'primary', 'responsive_theme_options[submit]', false);
    ?>
						<?php 
    submit_button(__('Restore Defaults', 'responsive'), 'secondary', 'responsive_theme_options[reset]', false, $attributes);
    ?>
                        <a href="http://cyberchimps.com/store/responsivepro/" class="button">Upgrade</a>
						</p>
                    </div><!-- end of .grid col-620 -->

                </div><!-- end of .rwd-block -->
            </div><!-- end of .rwd-container -->
            
            <h3 class="rwd-toggle"><a href="#"><?php 
    _e('Custom CSS Styles', 'responsive');
    ?>
</a></h3>
            <div class="rwd-container">
                <div class="rwd-block"> 

                <?php 
    /**
     * Custom Styles
     */
    ?>
                <div class="grid col-300">
				    <?php 
    _e('Custom CSS Styles', 'responsive');
    ?>
                    <a class="help-links" href="<?php 
    echo esc_url(__('https://developer.mozilla.org/en/CSS', 'responsive'));
    ?>
" title="<?php 
    esc_attr_e('CSS Tutorial', 'responsive');
    ?>
" target="_blank">
                    <?php 
    printf(__('CSS Tutorial', 'responsive'));
    ?>
</a>
                </div><!-- end of .grid col-300 -->
                
                    <div class="grid col-620 fit">
                        <textarea id="responsive_theme_options[responsive_inline_css]" class="inline-css large-text" cols="50" rows="30" name="responsive_theme_options[responsive_inline_css]"><?php 
    if (!empty($responsive_options['responsive_inline_css'])) {
        echo esc_textarea($responsive_options['responsive_inline_css']);
    }
    ?>
</textarea>
                        <label class="description" for="responsive_theme_options[responsive_inline_css]"><?php 
    _e('Enter your custom CSS styles.', 'responsive');
    ?>
</label>
                        <p class="submit">
						<?php 
    submit_button(__('Save Options', 'responsive'), 'primary', 'responsive_theme_options[submit]', false);
    ?>
						<?php 
    submit_button(__('Restore Defaults', 'responsive'), 'secondary', 'responsive_theme_options[reset]', false, $attributes);
    ?>
                        <a href="http://cyberchimps.com/store/responsivepro/" class="button">Upgrade</a>
						</p>
                    </div><!-- end of .grid col-620 -->
                                    
                </div><!-- end of .rwd-block -->
            </div><!-- end of .rwd-container -->
            
            <h3 class="rwd-toggle"><a href="#"><?php 
    _e('Custom Scripts', 'responsive');
    ?>
</a></h3>
            <div class="rwd-container">
                <div class="rwd-block"> 

                <?php 
    /**
     * Custom Styles
     */
    ?>
                <div class="grid col-300">
				    <?php 
    _e('Custom Scripts for Header and Footer', 'responsive');
    ?>
                    <a class="help-links" href="<?php 
    echo esc_url('http://codex.wordpress.org/Using_Javascript', 'responsive');
    ?>
" title="<?php 
    esc_attr_e('Quick Tutorial', 'responsive');
    ?>
" target="_blank">
                    <?php 
    printf(__('Quick Tutorial', 'responsive'));
    ?>
</a>
                </div><!-- end of .grid col-300 -->
                
                    <div class="grid col-620 fit">
                        <p><?php 
    printf(__('Embeds to header.php &darr;', 'responsive'));
    ?>
</p>
                        <textarea id="responsive_theme_options[responsive_inline_js_head]" class="inline-css large-text" cols="50" rows="30" name="responsive_theme_options[responsive_inline_js_head]"><?php 
    if (!empty($responsive_options['responsive_inline_js_head'])) {
        echo esc_textarea($responsive_options['responsive_inline_js_head']);
    }
    ?>
</textarea>
                        <label class="description" for="responsive_theme_options[responsive_inline_js_head]"><?php 
    _e('Enter your custom header script.', 'responsive');
    ?>
</label>
                        
                        <p><?php 
    printf(__('Embeds to footer.php &darr;', 'responsive'));
    ?>
</p>
                        <textarea id="responsive_theme_options[responsive_inline_js_footer]" class="inline-css large-text" cols="50" rows="30" name="responsive_theme_options[responsive_inline_js_footer]"><?php 
    if (!empty($responsive_options['responsive_inline_js_footer'])) {
        echo esc_textarea($responsive_options['responsive_inline_js_footer']);
    }
    ?>
</textarea>
                        <label class="description" for="responsive_theme_options[responsive_inline_js_footer]"><?php 
    _e('Enter your custom footer script.', 'responsive');
    ?>
</label>
                        <p class="submit">
						<?php 
    submit_button(__('Save Options', 'responsive'), 'primary', 'responsive_theme_options[submit]', false);
    ?>
						<?php 
    submit_button(__('Restore Defaults', 'responsive'), 'secondary', 'responsive_theme_options[reset]', false, $attributes);
    ?>
                        <a href="http://cyberchimps.com/store/responsivepro/" class="button">Upgrade</a>
						</p>
                    </div><!-- end of .grid col-620 -->
                                    
                </div><!-- end of .rwd-block -->
            </div><!-- end of .rwd-container -->
			
			<?php 
    // Call action to add pro theme options.
    do_action('responsive_pro_options');
    ?>

            </div><!-- end of .grid col-940 -->
        </form>
    </div>
    <?php 
}