File: /var/www/html/wp-content/plugins/hover_effects_pack/hp_popup.html
<div id="hover-image-form"><table id="hover-image-table" class="form-table">
<tr>
<th><label for="hover-image-img">Image</label></th>
<td><input type="text" id="hover-image-img" name="img" value="" /> <input type="button" value="Upload/Select" class="button image-upload" /><br />
<small>Select the image</small></td>
</tr>
<tr>
<th><label for="hover-image-link">Image link</label></th>
<td><input type="text" name="link" id="hover-image-link" value="" /><br />
<small>Set image link address</small>
</tr>
<tr>
<th><label for="hover-image-img_title">Image Title Attribute</label></th>
<td><input type="text" name="img_title" id="hover-image-img_title" value="" /><br />
<small>Set image title attribute</small>
</tr>
<tr>
<th><label for="hover-image-img_alt">Image Alt Attribute</label></th>
<td><input type="text" name="img_alt" id="hover-image-img_alt" value="" /><br />
<small>Set image alt attribute</small>
</tr>
<tr>
<th><label for="hover-image-disable_popup">Disable popup for this link</label></th>
<td><input type="checkbox" name="disable_popup" id="hover-image-disable_popup"/> Disable popup for this link<br />
<small>Prevent error with open links to other site when popup is enabled</small>
</tr>
<tr>
<th><label for="hover-image-link_tab">Open link in new tab</label></th>
<td><input type="checkbox" name="link_tab" id="hover-image-link_tab"/> Open this link in new tab<br />
<small>Works only when image popup effects disabled or previous checkbox is checked</small>
</tr>
<tr>
<th><label for="hover-image-gallery_id">Image Gallery Id</label></th>
<td><input type="text" name="gallery_id" id="hover-image-gallery_id" value="" /><br />
<small>Images with same Gallery Id will be grouped, and you can navigate between them with prev/next buttons</small>
</tr>
<tr>
<th><label for="hover-image-width">Image Width</label></th>
<td><input type="text" name="width" id="hover-image-width" value="" /><br />
<small>Set image width</small>
</tr>
<tr>
<th><label for="hover-image-height">Image Height</label></th>
<td><input type="text" name="height" id="hover-image-height" value="" /><br />
<small>Set image height</small>
</tr>
<tr>
<th><label for="hover-image-class">Custom link class</label></th>
<td><input type="text" name="class" id="hover-image-class" value="" /><br />
<small>You can add custom CSS class for link</small>
</tr>
<tr>
<th><label for="hover-image-radius">Border radius</label></th>
<td><input type="text" name="radius" id="hover-image-radius" value="" /><br />
<small>You can add border radius in px</small>
</tr>
<tr>
<th><label for="hover-image-effect">Effect</label></th>
<td><select name="effect" id="hover-image-effect">
<option value="none">None</option>
<option value="fade">Fade</option>
<option value="stroke">Stroke</option>
<option value="twist">Twist</option>
<option value="flip">Flip</option>
<option value="flow">Flow</option>
<option value="box">Box</option>
<option value="stripe">Stripe</option>
<option value="apart-horizontal">Apart Horizontal</option>
<option value="apart-vertical">Apart Vertical</option>
<option value="diagonal">Diagonal</option>
</select><br />
<small>Set image hover effect</small></td>
</tr>
<tr>
<th><label for="hover-image-inverse_effect">Inverse Behavior</label></th>
<td><input type="checkbox" name="inverse_effect" id="hover-image-inverse_effect"/> Inverse effect behavior<br />
<small>Hover layer will be visible by default and hidden on mouse hover</small>
</tr>
<tr>
<th><label for="hover-image-color">Hover Color</label></th>
<td><input type="text" name="color" id="hover-image-color" value="" /><br />
<small>Use this field to override global value</small>
</tr>
<tr>
<th><label for="hover-image-opacity">Opacity</label></th>
<td><select name="opacity" id="hover-image-opacity">
<option value="100">100%</option>
<option value="90">90%</option>
<option value="80">80%</option>
<option value="70">70%</option>
<option value="60">60%</option>
<option value="50">50%</option>
<option value="40">40%</option>
<option value="30">30%</option>
<option value="20">20%</option>
<option value="10">10%</option>
</select><br />
<small>Set image hover opacity (except flip and twist effects)</small></td>
</tr>
<tr>
<th><label for="hover-image-title">Image Hover Title</label></th>
<td><input type="text" name="title" id="hover-image-title" value="" /><br /><small>Set title, that will go over image</small></td>
</tr>
<tr>
<th><label for="hover-image-title_visible">Disable Title Animation</label></th>
<td><input type="checkbox" name="title_visible" id="hover-image-title_visible"> Disable Title Animation (Title Always Visible)<br />
</td>
</tr>
<tr>
<th><label for="hover-image-title_delay">Title Effect Delay</label></th>
<td><select name="title_delay" id="hover-image-title_delay">
<option value="">None</option>
<option value="03">0,3 seconds</option>
<option value="06">0,6 seconds</option>
<option value="09">0,9 seconds</option>
<option value="12">1,2 seconds</option>
<option value="15">1,5 seconds</option>
</select><br />
<small>Set title effect delay</small></td>
</tr>
<tr>
<th><label for="hover-image-title_slide">Title Slide Effect</label></th>
<td><select name="title_slide" id="hover-image-title_slide">
<option value="">None</option>
<option value="from-left">From left</option>
<option value="from-right">From right</option>
<option value="from-bottom">From bottom</option>
<option value="from-top">From top</option>
</select><br />
<small>Set title slide effect direction</small></td>
</tr>
<tr>
<th><label for="hover-image-title_rotation">Title Rotation Effect</label></th>
<td><select name="title_rotation" id="hover-image-title_rotation">
<option value="">None</option>
<option value="cw-90">Clockwise 90</option>
<option value="cw-180">Clockwise 180</option>
<option value="ccw-90">Counterclockwise 90</option>
<option value="ccw-180">Counterclockwise 180</option>
</select><br />
<small>Set title rotation effect direction and angle</small></td>
</tr>
<tr>
<th><label for="hover-image-title_scale">Title Scale Effect</label></th>
<td><input type="checkbox" name="title_scale" id="hover-image-title_scale"> Enable scale effect<br />
</td>
</tr>
<tr>
<th><label for="hover-image-title_fade">Title Fade Effect</label></th>
<td><input type="checkbox" name="title_fade" id="hover-image-title_fade"> Enable fade effect<br />
</td>
</tr>
<tr>
<th><label for="hover-image-text">Image Hover Text</label></th>
<td><textarea name="text" id="hover-image-text" rows="3"></textarea><br /><small>Set text, that will go over image. You can use HTML tags</small></td>
</tr>
<tr>
<th><label for="hover-image-text_visible">Disable Text Animation</label></th>
<td><input type="checkbox" name="text_visible" id="hover-image-text_visible"> Disable Text Animation (Text Always Visible)<br />
</td>
</tr>
<tr>
<th><label for="hover-image-text_delay">Text Effect Delay</label></th>
<td><select name="text_delay" id="hover-image-text_delay">
<option value="">None</option>
<option value="03">0,3 seconds</option>
<option value="06">0,6 seconds</option>
<option value="09">0,9 seconds</option>
<option value="12">1,2 seconds</option>
<option value="15">1,5 seconds</option>
</select><br />
<small>Set text effect delay</small></td>
</tr>
<tr>
<th><label for="hover-image-text_slide">Text Slide Effect</label></th>
<td><select name="text_slide" id="hover-image-text_slide">
<option value="">None</option>
<option value="from-left">From left</option>
<option value="from-right">From right</option>
<option value="from-bottom">From bottom</option>
<option value="from-top">From top</option>
</select><br />
<small>Set text slide effect direction</small></td>
</tr>
<tr>
<th><label for="hover-image-text_rotation">Text Rotation Effect</label></th>
<td><select name="text_rotation" id="hover-image-text_rotation">
<option value="">None</option>
<option value="cw-90">Clockwise 90</option>
<option value="cw-180">Clockwise 180</option>
<option value="ccw-90">Counterclockwise 90</option>
<option value="ccw-180">Counterclockwise 180</option>
</select><br />
<small>Set text rotation effect direction and angle</small></td>
</tr>
<tr>
<th><label for="hover-image-text_scale">Text Scale Effect</label></th>
<td><input type="checkbox" name="text_scale" id="hover-image-text_scale"> Enable scale effect<br />
</td>
</tr>
<tr>
<th><label for="hover-image-text_fade">Text Fade Effect</label></th>
<td><input type="checkbox" name="text_fade" id="hover-image-text_fade"> Enable fade effect<br />
</td>
</tr>
</table>
<p class="submit">
<input type="button" id="hover-image-submit" class="button-primary" value="Insert Image" name="submit" />
</p>
</div>