| 1 |
<?php defined( 'ABSPATH' ) or exit; ?> |
| 2 |
<div id="notice-notinymce" class="error" style="display: none;"><p><?php _e( 'For the best experience when styling your box, please use the default WordPress visual editor.', 'boxzilla' ); ?></p></div> |
| 3 |
|
| 4 |
<table class="form-table"> |
| 5 |
<?php do_action( 'boxzilla_before_box_appearance_controls', $box, $opts ); ?> |
| 6 |
<tr valign="top"> |
| 7 |
<td> |
| 8 |
<label class="boxzilla-label" for="boxzilla-background-color"><?php _e( 'Background color', 'boxzilla' ); ?></label> |
| 9 |
<input id="boxzilla-background-color" name="boxzilla_box[css][background_color]" type="text" class="boxzilla-color-field" value="<?php echo esc_attr($opts['css']['background_color']); ?>" /> |
| 10 |
</td> |
| 11 |
<td> |
| 12 |
<label class="boxzilla-label" for="boxzilla-color"><?php _e( 'Text color', 'boxzilla' ); ?></label> |
| 13 |
<input id="boxzilla-color" name="boxzilla_box[css][color]" type="text" class="boxzilla-color-field" value="<?php echo esc_attr($opts['css']['color']); ?>" /> |
| 14 |
</td> |
| 15 |
<td> |
| 16 |
<label class="boxzilla-label" for="boxzilla-width"><?php _e( 'Box width', 'boxzilla' ); ?></label> |
| 17 |
<input id="boxzilla-width" name="boxzilla_box[css][width]" id="boxzilla-box-width" min="0" max="3200" type="number" step="1" value="<?php echo esc_attr($opts['css']['width']); ?>" /> |
| 18 |
<p class="help"><?php _e( 'Width in px', 'boxzilla' ); ?></p> |
| 19 |
</td> |
| 20 |
</tr> |
| 21 |
<tr valign="top"> |
| 22 |
<td> |
| 23 |
<label class="boxzilla-label" for="boxzilla-border-color"><?php _e( 'Border color', 'boxzilla' ); ?></label> |
| 24 |
<input name="boxzilla_box[css][border_color]" id="boxzilla-border-color" type="text" class="boxzilla-color-field" value="<?php echo esc_attr($opts['css']['border_color']); ?>" /> |
| 25 |
</td> |
| 26 |
<td> |
| 27 |
<label class="boxzilla-label" for="boxzilla-border-width"><?php _e( 'Border width', 'boxzilla' ); ?></label> |
| 28 |
<input name="boxzilla_box[css][border_width]" id="boxzilla-border-width" type="number" min="0" max="25" step="1" value="<?php echo esc_attr($opts['css']['border_width']); ?>" /> |
| 29 |
<p class="help"><?php _e( 'Width in px', 'boxzilla' ); ?></p> |
| 30 |
</td> |
| 31 |
<td> |
| 32 |
<label class="boxzilla-label" for="boxzilla-border-style"><?php _e( 'Border style', 'boxzilla' ); ?></label> |
| 33 |
<select name="boxzilla_box[css][border_style]" id="boxzilla-border-style"> |
| 34 |
<option value="" <?php selected( $opts['css']['border_style'], '' ); ?>><?php _e( 'Default', 'boxzilla-theme-pack' ); ?></option> |
| 35 |
<option value="solid" <?php selected( $opts['css']['border_style'], 'solid' ); ?>><?php _e( 'Solid', 'boxzilla-theme-pack' ); ?></option> |
| 36 |
<option value="dashed" <?php selected( $opts['css']['border_style'], 'dashed' ); ?>><?php _e( 'Dashed', 'boxzilla-theme-pack' ); ?></option> |
| 37 |
<option value="dotted" <?php selected( $opts['css']['border_style'], 'dotted' ); ?>><?php _e( 'Dotted', 'boxzilla-theme-pack' ); ?></option> |
| 38 |
<option value="double" <?php selected( $opts['css']['border_style'], 'double' ); ?>><?php _e( 'Double', 'boxzilla-theme-pack' ); ?></option> |
| 39 |
</select> |
| 40 |
<p class="help"><?php _e( 'Border style', 'boxzilla' ); ?></p> |
| 41 |
</td> |
| 42 |
</tr> |
| 43 |
<?php do_action( 'boxzilla_after_box_appearance_controls', $box, $opts ); ?> |
| 44 |
</table> |
| 45 |
|
| 46 |
<p><?php printf( __( '<a href="%s">Click here to reset all styling settings</a>.', 'boxzilla' ), 'javascript:Boxzilla_Admin.Designer.resetStyles();' ); ?></p> |
