function emodal_admin_theme_form_general_tab_settings_name() { ?> <tr> <th scope="row"> <label for="name"> <?php _e('Name', EMCORE_SLUG); ?> <span class="description">(required)</span> </label> </th> <td> <input type="text" class="regular-text" name="theme[name]" id="name" value="<?php esc_attr_e(get_current_modal_theme('name')); ?> " required/> </td> </tr><?php if (!class_exists('EMUnlimitedThemes')) { ?> <tr> <th colspan="2" class="pro-upgrade-tip"> <hr/> <img style="" src="<?php echo EMCORE_URL; ?> /assets/images/admin/icon-info-21x21.png"/> Free Users can only create one (1) theme. <a href="http://easy-modal.com/addons/unlimited-themes" target="_blank">Check out Unlimited Modals!</a>. </th> </tr><?php } }
function emodal_admin_theme_form_overlay_tab_settings_background() { ?> <tr> <th scope="row"> <label for="overlay_background_color"><?php _e('Color', 'easy-modal'); ?> </label> </th> <td> <input type="text" name="theme[meta][overlay][background][color]" id="overlay_background_color" value="<?php esc_attr_e(get_current_modal_theme('meta.overlay.background.color')); ?> " class="color-picker background-color" /> <p class="description"><?php _e('Choose the overlay color.', 'easy-modal'); ?> </p> </td> </tr> <tr class="background-opacity"> <th scope="row"> <label for="overlay_background_opacity"><?php _e('Opacity', 'easy-modal'); ?> </label> </th> <td> <input type="range" name="theme[meta][overlay][background][opacity]" id="overlay_background_opacity" min="0" max="100" step="1" value="<?php esc_attr_e(get_current_modal_theme('meta.overlay.background.opacity')); ?> " /> <span class="range-value regular-text"><span class="value"><?php esc_html_e(get_current_modal_theme('meta.overlay.background.opacity')); ?> </span>%</span> <p class="description"><?php _e('The opacity value for the overlay.', 'easy-modal'); ?> </p> </td> </tr><?php if (!class_exists('EMAdvancedThemeEditor')) { ?> <tr> <th colspan="2" class="pro-upgrade-tip"> <img style="" src="<?php echo EMCORE_URL; ?> /assets/images/admin/icon-info-21x21.png"/> Wanna use background images? <a href="http://easy-modal.com/addons/unlimited-themes" target="_blank">Check out Advanced Theme Editor!</a>. </th> </tr><?php } }
function emodal_admin_theme_form_close_tab_settings_textshadow() { ?> <tr class="title-divider"> <th colspan="2"><h3 class="title"><?php _e('Text Shadow', EMCORE_SLUG); ?> </h3></th> </tr> <tr> <th scope="row"> <label for="close_textshadow_horizontal"><?php _e('Horizontal Position', EMCORE_SLUG); ?> </label> </th> <td> <input type="range" name="theme[meta][close][textshadow][horizontal]" id="close_textshadow_horizontal" min="-50" max="50" step="1" value="<?php esc_attr_e(get_current_modal_theme('meta.close.textshadow.horizontal')); ?> " /> <span class="range-value regular-text"><span class="value"><?php esc_html_e(get_current_modal_theme('meta.close.textshadow.horizontal')); ?> </span>px</span> </td> </tr> <tr> <th scope="row"> <label for="close_textshadow_vertical"><?php _e('Vertical Position', EMCORE_SLUG); ?> </label> </th> <td> <input type="range" name="theme[meta][close][textshadow][vertical]" id="close_textshadow_vertical" min="-50" max="50" step="1" value="<?php esc_attr_e(get_current_modal_theme('meta.close.textshadow.vertical')); ?> " /> <span class="range-value regular-text"><span class="value"><?php esc_html_e(get_current_modal_theme('meta.close.textshadow.vertical')); ?> </span>px</span> </td> </tr> <tr> <th scope="row"> <label for="close_textshadow_blur"><?php _e('Blur Radius', EMCORE_SLUG); ?> </label> </th> <td> <input type="range" name="theme[meta][close][textshadow][blur]" id="close_textshadow_blur" min="0" max="100" step="1" value="<?php esc_attr_e(get_current_modal_theme('meta.close.textshadow.blur')); ?> " /> <span class="range-value regular-text"><span class="value"><?php esc_html_e(get_current_modal_theme('meta.close.textshadow.blur')); ?> </span>px</span> </td> </tr> <tr> <th scope="row"> <label for="close_textshadow_color"><?php _e('Color', EMCORE_SLUG); ?> </label> </th> <td> <input type="text" name="theme[meta][close][textshadow][color]" id="close_textshadow_color" value="<?php esc_attr_e(get_current_modal_theme('meta.close.textshadow.color')); ?> " class="color-picker textshadow-color" /> </td> </tr> <tr> <th scope="row"> <label for="close_textshadow_opacity"><?php _e('Opacity', EMCORE_SLUG); ?> </label> </th> <td> <input type="range" name="theme[meta][close][textshadow][opacity]" id="close_textshadow_opacity" min="0" max="100" step="1" value="<?php esc_attr_e(get_current_modal_theme('meta.close.textshadow.opacity')); ?> " /> <span class="range-value regular-text"><span class="value"><?php esc_html_e(get_current_modal_theme('meta.close.textshadow.opacity')); ?> </span>%</span> </td> </tr><?php }
function emodal_admin_theme_form_content_tab_settings_font() { ?> <tr class="title-divider"> <th colspan="2"><h3 class="title"><?php _e('Font', EMCORE_SLUG); ?> </h3></th> </tr> <tr> <th scope="row"> <label for="content_font_color"><?php _e('Color', EMCORE_SLUG); ?> </label> </th> <td> <input type="text" name="theme[meta][content][font][color]" id="content_font_color" value="<?php esc_attr_e(get_current_modal_theme('meta.content.font.color')); ?> " class="color-picker" /> </td> </tr> <?php /* <tr> <th scope="row"> <label for="content_font_size"><?php _e('Size', EMCORE_SLUG);?></label> </th> <td> <input type="range" name="theme[meta][content][font][size]" id="content_font_size" min="8" max="32" step="1" value="<?php esc_attr_e(get_current_modal_theme('meta.content.font.size'))?>" /> <span class="range-value regular-text"><span class="value"><?php esc_html_e(get_current_modal_theme('meta.content.font.size'));?></span>px</span> <p class="description"><?php _e('Font size.',EMCORE_SLUG)?></p> </td> </tr> */ ?> <tr> <th scope="row"> <label for="content_font_family"><?php _e('Family', EMCORE_SLUG); ?> </label> </th> <td> <select name="theme[meta][content][font][family]" id="content_font_family"> <?php foreach (apply_filters('emodal_font_family_options', array()) as $option => $value) { ?> <option value="<?php echo $value; ?> " <?php echo $value == get_current_modal_theme('meta.content.font.family') ? ' selected="selected"' : ''; ?> ><?php echo $option; ?> </option> <?php } ?> </select> </td> </tr><?php }
function emodal_admin_theme_form_container_tab_settings_boxshadow() { ?> <tr class="title-divider"> <th colspan="2"><h3 class="title"><?php _e('Drop Shadow', 'easy-modal'); ?> </h3></th> </tr> <tr> <th scope="row"> <label for="container_boxshadow_inset"><?php _e('Inset', 'easy-modal'); ?> </label> </th> <td> <select name="theme[meta][container][boxshadow][inset]" id="container_boxshadow_inset"> <?php foreach (array(__('No', 'easy-modal') => 'no', __('Yes', 'easy-modal') => 'yes') as $option => $value) { ?> <option value="<?php echo $value; ?> " <?php echo $value == get_current_modal_theme('meta.container.boxshadow.inset') ? ' selected="selected"' : ''; ?> ><?php echo $option; ?> </option> <?php } ?> </select> <p class="description"><?php _e('Set the box shadow to inset (inner shadow).', 'easy-modal'); ?> </p> </td> </tr> <tr> <th scope="row"> <label for="container_boxshadow_horizontal"><?php _e('Horizontal Position', 'easy-modal'); ?> </label> </th> <td> <input type="range" name="theme[meta][container][boxshadow][horizontal]" id="container_boxshadow_horizontal" min="-50" max="50" step="1" value="<?php esc_attr_e(get_current_modal_theme('meta.container.boxshadow.horizontal')); ?> " /> <span class="range-value regular-text"><span class="value"><?php esc_html_e(get_current_modal_theme('meta.container.boxshadow.horizontal')); ?> </span>px</span> </td> </tr> <tr> <th scope="row"> <label for="container_boxshadow_vertical"><?php _e('Vertical Position', 'easy-modal'); ?> </label> </th> <td> <input type="range" name="theme[meta][container][boxshadow][vertical]" id="container_boxshadow_vertical" min="-50" max="50" step="1" value="<?php esc_attr_e(get_current_modal_theme('meta.container.boxshadow.vertical')); ?> " /> <span class="range-value regular-text"><span class="value"><?php esc_html_e(get_current_modal_theme('meta.container.boxshadow.vertical')); ?> </span>px</span> </td> </tr> <tr> <th scope="row"> <label for="container_boxshadow_blur"><?php _e('Blur Radius', 'easy-modal'); ?> </label> </th> <td> <input type="range" name="theme[meta][container][boxshadow][blur]" id="container_boxshadow_blur" min="0" max="100" step="1" value="<?php esc_attr_e(get_current_modal_theme('meta.container.boxshadow.blur')); ?> " /> <span class="range-value regular-text"><span class="value"><?php esc_html_e(get_current_modal_theme('meta.container.boxshadow.blur')); ?> </span>px</span> </td> </tr> <tr> <th scope="row"> <label for="container_boxshadow_spread"><?php _e('Spread', 'easy-modal'); ?> </label> </th> <td> <input type="range" name="theme[meta][container][boxshadow][spread]" id="container_boxshadow_spread" min="-100" max="100" step="1" value="<?php esc_attr_e(get_current_modal_theme('meta.container.boxshadow.spread')); ?> " /> <span class="range-value regular-text"><span class="value"><?php esc_html_e(get_current_modal_theme('meta.container.boxshadow.spread')); ?> </span>px</span> </td> </tr> <tr> <th scope="row"> <label for="container_boxshadow_color"><?php _e('Color', 'easy-modal'); ?> </label> </th> <td> <input type="text" name="theme[meta][container][boxshadow][color]" id="container_boxshadow_color" value="<?php esc_attr_e(get_current_modal_theme('meta.container.boxshadow.color')); ?> " class="color-picker boxshadow-color" /> </td> </tr> <tr> <th scope="row"> <label for="container_boxshadow_opacity"><?php _e('Opacity', 'easy-modal'); ?> </label> </th> <td> <input type="range" name="theme[meta][container][boxshadow][opacity]" id="container_boxshadow_opacity" min="0" max="100" step="1" value="<?php esc_attr_e(get_current_modal_theme('meta.container.boxshadow.opacity')); ?> " /> <span class="range-value regular-text"><span class="value"><?php esc_html_e(get_current_modal_theme('meta.container.boxshadow.opacity')); ?> </span>%</span> </td> </tr><?php }