Easy Coming Soon - Version 1.7

Version Description

  1. Option Panel revamped completely.
  2. Added show smke tags.
  3. Removed ajax based actions
Download this release

Release Info

Developer a.ankit
Plugin Icon 128x128 Easy Coming Soon
Version 1.7
Comparing to
See all releases

Code changes from version 1.6.3 to 1.7

Files changed (155) hide show
  1. coming-soon-plugin.php +39 -379
  2. css/style-classic.css +3 -0
  3. css/style-option.css +3 -3
  4. css/theme-admin.css +1 -1
  5. design-settings.php +0 -371
  6. general-settings.php +0 -274
  7. js/media-upload-script.js +1 -1
  8. notification-settings.php +0 -300
  9. readme.txt +7 -2
  10. screenshot-10.jpg +0 -0
  11. screenshot-10.png +0 -0
  12. screenshot-9.jpg +0 -0
  13. screenshot-9.png +0 -0
  14. templates.php +0 -1
  15. theme_options/css/comp-chart.css +1828 -0
  16. theme_options/css/optionpanal-dragdrop.css +96 -0
  17. theme_options/css/style-option.css +461 -0
  18. theme_options/css/upgrade-pro.css +365 -0
  19. theme_options/css/wff-admin.css +4056 -0
  20. {images → theme_options/images}/arrow1.png +0 -0
  21. theme_options/images/button_check.png +0 -0
  22. theme_options/images/close_256.png +0 -0
  23. {images → theme_options/images}/cross.png +0 -0
  24. theme_options/images/ico-changelog.png +0 -0
  25. theme_options/images/ico-docs.png +0 -0
  26. theme_options/images/ico-forum.png +0 -0
  27. {images → theme_options/images}/icon_add.png +0 -0
  28. {images → theme_options/images}/icon_check.png +0 -0
  29. {images → theme_options/images}/icon_header.png +0 -0
  30. theme_options/images/icon_off.png +0 -0
  31. {images → theme_options/images}/icon_on.png +0 -0
  32. {images → theme_options/images}/loading.gif +0 -0
  33. theme_options/images/loading83.gif +0 -0
  34. theme_options/images/openquote.gif +0 -0
  35. theme_options/images/option-icon-ads.png +0 -0
  36. theme_options/images/option-icon-audio.png +0 -0
  37. theme_options/images/option-icon-box.png +0 -0
  38. theme_options/images/option-icon-calendar.png +0 -0
  39. theme_options/images/option-icon-cart.png +0 -0
  40. theme_options/images/option-icon-connect.png +0 -0
  41. theme_options/images/option-icon-favorite.png +0 -0
  42. theme_options/images/option-icon-featured.png +0 -0
  43. theme_options/images/option-icon-footer.png +0 -0
  44. images/general.png → theme_options/images/option-icon-general.png +0 -0
  45. theme_options/images/option-icon-header.png +0 -0
  46. theme_options/images/option-icon-homepage.png +0 -0
  47. theme_options/images/option-icon-image.png +0 -0
  48. theme_options/images/option-icon-layout.png +0 -0
  49. theme_options/images/option-icon-listing.png +0 -0
  50. theme_options/images/option-icon-main.png +0 -0
  51. theme_options/images/option-icon-maps.png +0 -0
  52. theme_options/images/option-icon-media.png +0 -0
  53. theme_options/images/option-icon-misc.png +0 -0
  54. theme_options/images/option-icon-nav.png +0 -0
  55. theme_options/images/option-icon-portfolio.png +0 -0
  56. theme_options/images/option-icon-post.png +0 -0
  57. theme_options/images/option-icon-presstrends.png +0 -0
  58. theme_options/images/option-icon-search.png +0 -0
  59. theme_options/images/option-icon-sidebar.png +0 -0
  60. theme_options/images/option-icon-slider.png +0 -0
  61. images/design.png → theme_options/images/option-icon-styling.png +0 -0
  62. theme_options/images/option-icon-tumblog.png +0 -0
  63. theme_options/images/option-icon-typography.png +0 -0
  64. theme_options/images/option-icon-upload.png +0 -0
  65. theme_options/images/png.png +0 -0
  66. theme_options/images/project.png +0 -0
  67. theme_options/images/satisfied-clients.jpg +0 -0
  68. theme_options/images/service.png +0 -0
  69. theme_options/images/service1.png +0 -0
  70. theme_options/images/slides.png +0 -0
  71. theme_options/images/team.png +0 -0
  72. theme_options/images/testimonial.png +0 -0
  73. theme_options/js/my-custom.js +4 -0
  74. theme_options/js/option-panel-js.js +112 -0
  75. theme_options/pages/aboutpro_version_settings.php +257 -0
  76. theme_options/pages/design_page_settings.php +183 -0
  77. theme_options/pages/header_page_settings.php +136 -0
  78. {images → theme_options/pages/images}/Home-icon.png +0 -0
  79. {images → theme_options/pages/images}/Untitled.png +0 -0
  80. {images → theme_options/pages/images}/Untitled1.png +0 -0
  81. {images → theme_options/pages/images}/Untitled2.png +0 -0
  82. {images → theme_options/pages/images}/arrow-dark.png +0 -0
  83. theme_options/pages/images/arrow1.png +0 -0
  84. {images → theme_options/pages/images}/black_px.png +0 -0
  85. {images → theme_options/pages/images}/btn.png +0 -0
  86. theme_options/pages/images/cross.png +0 -0
  87. theme_options/pages/images/design.png +0 -0
  88. {images → theme_options/pages/images}/empty.gif +0 -0
  89. {images → theme_options/pages/images}/facebook.png +0 -0
  90. theme_options/pages/images/general.png +0 -0
  91. {images → theme_options/pages/images}/googleplus.png +0 -0
  92. {images → theme_options/pages/images}/header.png +0 -0
  93. {images → theme_options/pages/images}/headertile.jpg +0 -0
  94. {images → theme_options/pages/images}/help.png +0 -0
  95. theme_options/pages/images/icon_add.png +0 -0
  96. {images → theme_options/pages/images}/icon_arrow.png +0 -0
  97. theme_options/pages/images/icon_check.png +0 -0
  98. {images → theme_options/pages/images}/icon_classic.png +0 -0
  99. {images → theme_options/pages/images}/icon_dark.png +0 -0
  100. {images → theme_options/pages/images}/icon_delete.png +0 -0
  101. {images → theme_options/pages/images}/icon_edit.png +0 -0
  102. {images → theme_options/pages/images}/icon_error.png +0 -0
  103. theme_options/pages/images/icon_header.png +0 -0
  104. theme_options/pages/images/icon_on.png +0 -0
  105. {images → theme_options/pages/images}/icon_option.png +0 -0
  106. {images → theme_options/pages/images}/icon_option_classic.png +0 -0
  107. {images → theme_options/pages/images}/icon_up.png +0 -0
  108. {images → theme_options/pages/images}/icon_up_down.png +0 -0
  109. {images → theme_options/pages/images}/icons.png +0 -0
  110. {images → theme_options/pages/images}/icons1.png +0 -0
  111. {images → theme_options/pages/images}/img/browsericons.png +0 -0
  112. {images → theme_options/pages/images}/img/design2.png +0 -0
  113. {images → theme_options/pages/images}/img/landing page.png +0 -0
  114. {images → theme_options/pages/images}/img/language.png +0 -0
  115. {images → theme_options/pages/images}/img/laptop1.png +0 -0
  116. {images → theme_options/pages/images}/img/mailchimp snap.png +0 -0
  117. {images → theme_options/pages/images}/img/multiple-mode.png +0 -0
  118. {images → theme_options/pages/images}/img/responsive.png +0 -0
  119. {images → theme_options/pages/images}/img/social.jpg +0 -0
  120. {images → theme_options/pages/images}/img/subscriber.png +0 -0
  121. {images → theme_options/pages/images}/img/users_lock.png +0 -0
  122. theme_options/pages/images/loading.gif +0 -0
  123. {images → theme_options/pages/images}/loading2.gif +0 -0
  124. {images → theme_options/pages/images}/logo_classic.png +0 -0
  125. {images → theme_options/pages/images}/logo_dark.png +0 -0
  126. {images → theme_options/pages/images}/marker.png +0 -0
  127. {images → theme_options/pages/images}/menu-shadow.png +0 -0
  128. {images → theme_options/pages/images}/message.png +0 -0
  129. {images → theme_options/pages/images}/overlay-1.png +0 -0
  130. {images → theme_options/pages/images}/plugin-naked.png +0 -0
  131. {images → theme_options/pages/images}/plugin-naked1.png +0 -0
  132. {images → theme_options/pages/images}/png.png +0 -0
  133. {images → theme_options/pages/images}/pre_bg.gif +0 -0
  134. {images → theme_options/pages/images}/pre_classic_bg.gif +0 -0
  135. {images → theme_options/pages/images}/screenshot-28.png +0 -0
  136. {images → theme_options/pages/images}/screenshot-31.png +0 -0
  137. {images → theme_options/pages/images}/screenshot-4.png +0 -0
  138. {images → theme_options/pages/images}/select.png +0 -0
  139. {images → theme_options/pages/images}/star.png +0 -0
  140. {images → theme_options/pages/images}/support.png +0 -0
  141. {images → theme_options/pages/images}/tabs_bg.png +0 -0
  142. {images → theme_options/pages/images}/template.png +0 -0
  143. {images → theme_options/pages/images}/template3-new.png +0 -0
  144. {images → theme_options/pages/images}/template4.png +0 -0
  145. {images → theme_options/pages/images}/title_back.png +0 -0
  146. {images → theme_options/pages/images}/toggle_tabs.png +0 -0
  147. {images → theme_options/pages/images}/twitter.png +0 -0
  148. {images → theme_options/pages/images}/under_construction-1.png +0 -0
  149. {images → theme_options/pages/images}/wheel.png +0 -0
  150. {images → theme_options/pages/images}/white_px.png +0 -0
  151. theme_options/pages/live_preview_settings.php +30 -0
  152. theme_options/pages/notification_page_setting.php +157 -0
  153. pro.php → theme_options/pages/pro_features_settings.php +614 -606
  154. theme_options/pages/template_page_settings.php +257 -0
  155. theme_options/webriti_option_pannel.php +249 -0
coming-soon-plugin.php CHANGED
@@ -1,12 +1,15 @@
1
  <?php
2
- /*
3
  Plugin Name:Easy Coming Soon
4
  Description: Easy coming Soon plugin allows you to quickly create a launch / under construction page for your website. Collect E-mails and connect with users on Social Networks.
5
- Version: 1.6.3
6
- Author:Deepesh paiwal, ANkit Agarwal
7
  Author URI: http://webriti.com
8
- Plugin URI: http://webriti.com
9
  */
 
 
 
10
  add_action('admin_menu','coming_soon_menu');
11
 
12
 
@@ -61,14 +64,14 @@
61
  }
62
 
63
 
64
- function load_custom_wp_admin_style() {
65
  wp_register_style( 'custom_wp_admin_css', plugins_url('/css/ecs-admin-style.css',__FILE__), false, '1.0.0' );
66
  wp_enqueue_style( 'custom_wp_admin_css' );
67
  }
68
  add_action( 'admin_enqueue_scripts', 'load_custom_wp_admin_style' );
69
 
70
 
71
- add_action('admin_bar_menu', 'my_custom_menu', 1000);
72
  function my_custom_menu()
73
  {
74
  global $wp_admin_bar;
@@ -95,378 +98,11 @@ function my_custom_menu()
95
  *
96
  */
97
  function construction()
98
- { ?>
99
- <style>
100
- .screenshot{
101
-
102
- max-height: 30%;
103
- max-width: 30%;
104
- padding: 5px;
105
- margin-right:10px;
106
- margin-top: 10px;
107
- margin-bottom:10px;
108
- border: 1px solid #a4bbcd;
109
- background: #a4bbcd;
110
- -moz-border-radius: 3px;
111
- -khtml-border-radius: 3px;
112
- -webkit-border-radius: 3px;
113
- border-radius: 3px;
114
- }
115
- </style>
116
-
117
- <!-- div "wrap" is start to get all setting page in warpper -->
118
- <div class="wrap" id="framework_wrap">
119
-
120
- <!-- div class icon32 is start to attach coming soon icon on top page heading -->
121
-
122
- <!-- div class icon32 is close -->
123
- <div class="plugin-title">
124
-
125
- <span style="float:left;margin-left:5px">
126
- <!-- coming soon plugin headline -->
127
- <h1 ><img style="vertical-align:middle" src="<?php echo plugins_url('/images/Home-icon.png',__FILE__); ?>"/>&nbsp;&nbsp;<?php _e('Easy Coming Soon Plugin');?></h1>
128
- </span>
129
- <span style="float:right;margin-right:1%;padding-top:20px;">
130
- <a class="btn btn-primary " href="http://wordpress.org/plugins/easy-coming-soon/" target="_new"><img style="vertical-align:middle" src="<?php echo plugins_url('/images/star.png',__FILE__); ?>"/> &nbsp;<?php _e('Rate us on Wordpress','');?></a>
131
- &nbsp;<a class="btn btn-danger " href="http://webriti.com/easy-coming-soon-pro-detail-page/" target="_new"><?php _e('Upgrade to Pro version','');?></a>
132
- &nbsp;<a class="btn btn-success" href="http://webriti.com/easy-coming-soon-pro-detail-page/" target="_new"><?php _e('View Pro Demo','');?></a>
133
- </span>
134
- </div>
135
- <div class="one-third">
136
-
137
- <!--div content_wrap is start -->
138
- <div id="content_wrap">
139
- <!-- div content is start to add content in tabs-->
140
- <div id="content">
141
- <!-- div options_tabs is start to add tab list in left side of warpper -->
142
- <div id="options_tabs" class="ui-tabs ">
143
- <ul class="options_tabs ui-tabs-nav" role="tablist" id="nav">
144
- <li class="active" role="tab" tabindex="0" aria-controls="option_general_default" aria-labelledby="ui-id-1" aria-selected="true"><a href="#" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-1"><img src="<?php echo plugins_url('images/general.png',__FILE__)?>" />&nbsp;&nbsp;<?php _e('General');?></a>
145
- </li>
146
-
147
- <li role="tab" tabindex="-1" aria-controls="option_demo_header" aria-labelledby="ui-id-2" aria-selected="true">
148
- <a href="#" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-2"><img src="<?php echo plugins_url('images/design.png',__FILE__)?>" />&nbsp;&nbsp;<?php _e('Design');?></a>
149
- </li>
150
- <li role="tab" tabindex="-1" aria-controls="option_color_header" aria-labelledby="ui-id-5" aria-selected="false"><a href="#" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-5"><img src="<?php echo plugins_url('images/message.png',__FILE__)?>" />&nbsp;&nbsp;<?php _e('Notification');?></a>
151
- </li>
152
- </li>
153
- <li role="tab" tabindex="-1" aria-controls="option_color_templates" aria-labelledby="ui-id-8" aria-selected="false"><a href="#" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-8"><img src="<?php echo plugins_url('images/template.png',__FILE__)?>" />&nbsp;&nbsp;<?php _e('Templates');?></a>
154
- </li>
155
- <li><a href="<?php echo home_url(); ?>?my_preview=true&TB_iframe=true&width=500&height=532" title="<?php _e('Live Preview Window') ?>" class="ui-tabs-anchor thickbox-preview" ><img src="<?php echo plugins_url('images/icon_on.png',__FILE__)?>" />&nbsp;&nbsp;<?php _e('Live Preview');?> </a>
156
- </li>
157
- <li role="tab" tabindex="-1" aria-controls="option_color_header" aria-labelledby="ui-id-6" aria-selected="false"><a href="#" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-6" style="font-size:16px;line-height:1.2"><strong><img style="vertical-align:middle" src="<?php echo plugins_url('images/plugin-naked1.png',__FILE__)?>" />&nbsp;&nbsp;<?php _e('Pro Features');?></strong></a>
158
- </li>
159
- <li role="tab" tabindex="-1" aria-controls="option_color_header" aria-labelledby="ui-id-6" aria-selected="false"><a href="#" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-9" style="font-size:15px;line-height:1.2"><strong><img style="vertical-align:middle" src="<?php echo plugins_url('images/plugin-naked1.png',__FILE__)?>" />&nbsp;&nbsp;<?php _e('Whats included in the Pro Version');?></strong></a>
160
- </li>
161
- <div id="nav-shadow"></div>
162
- </ul>
163
-
164
- <!-- Apply script for call open window on live preview button for preview coming soon page-->
165
- <!-- tab-1 to add general settings on right side of coming soon plugin wrapper -->
166
- <?php require_once('general-settings.php');?>
167
- <!-- tab-2 to add design settings on right side of coming soon plugin wrappers-->
168
- <?php include('design-settings.php');?>
169
- <!-- tab-3 to add notification settings on right side of coming soon plugin wrappers-->
170
- <?php include('notification-settings.php');?>
171
- <!-- tab-5 pro Feature-->
172
- <?php include('pro.php');?>
173
- <?php include('templates.php');?>
174
- <?php include('pro-detail.php');?>
175
- <br class="clear">
176
- </div><!-- end div of option_tabs -->
177
- </div><!-- end div of content -->
178
- </div><!-- end div of content_wrap -->
179
- </div> <!-- end of div one third-->
180
- <div class="plugin-title1">
181
-
182
-
183
- </div>
184
-
185
-
186
- </div> <!-- end of div wrap -->
187
- <!--One Forth Part Right End-->
188
- <?php
189
- }
190
-
191
- /*
192
- * add_action to call coming_soon_general_page_save_settings
193
- */
194
-
195
- add_action('wp_ajax_coming_soon_page_settings', 'coming_soon_general_page_save_settings');
196
-
197
- /*
198
- * Function coming_soon_general_page_save_settings function
199
- *
200
- * To get data from general setting page after "save settings" by ajax post
201
- *
202
- */
203
-
204
- function coming_soon_general_page_save_settings()
205
- {
206
- // this check will ensure that only authorized user can execute the ajax call..
207
- //Thanks to Goblin guys for bringing it to our notice
208
-
209
- check_ajax_referer( 'my-general-string', 'security' );
210
-
211
- //when ajax action call to post data from general settings page
212
- if(isset($_POST['action']) == "coming_soon_page_settings")
213
- {
214
- $status = $_POST['status'];
215
- $background = $_POST['background'];
216
- $title = $_POST['title'];
217
- $descrip = stripslashes($_POST['descrip']);
218
- $google_code = stripslashes($_POST['google_code']);
219
-
220
-
221
- $fb = $_POST['fb'];
222
- $twit = $_POST['twit'];
223
- $gp = $_POST['gp'];
224
-
225
- //all data is sotre in array form
226
- $general_page_save_setting = array( 'status' => $status,
227
- 'background' => $background,
228
- 'title' => $title,
229
- 'descrip' => $descrip,
230
- 'google_code' => $google_code,
231
-
232
-
233
- 'fb' => $fb,
234
- 'twit' => $twit,
235
- 'gp' => $gp
236
- );
237
- // data is insert into option table
238
- update_option("soon_page_settings", $general_page_save_setting);
239
- }
240
- }
241
-
242
- /*
243
- * add_action to call coming_soon_general_page_reset_settings
244
- */
245
-
246
- add_action('wp_ajax_coming_soon_page_reset_settings', 'coming_soon_general_page_reset_settings');
247
-
248
- /*
249
- * Function coming_soon_general_page_reset_settings
250
- *
251
- * To get data from general setting page after "reset data" by ajax post
252
- *
253
- */
254
- function coming_soon_general_page_reset_settings()
255
- {
256
-
257
- // this check will ensure that only authorized user can execute the ajax call..
258
-
259
-
260
- check_ajax_referer( 'my-general-string', 'security' );
261
-
262
- if(isset($_POST['action']) == "coming_soon_page_reset_settings")
263
- {
264
- $status = "1";
265
- $background = "";
266
- $title = "";
267
- $descrip = "";
268
- $google_code = "";
269
-
270
- $fb = "";
271
- $twit ="";
272
- $gp = "";
273
-
274
- $general_page_reset_setting = array( 'status' => $status,
275
- 'background' => $background,
276
- 'title' => $title,
277
- 'descrip' => $descrip,
278
- 'google_code' => $google_code,
279
-
280
- 'fb' => $fb,
281
- 'twit' => $twit,
282
- 'gp' => $gp
283
- );
284
- //send data into option table by update option
285
- update_option("soon_page_settings", $general_page_reset_setting);
286
- }
287
  }
288
 
289
- /*
290
- * add_action to call coming_soon_design_page_save_settings function
291
- */
292
- add_action('wp_ajax_coming_soon_page_design_settings', 'coming_soon_page_design_save_settings');
293
-
294
- /*
295
- * Function coming_soon_design_page_save_settings
296
- *
297
- * To get data from design setting page after "save settings" by ajax post
298
- *
299
- */
300
- function coming_soon_page_design_save_settings()
301
- {
302
- // this check will ensure that only authorized user can execute the ajax call..
303
-
304
-
305
- check_ajax_referer( 'my-design-string', 'security' );
306
-
307
-
308
- if(isset($_POST['action']) == "coming_soon_page_design_settings")
309
- {
310
- $background_color = $_POST['background_color'];
311
- $title_color = $_POST['title_color'];
312
- $title_font_size = $_POST['pxselect_post_title'];
313
- $title_font_format = $_POST['font_family_post_title'];
314
- $descrip_color = $_POST['descrip_color'];
315
- $description_font_size = $_POST['pxselect_post_entry'];
316
- $description_font_format = $_POST['font_family_post_description'];
317
- $background_effect= $_POST['background_effect'];
318
-
319
- $design_settings_save_setting = array( 'background_color' => $background_color,
320
- 'title_color' => $title_color,
321
- 'title_font_size' => $title_font_size,
322
- 'title_font_format' => $title_font_format,
323
- 'descrip_color' => $descrip_color,
324
- 'description_font_size' => $description_font_size,
325
- 'description_font_format' => $description_font_format,
326
- 'background_effect'=>$background_effect,
327
- );
328
-
329
- update_option("soon_page_desgin_settings", $design_settings_save_setting);
330
- }
331
- }
332
-
333
- /*
334
- * add_action to call coming_soon_design_page_reset_settings function
335
- */
336
- add_action('wp_ajax_coming_soon_page_design_reset_settings', 'coming_soon_page_design_reset_settings');
337
-
338
- /*
339
- * Function coming_soon_design_page_reset_settings
340
- *
341
- * To get data from design setting page after "reset settings" by ajax post
342
- *
343
- */
344
- function coming_soon_page_design_reset_settings()
345
- {
346
- // this check will ensure that only authorized user can execute the ajax call..
347
-
348
-
349
- check_ajax_referer( 'my-design-string', 'security' );
350
-
351
-
352
- if(isset($_POST['action']) == "coming_soon_page_design_reset_settings")
353
- {
354
- $background_color ="#21759B";
355
- $title_color = "#ffffff";
356
- $descrip_color ="#ffffff";
357
- $title_font_size = "30";
358
- $title_font_format = "Arial Black, sans-serif";
359
- $description_font_size ="20";
360
- $description_font_format = "Verdana, Geneva, sans-serif";
361
- $background_effect = "0";
362
-
363
- $design_page_reset_setting = array( 'background_color' => $background_color,
364
- 'title_color' => $title_color,
365
- 'descrip_color' => $descrip_color,
366
- 'title_font_size' => $title_font_size,
367
- 'title_font_format' => $title_font_format,
368
- 'description_font_size' => $description_font_size,
369
- 'description_font_format' => $description_font_format,
370
- 'background_effect'=>$background_effect,
371
- );
372
-
373
- update_option("soon_page_desgin_settings", $design_page_reset_setting);
374
- }
375
- }
376
- /*
377
- * add_action to call coming_soon_page_notification_settings function
378
- */
379
- add_action('wp_ajax_coming_soon_page_notification_settings', 'coming_soon_page_notification_settings');
380
- /*
381
- * Function coming_soon_Notification_page_save_settings
382
- *
383
- * To get data from notification setting page after "save settings" by ajax post
384
- *
385
- */
386
- function coming_soon_page_notification_settings()
387
-
388
- {
389
-
390
- // this check will ensure that only authorized user can execute the ajax call..
391
-
392
-
393
- check_ajax_referer( 'my-notification-string', 'security' );
394
-
395
-
396
-
397
- if(isset($_POST['action']) == "coming_soon_page_notification_settings")
398
- {
399
- $mailto = ($_POST['mailto']);
400
- $email_address = ($_POST['email_address']);
401
- $message = ($_POST['message']);
402
- $sb_btn = ($_POST['sb_btn']);
403
- $placeholder_text = ($_POST['placeholder_text']);
404
-
405
-
406
- //all data is store in array form
407
- $notification_page_save_setting = array(
408
-
409
- 'mailto' => $mailto,
410
- 'email_address' => $email_address,
411
- 'message' => $message,
412
- 'sb_btn' => $sb_btn,
413
- 'placeholder_text' => $placeholder_text,
414
-
415
- );
416
- // data is insert into option table
417
- update_option("soon_page_notification_settings", $notification_page_save_setting);
418
-
419
-
420
- }
421
- }
422
-
423
-
424
- /*
425
- * add_action to call coming_soon_page_reset_notification_settings function
426
- */
427
- add_action('wp_ajax_coming_soon_page_reset_notification_settings', 'coming_soon_page_reset_notification_settings');
428
- /*
429
- * Function coming_soon_Notification_page_save_settings
430
- *
431
- * To get data from notification setting page after "reset settings" by ajax post
432
- *
433
- */
434
- function coming_soon_page_reset_notification_settings()
435
- {
436
-
437
- // this check will ensure that only authorized user can execute the ajax call..
438
-
439
-
440
- check_ajax_referer( 'my-notification-string', 'security' );
441
-
442
- if(isset($_POST['action']) == "coming_soon_page_reset_notification_settings")
443
- {
444
-
445
- $mailto = "no";
446
- $email_address ="";
447
- $message = "Thanks for subscribing this page";
448
- $sb_btn ="";
449
- $placeholder_text="";
450
-
451
-
452
-
453
- //all data is sotre in array form
454
- $notification_page_reset_setting = array(
455
-
456
- 'mailto' => $mailto,
457
- 'email_address' => $email_address,
458
- 'message' => $message,
459
- 'sb_btn' => $sb_btn,
460
- 'placeholder_text' => $placeholder_text,
461
-
462
-
463
- );
464
- // data is insert into option table
465
- update_option("soon_page_notification_settings", $notification_page_reset_setting);
466
-
467
- }
468
- }
469
- /*
470
  * Function my_page_template_redirect
471
  *
472
  * To redirect our site url by coming soon page,after redirecting only our coming soon page can display
@@ -528,7 +164,7 @@ border-radius: 3px;
528
 
529
 
530
 
531
- /*
532
  * We will wrap the template redirect action in this function. We will check if the page is wp-login.php.
533
  The template redirect action will not be called on login pages.
534
  */
@@ -555,9 +191,33 @@ border-radius: 3px;
555
 
556
 
557
 
 
 
 
 
558
 
559
-
560
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
561
 
562
 
563
  ?>
1
  <?php
2
+ /*
3
  Plugin Name:Easy Coming Soon
4
  Description: Easy coming Soon plugin allows you to quickly create a launch / under construction page for your website. Collect E-mails and connect with users on Social Networks.
5
+ Version: 1.7
6
+ Author:Ankit Agarwal, Priyanshu Mittal
7
  Author URI: http://webriti.com
8
+ Plugin URI: http://webriti.com/easy-coming-soon-pro-detail-page/
9
  */
10
+
11
+
12
+
13
  add_action('admin_menu','coming_soon_menu');
14
 
15
 
64
  }
65
 
66
 
67
+ function load_custom_wp_admin_style() {
68
  wp_register_style( 'custom_wp_admin_css', plugins_url('/css/ecs-admin-style.css',__FILE__), false, '1.0.0' );
69
  wp_enqueue_style( 'custom_wp_admin_css' );
70
  }
71
  add_action( 'admin_enqueue_scripts', 'load_custom_wp_admin_style' );
72
 
73
 
74
+ add_action('admin_bar_menu', 'my_custom_menu', 1000);
75
  function my_custom_menu()
76
  {
77
  global $wp_admin_bar;
98
  *
99
  */
100
  function construction()
101
+ {
102
+ require "theme_options/webriti_option_pannel.php";
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
103
  }
104
 
105
+ /*
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
106
  * Function my_page_template_redirect
107
  *
108
  * To redirect our site url by coming soon page,after redirecting only our coming soon page can display
164
 
165
 
166
 
167
+ /*
168
  * We will wrap the template redirect action in this function. We will check if the page is wp-login.php.
169
  The template redirect action will not be called on login pages.
170
  */
191
 
192
 
193
 
194
+ /*
195
+ * Includes all option panel scripts
196
+ *
197
+ */
198
 
199
+ add_action('admin_enqueue_scripts', 'commingsoon_admin_enqueue_script');
200
+ function commingsoon_admin_enqueue_script($hook)
201
+ {
202
+ if ($hook == 'toplevel_page_coming_soon')
203
+ {
204
+
205
+ wp_enqueue_script('innovation-tab',plugin_dir_url( __FILE__ ).'theme_options/js/option-panel-js.js',array('media-upload','jquery-ui-sortable'));
206
+ wp_enqueue_style('innovation-option',plugin_dir_url( __FILE__ ).'theme_options/css/style-option.css');
207
+
208
+ wp_enqueue_style('innovation-optionpanal-dragdrop',plugin_dir_url( __FILE__ ).'theme_options/css/optionpanal-dragdrop.css');
209
+
210
+ //Custom plugin
211
+ wp_enqueue_script('innovation_admin_js',plugin_dir_url( __FILE__ ).'theme_options/js/my-custom.js');
212
+ wp_enqueue_script ('wff_custom_wp_admin_js');
213
+ wp_enqueue_script('eif_custom_wp_admin_js',plugin_dir_url( __FILE__ ).'theme_options/js/my-custom.js',array('jquery','jquery-ui-tabs'));
214
+
215
+ //css
216
+ wp_register_style ('wff_custom_wp_admin_css',plugin_dir_url( __FILE__ ). 'theme_options/css/wff-admin.css');
217
+ wp_enqueue_style( 'wff_custom_wp_admin_css' );
218
+
219
+ }
220
+ }
221
 
222
 
223
  ?>
css/style-classic.css CHANGED
@@ -56,4 +56,7 @@ tbody tr.inline-edit-option td {
56
  .ui-tabs .ui-tabs-nav li.ui-state-hover a {
57
  background-color: #f1f8fd;
58
  color: #555;
 
 
 
59
  }
56
  .ui-tabs .ui-tabs-nav li.ui-state-hover a {
57
  background-color: #f1f8fd;
58
  color: #555;
59
+ }
60
+ #poststuff #post-body {
61
+ min-height: 391px;
62
  }
css/style-option.css CHANGED
@@ -1698,13 +1698,13 @@ input[type="submit"].ob_button {
1698
 
1699
  }
1700
  .active{
1701
- background-color: #2f96b4;
1702
  background-image: -moz-linear-gradient(top, #52b2cf, #2f96b4);
1703
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#52b2cf), to(#2f96b4));
1704
  background-image: -webkit-linear-gradient(top, #52b2cf, #2f96b4);
1705
  background-image: -o-linear-gradient(top, #52b2cf, #2f96b4);
1706
- background-image: linear-gradient(to bottom, #52b2cf, #2f96b4);
1707
- color:#fff;
1708
 
1709
  }
1710
 
1698
 
1699
  }
1700
  .active{
1701
+ /*background-color: #2f96b4;
1702
  background-image: -moz-linear-gradient(top, #52b2cf, #2f96b4);
1703
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#52b2cf), to(#2f96b4));
1704
  background-image: -webkit-linear-gradient(top, #52b2cf, #2f96b4);
1705
  background-image: -o-linear-gradient(top, #52b2cf, #2f96b4);
1706
+ background-image: linear-gradient(to bottom, #52b2cf, #2f96b4);*/
1707
+ color:#000;
1708
 
1709
  }
1710
 
css/theme-admin.css CHANGED
@@ -23,7 +23,7 @@
23
  textarea, input[type="text"], input[type="password"], input[type="file"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="url"], select {
24
  background-color: #FFFFFF;
25
  color: #333333;
26
- width: 90%;
27
  }
28
 
29
  hr {
23
  textarea, input[type="text"], input[type="password"], input[type="file"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="url"], select {
24
  background-color: #FFFFFF;
25
  color: #333333;
26
+ width: 60%;
27
  }
28
 
29
  hr {
design-settings.php DELETED
@@ -1,371 +0,0 @@
1
-
2
- <?php
3
- //Set Your Nonce
4
- $ajax_nonce = wp_create_nonce( "my-design-string" );
5
- ?>
6
-
7
- <script>
8
- //data save function call on save button onclick and post by action to option table
9
- function datasave_design_settings()
10
- {
11
- var background_color = jQuery('#backgound_color').val();
12
- var title_color = jQuery('#title_color').val();
13
- var descrip_color = jQuery('#descrip_color').val();
14
- var pxselect_post_title = jQuery('#pxselect_post_title').val();
15
- var font_family_post_title = jQuery('#font_family_post_title').val();
16
- var pxselect_post_entry = jQuery('#pxselect_post_entry').val();
17
- var font_family_post_description = jQuery('#font_family_post_description').val();
18
- var background_effect = jQuery('input:radio[name="cs_noise_effect"]:checked').val();
19
- jQuery('#loading_design').show();
20
-
21
- jQuery.ajax(
22
- {
23
- type: "POST",
24
- url: ajaxurl,
25
-
26
- data : {
27
- 'action':'coming_soon_page_design_settings',
28
- 'security' : '<?php echo $ajax_nonce; ?>',
29
- 'background_color':background_color,
30
- 'title_color':title_color,
31
- 'descrip_color':descrip_color,
32
- 'pxselect_post_title':pxselect_post_title,
33
- 'font_family_post_title':font_family_post_title,
34
- 'pxselect_post_entry':pxselect_post_entry,
35
- 'font_family_post_description':font_family_post_description,
36
- 'background_effect':background_effect,
37
- },
38
- success : function(data){
39
- jQuery('#loading_design').hide();
40
- jQuery('#success_message_save').show();
41
- jQuery("#success_message_save").fadeOut(5000);
42
- //location.href='?page=coming_soon';
43
- }
44
- });
45
- }
46
- //data reset function is call on reset button onclick and data post by ajax action in option table
47
- function reset_data_typography()
48
- {
49
- jQuery.ajax(
50
- {
51
- type: "POST",
52
- url: ajaxurl,
53
-
54
- data : {
55
- 'action':'coming_soon_page_design_reset_settings',
56
- 'security' : '<?php echo $ajax_nonce; ?>',
57
- },
58
- success : function(data){
59
- jQuery('#success_message').show();
60
- jQuery("#success_message").fadeOut(5000);
61
- location.href='?page=coming_soon';
62
- }
63
- });
64
- }
65
- </script>
66
-
67
- <style>
68
- /* =Tooltips style
69
- ========================================================================*/
70
-
71
- .icon {
72
- display: inline-block;
73
- width: 16px;
74
- height: 16px;
75
- position: relative;
76
- padding: 0 4px 0 0;
77
-
78
- background: url(<?php echo plugins_url('images/icons.png',__FILE__) ?>) no-repeat;
79
- }
80
-
81
- .tooltip {
82
- display: none;
83
- width: 200px;
84
- position: absolute;
85
- padding: 10px;
86
- margin: 4px 0 0 4px;
87
- top: 0;
88
- right: 16px;
89
- border: 1px solid #76B6D7;
90
- border-radius: 0 8px 8px 8px;
91
- background: #bedffe;
92
- font-size: 13px;
93
- box-shadow: 0 1px 2px -1px #21759B;
94
- z-index: 999;
95
- }
96
-
97
- /* Icons Sprite Position */
98
-
99
- .help {
100
- background-position: 0 0;
101
- }
102
-
103
- .warning {
104
- background-position: -20px 0;
105
- }
106
-
107
- .error {
108
- background-position: -40px 0;
109
- }
110
-
111
- /* Tooltip Colors */
112
-
113
- .help .tooltip {
114
- border-color: #76B6D7;
115
- background-color: #bedffe;
116
- box-shadow-color: #21759B;
117
- }
118
-
119
- .warning .tooltip {
120
- border-color: #cca863;
121
- background-color: #ffff70;
122
- box-shadow-color: #ac8c4e;
123
- }
124
-
125
- .error .tooltip {
126
- border-color: #b50d0d;
127
- background-color: #e44d4e;
128
- box-shadow-color: #810606;
129
- }
130
-
131
- .icon:hover .tooltip {
132
- display: block;
133
- }
134
- .wp-color-result {
135
- vertical-align: middle;
136
- }
137
- </style>
138
-
139
-
140
-
141
- <!-- first div start for diplay design setting on second tab "design" -->
142
- <div class="block ui-tabs-panel ui-widget-content ui-corner-bottom" id="option_typography" aria-labelledby="ui-id-2" role="tabpanel" style="display: none;">
143
- <?php $value=get_option('soon_page_desgin_settings');
144
- $background_effect = $value['background_effect'];
145
- ?>
146
- <!--code for Menu Style-->
147
- <!-- div start to diplay page top head title -->
148
- <div class="option option-checbox">
149
-
150
- <h3><?php _e('Background Color');?><span class="icon help" style="float:right">
151
- <span class="tooltip">Select background color.</span></h3>
152
- </div>
153
- <!-- div end to diplay page top head title -->
154
- <!-- div start to diplay "baackground color" field-->
155
- <div class="option option-background-upload">
156
- <div class="section">
157
- <div class="element">
158
- <div class="form-item" >
159
-
160
- <input type="text" class="my-color-field" data-default-color="#ffffff" id="backgound_color" value="<?php if($value['background_color']=='') { echo '#21759B' ;} else{ echo $value['background_color'];} ?>" />
161
- </div>
162
-
163
- </div>
164
- </div>
165
- </div>
166
- <!-- div end to diplay "baackground color" field -->
167
-
168
- <!--div start to display "title and fonts" -->
169
- <div class="option option-checbox">
170
- <h3><?php _e('"Headline" Font & Color','sis_spa');?><span class="icon help" style="float:right">
171
- <span class="tooltip">Customize the font , size and color of the title.</span></h3>
172
- </div>
173
- <!--div end to display "title and fonts" -->
174
- <!--div start to display "title and fonts colors and formats" -->
175
- <div class="option option-background-upload">
176
- <div class="section">
177
- <div class="element">
178
-
179
- <h4 style="font-size:15px;">
180
- Headline font-color
181
- </h4>
182
-
183
- <div class="form-item" style="margin-bottom:7px">
184
- <input type="text" class="my-color-field" data-default-color="#ffffff" id="title_color" name="color_post_title" value="<?php $value=get_option('soon_page_desgin_settings'); if($value['title_color']=='') { echo '#ffffff' ;} else{ echo $value['title_color'];} ?>"/>
185
- </div>
186
-
187
- <br>
188
- <div style="width:20%;display:inline" >
189
- <h4 style="font-size:15px;">
190
- Headline font-size
191
- </h4>
192
- </div>
193
- <div class="select_wrapper background-attachment" style="width:40%">
194
- <select name="post_title_px" id="pxselect_post_title" class="select">
195
- <?php
196
- for ($i = 10; $i <=100; $i++) {
197
- ?>
198
- <option value="<?php echo $i; ?>" <?php $value=get_option('soon_page_desgin_settings'); if ( $value['title_font_size'] == $i ) echo selected($value['title_font_size'], $i ); ?> name=""><?php echo $i; ?></option>
199
- <?php } ?>
200
- </select>
201
- </div>
202
-
203
- <div class="select_wrapper background-attachment" style="width:20%;margin-left:10px;margin-bottom:7px" >
204
- <select id="main_post_title" onchange="return change_post_title()" class="select">
205
- <option value="px"><?php _e('px');?></option>
206
- <!-- <option value="em">em</option>-->
207
- </select>
208
- </div>
209
- <br>
210
- <div style="width:20%;display:inline" >
211
- <h4 style="font-size:15px;">
212
- Headline font-style
213
- </h4>
214
- </div>
215
- <?php $value=get_option('soon_page_desgin_settings'); $font_family_post_title = $value['title_font_format']; ?>
216
- <div class="select_wrapper background-attachment" style="width:60%" >
217
- <select name="font_family_post_title" class="select" id="font_family_post_title">
218
- <optgroup label="Select Fonts">
219
- <option value="roboto" <?php selected($font_family_post_title, 'roboto' ); ?>>roboto</option>
220
- <option value="Arial, sans-serif" <?php selected($font_family_post_title, 'Arial, sans-serif' ); ?>>Arial</option>
221
- <option value="Verdana, Geneva, sans-serif" <?php selected($font_family_post_title, 'Verdana, Geneva, sans-serif' ); ?>>Verdana</option><option value="Trebuchet MS, Tahoma, sans-serif" <?php selected($font_family_post_title, 'Trebuchet MS, Tahoma, sans-serif' ); ?>>Trebuchet</option><option value="Georgia, serif" <?php selected($font_family_post_title, 'Georgia, serif' ); ?>>Georgia</option><option value="Times New Roman, serif" <?php selected($font_family_post_title, 'Times New Roman, serif' ); ?>>Times New Roman</option><option value="Tahoma, Geneva, Verdana, sans-serif" <?php selected($font_family_post_title, 'Tahoma, Geneva, Verdana, sans-serif' ); ?>>Tahoma</option><option value="Palatino, Palatino Linotype, serif" <?php selected($font_family_post_title, 'Palatino, Palatino Linotype, serif' ); ?>>Palatino</option><option value="Helvetica Neue, Helvetica, sans-serif" <?php selected($font_family_post_title, 'Helvetica Neue, Helvetica, sans-serif' ); ?>>Helvetica*</option><option value="Calibri, Candara, Segoe, Optima, sans-serif" <?php selected($font_family_post_title, 'Calibri, Candara, Segoe, Optima, sans-serif' ); ?>>Calibri*</option><option value="Myriad Pro, Myriad, sans-serif" <?php selected($font_family_post_title, 'Myriad Pro, Myriad, sans-serif' ); ?>>Myriad Pro*</option><option value="Lucida Grande, Lucida Sans Unicode, Lucida Sans, sans-serif" <?php selected($font_family_post_title, 'Lucida Grande, Lucida Sans Unicode, Lucida Sans, sans-serif' ); ?>>Lucida</option><option value="Arial Black, sans-serif" <?php selected($font_family_post_title, 'Arial Black, sans-serif' ); ?>>Arial Black</option><option value="Gill Sans, Gill Sans MT, Calibri, sans-serif" <?php selected($font_family_post_title, 'Gill Sans, Gill Sans MT, Calibri, sans-serif' ); ?>>Gill Sans*</option><option value="Geneva, Tahoma, Verdana, sans-serif" <?php selected($font_family_post_title, 'Geneva, Tahoma, Verdana, sans-serif' ); ?>>Geneva*</option><option value="Impact, Charcoal, sans-serif" <?php selected($font_family_post_title, 'Impact, Charcoal, sans-serif' ); ?>>Impact</option><option value="Courier, Courier New, monospace" <?php selected($font_family_post_title, 'Courier, Courier New, monospace' ); ?>>Courier</option><option value="Abel" <?php selected($font_family_post_title, 'Abel' ); ?>>Abel</option>
222
- </optgroup>
223
- </select>
224
- </div>
225
-
226
-
227
-
228
- </div>
229
- </div>
230
- </div><br>
231
- <!--div end to display "title and fonts colos and formats" -->
232
- <!--div start for display "Description" Font & Color" -->
233
- <div class="option option-checbox">
234
- <h3 ><?php _e('"Description" Font & Color');?><span class="icon help" style="float:right">
235
- <span class="tooltip">Customize font, size and color of description</span></h3>
236
- </div>
237
- <!--div end for display "Description" Font & Color" -->
238
- <!--div start for display "Description" Font & Color with formats and colors display" -->
239
- <div class="option option-background-upload">
240
- <div class="section">
241
- <div class="element">
242
-
243
- <h4 style="font-size:15px;">
244
- Description font-color
245
- </h4>
246
- <div class="form-item">
247
- <input type="text" class="my-color-field" data-default-color="#ffffff" id="descrip_color" name="color_post_entry" value="<?php $value=get_option('soon_page_desgin_settings'); if($value['descrip_color']=='') { echo '#ffffff' ;} else{ echo $value['descrip_color'];}?>" />
248
- </div>
249
-
250
- <br>
251
-
252
- <div style="width:20%;display:inline" >
253
- <h4 style="font-size:15px;">
254
- Description font-size
255
- </h4>
256
- </div>
257
- <div class="select_wrapper background-attachment" style="width:40%">
258
- <select name="post_entry_px" id="pxselect_post_entry" class="select">
259
- <?php
260
- for ($i = 10; $i <= 100; $i++) {
261
- ?>
262
- <option value="<?php echo $i; ?>" <?php $value=get_option('soon_page_desgin_settings'); if ( $value['description_font_size'] == $i ) echo selected($value['description_font_size'], $i ); ?> name=""><?php echo $i; ?></option>
263
- <?php } ?>
264
- </select>
265
- </div>
266
- <div class="select_wrapper background-attachment" style="width:20%;margin-left:10px;margin-bottom:7px"">
267
- <select id="main_post_entry" onchange="return change_post_entry()" class="select">
268
- <option value="px"><?php _e('px');?></option>
269
- </select>
270
- </div>
271
- <br>
272
- <div style="width:20%;display:inline" >
273
- <h4 style="font-size:15px;">
274
- Description font-style
275
- </h4>
276
- </div>
277
- <?php $value=get_option('soon_page_desgin_settings'); $font_family_post_entry = $value['description_font_format']; ?>
278
- <div class="select_wrapper background-attachment" style="width:60%">
279
- <select name="font_family_post_description" class="select" id="font_family_post_description">
280
- <optgroup label="Select Fonts">
281
- <option value="roboto" <?php selected($font_family_post_entry, 'roboto' ); ?>>roboto</option>
282
- <option value="Arial, sans-serif" <?php selected($font_family_post_entry, 'Arial, sans-serif' ); ?>>Arial</option>
283
- <option value="Verdana, Geneva, sans-serif" <?php selected($font_family_post_entry, 'Verdana, Geneva, sans-serif' ); ?>>Verdana</option><option value="Trebuchet MS, Tahoma, sans-serif" <?php selected($font_family_post_entry, 'Trebuchet MS, Tahoma, sans-serif' ); ?>>Trebuchet</option><option value="Georgia, serif" <?php selected($font_family_post_entry, 'Georgia, serif' ); ?>>Georgia</option><option value="Times New Roman, serif" <?php selected($font_family_post_entry, 'Times New Roman, serif' ); ?>>Times New Roman</option><option value="Tahoma, Geneva, Verdana, sans-serif" <?php selected($font_family_post_entry, 'Tahoma, Geneva, Verdana, sans-serif' ); ?>>Tahoma</option><option value="Palatino, Palatino Linotype, serif" <?php selected($font_family_post_entry, 'Palatino, Palatino Linotype, serif' ); ?>>Palatino</option><option value="Helvetica Neue, Helvetica, sans-serif" <?php selected($font_family_post_entry, 'Helvetica Neue, Helvetica, sans-serif' ); ?>>Helvetica*</option><option value="Calibri, Candara, Segoe, Optima, sans-serif" <?php selected($font_family_post_entry, 'Calibri, Candara, Segoe, Optima, sans-serif' ); ?>>Calibri*</option><option value="Myriad Pro, Myriad, sans-serif" <?php selected($font_family_post_entry, 'Myriad Pro, Myriad, sans-serif' ); ?>>Myriad Pro*</option><option value="Lucida Grande, Lucida Sans Unicode, Lucida Sans, sans-serif" <?php selected($font_family_post_entry, 'Lucida Grande, Lucida Sans Unicode, Lucida Sans, sans-serif' ); ?>>Lucida</option><option value="Arial Black, sans-serif" <?php selected($font_family_post_entry, 'Arial Black, sans-serif' ); ?>>Arial Black</option><option value="Gill Sans, Gill Sans MT, Calibri, sans-serif" <?php selected($font_family_post_entry, 'Gill Sans, Gill Sans MT, Calibri, sans-serif' ); ?>>Gill Sans*</option><option value="Geneva, Tahoma, Verdana, sans-serif" <?php selected($font_family_post_entry, 'Geneva, Tahoma, Verdana, sans-serif' ); ?>>Geneva*</option><option value="Impact, Charcoal, sans-serif" <?php selected($font_family_post_entry, 'Impact, Charcoal, sans-serif' ); ?>>Impact</option><option value="Courier, Courier New, monospace" <?php selected($font_family_post_entry, 'Courier, Courier New, monospace' ); ?>>Courier</option><option value="Abel" <?php selected($font_family_post_entry, 'Abel' ); ?>>Abel</option>
284
- </optgroup>
285
- </select>
286
- </div>
287
-
288
-
289
- </div>
290
- </div>
291
- </div><br /><br/>
292
- <!--div end for display "Description" Font & Color with formats and colors display" -->
293
-
294
-
295
-
296
- <!--div start for display "Description" Font & Color" -->
297
- <div class="option option-checbox">
298
- <h3><?php _e('Background Noise Effect');?><span class="icon help" style="float:right">
299
- <span class="tooltip">Add noise effect on your background</span></h3>
300
- </div>
301
- <!--div end for display "Description" Font & Color" -->
302
- <!--div start for display "Description" Font & Color with formats and colors display" -->
303
- <div class="option option-background-upload">
304
- <div class="section">
305
- <div class="element">
306
-
307
- <div class="form-item">
308
- <input type="radio" value="0" id="cs_noise_effect" <?php if($value['background_effect']=='0') echo 'checked'?> name="cs_noise_effect" />&nbsp;None<br>
309
- <input type="radio" value="1" id="cs_noise_effect" <?php if($value['background_effect']=='1') echo 'checked' ?> name="cs_noise_effect" />&nbsp;Noise
310
- </div>
311
-
312
- <br>
313
-
314
-
315
-
316
-
317
- </div>
318
- </div>
319
- </div><br /><br/>
320
- <!--div end for display "Description" Font & Color with formats and colors display" -->
321
-
322
- <input type="button" class="button-framework save-options" value= "<?php _e('Save Changes');?>" onclick="datasave_design_settings()"/>
323
- <input type="button" class="button-framework reset" value="<?php _e('Restore Defaults');?>" onclick="reset_data_typography()" />
324
- &nbsp;<img id="loading_design" style="display:none;
325
- vertical-align:middle;" class="loading" src="<?php echo plugins_url('/images/loading.gif',__FILE__);?>" />
326
- <div id="success_message" ><?php _e('Data Reset Successfully');?></div>
327
- <div id="success_message_save" ><?php _e('Data Save Successfully');?></div>
328
- </div><!-- end of final div for design settings page -->
329
- <style>
330
- #success_message_save
331
- {
332
- display: none;
333
- margin: 15px 8px 0px 1px;
334
- padding: 13px 0px 15px 52px;
335
- background: url(<?php echo plugins_url("/images/icon_check.png",__FILE__) ?>) left no-repeat #21759B;
336
- /*opacity:0.5;
337
- filter:alpha(opacity=50);*/
338
- background-position: 15px 15px;
339
- border: solid 1px #F22853;
340
- -webkit-border-radius: 15px;
341
- -moz-border-radius: 15px;
342
- border-radius: 15px;
343
- width: 220px;
344
- font-size: 20px;
345
- color: #ffffff;
346
- position: absolute;
347
- left: 500px;
348
- bottom: 20px;
349
-
350
- }
351
- #success_message
352
- {
353
- display: none;
354
- margin: 15px 8px 0px 1px;
355
- padding: 13px 0px 15px 52px;
356
- background: url(<?php echo plugins_url("/images/icon_check.png",__FILE__) ?>) left no-repeat #21759B;
357
-
358
- background-position: 15px 15px;
359
- border: solid 1px #F22853;
360
- -webkit-border-radius: 15px;
361
- -moz-border-radius: 15px;
362
- border-radius: 15px;
363
- width: 220px;
364
- font-size: 20px;
365
- color: #ffffff;
366
- position: absolute;
367
- left: 500px;
368
- bottom: 20px;
369
-
370
- }
371
- </style>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
general-settings.php DELETED
@@ -1,274 +0,0 @@
1
- <?php
2
- //Set Your Nonce
3
- $ajax_nonce = wp_create_nonce( "my-general-string" );
4
- ?>
5
-
6
-
7
- <script>
8
- //save button onclick function for post value through ajax in option table
9
- function datasave_general_pagesetting()
10
- {
11
- var status= jQuery('input[type="radio"]:checked').val();
12
- var background = jQuery('#upload_background').val();
13
- var title = jQuery('#title').val();
14
- var descrip = jQuery('#descrip').val();
15
- var google_code = jQuery('#google_code').val();
16
- jQuery('#loading_general').show();
17
-
18
-
19
- if(jQuery('#fbchk').is(':checked'))
20
- {
21
-
22
- var fb = jQuery('#fb').val();
23
-
24
- }
25
- if(jQuery('#twitchk').is(':checked'))
26
- {
27
-
28
- var twit= jQuery('#twit').val();
29
-
30
- }
31
- if(jQuery('#gpchk').is(':checked'))
32
- {
33
-
34
- var gp= jQuery('#gp').val();
35
-
36
- }
37
-
38
- jQuery.ajax(
39
- {
40
- type: "POST",
41
- url: ajaxurl,
42
-
43
- data : {
44
- 'action':'coming_soon_page_settings',
45
- 'security' : '<?php echo $ajax_nonce; ?>',
46
- 'status':status,
47
- 'background':background,
48
- 'title':title,
49
- 'descrip':descrip,
50
- 'google_code':google_code,
51
- 'fb':fb,
52
- 'twit':twit,
53
- 'gp':gp,
54
- },
55
- success : function(data){
56
- jQuery('#loading_general').hide();
57
- jQuery('#success_message_save_general').show();
58
- jQuery("#success_message_save_general").fadeOut(5000);
59
-
60
- location.href='?page=coming_soon';
61
- }
62
- });
63
- }
64
-
65
- //reset button onclick function for post value through ajax in option table
66
- function reset_data_general_pagesetting()
67
- {
68
- jQuery.ajax(
69
- {
70
- type: "POST",
71
- url: ajaxurl,
72
-
73
- data : {
74
- 'action':'coming_soon_page_reset_settings',
75
- 'security' : '<?php echo $ajax_nonce; ?>',
76
- },
77
- success : function(data){
78
- jQuery('#success_message_reset_general').show();
79
- jQuery("#success_message_reset_general").fadeOut(5000);
80
- location.href='?page=coming_soon';
81
- }
82
-
83
- });
84
-
85
- }
86
-
87
- </script>
88
-
89
- <style>
90
- /* =Tooltips style
91
- ========================================================================*/
92
-
93
- .icon {
94
- display: inline-block;
95
- width: 16px;
96
- height: 16px;
97
- position: relative;
98
- padding: 0 4px 0 0;
99
-
100
- background: url(<?php echo plugins_url('images/icons.png',__FILE__) ?>) no-repeat;
101
- }
102
-
103
- .tooltip {
104
- display: none;
105
- width: 200px;
106
- position: absolute;
107
- padding: 10px;
108
- margin: 4px 0 0 4px;
109
- top: 0;
110
- right: 16px;
111
- border: 1px solid #76B6D7;
112
- border-radius: 0 8px 8px 8px;
113
- background: #bedffe;
114
- font-size: 13px;
115
- box-shadow: 0 1px 2px -1px #21759B;
116
- z-index: 999;
117
- }
118
-
119
- /* Icons Sprite Position */
120
-
121
- .help {
122
- background-position: 0 0;
123
- }
124
-
125
- .warning {
126
- background-position: -20px 0;
127
- }
128
-
129
- .error {
130
- background-position: -40px 0;
131
- }
132
-
133
- /* Tooltip Colors */
134
-
135
- .help .tooltip {
136
-
137
- background-color: #2f96b4;
138
- background-image: -moz-linear-gradient(top, #52b2cf, #2f96b4);
139
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#52b2cf), to(#2f96b4));
140
- background-image: -webkit-linear-gradient(top, #52b2cf, #2f96b4);
141
- background-image: -o-linear-gradient(top, #52b2cf, #2f96b4);
142
- background-image: linear-gradient(to bottom, #52b2cf, #2f96b4);
143
- color:#fff;
144
- box-shadow-color: #21759B;
145
- font-size:15px;
146
- border-radius:10px;
147
- }
148
-
149
- .warning .tooltip {
150
- border-color: #cca863;
151
- background-color: #ffff70;
152
- box-shadow-color: #ac8c4e;
153
- }
154
-
155
- .error .tooltip {
156
- border-color: #b50d0d;
157
- background-color: #e44d4e;
158
- box-shadow-color: #810606;
159
- }
160
-
161
- .icon:hover .tooltip {
162
- display: block;
163
- box-shadow: 0 10px 20px -1px rgba(0,0,0,0.5);
164
-
165
-
166
- }
167
- </style>
168
-
169
- <!--get values from option table -->
170
- <?php $value=get_option('soon_page_settings');
171
- ?>
172
- <!-- div start general settings get on tabs -->
173
- <div class="block ui-tabs-panel ui-widget-content ui-corner-bottom" id="option_general" aria-labelledby="ui-id-1" >
174
- <!--div start for display "status" field -->
175
- <div class="option option-input">
176
-
177
- <h3><?php _e('Status');?><span class="icon help" style="float:right">
178
- <span class="tooltip">Enable coming soon page from here.</span>
179
- </span></h3>
180
- <div class="section">
181
- <div class="element">
182
- <input type="radio" name="status" value="0" id="status" <?php if($value['status']=='0') echo 'checked' ?>/>&nbsp;Disabled<br>
183
- <input type="radio" name="status" value="1" id="status" <?php if($value['status']=='1') echo 'checked' ?>/>&nbsp;Coming soon enabled
184
- </div>
185
- </div>
186
- </div>
187
- <!-- div end for display "status" field -->
188
- <!--div start for display "background" field -->
189
- <div class="option option-upload">
190
- <h3><?php _e('Background Image');?><span class="icon help" style="float:right">
191
- <span class="tooltip">The placeholder image that will be used as a background image.</span>
192
- </span></h3>
193
- <div class="section">
194
- <div class="element">
195
- <input type="text" value="<?php echo esc_attr($value['background']); ?>" id="upload_background" name="upload_image" size="36" />
196
- <input type="button" value="Upload Background Image" class="button-primary" style="margin-left:10px;height:30px" />
197
- </div>
198
-
199
- <br><div style="display:block;float:left;"><img style="" src="<?php echo esc_attr($value['background']); ?>" id="ecs_backg_img" class="preview_image" ></div>
200
-
201
- </div>
202
- </div>
203
- <!-- div end for display "background" field -->
204
- <!-- div start for display "title" field -->
205
- <div class="option option-input">
206
- <h3><?php _e('Title');?><span class="icon help" style="float:right">
207
- <span class="tooltip">This is the page title and will be displayed on top of the page.</span>
208
- </span></h3>
209
- <div class="section">
210
- <div class="element">
211
- <input type="text" value="<?php if($value['title']==""){echo "coming soon page";} else{echo $value['title'];} ?>" id="title" name="title" class="" />
212
- </div>
213
- </div>
214
- </div>
215
- <!-- div end for display "title" field -->
216
- <!-- div start for display "description" field -->
217
- <div class="option option-input">
218
- <h3><?php _e('Description');?><span class="icon help" style="float:right">
219
- <span class="tooltip">This will be displayed below the Page Title.</span>
220
- </span></h3>
221
- <div class="section">
222
- <div class="element">
223
- <textarea name="descrip" id="descrip" rows="10" cols="100"><?php if($value['descrip']==""){echo "This website will launch soon. To connect with us enter your email below.";} else{echo $value['descrip'];} ?> </textarea>
224
- </div>
225
- </div>
226
- </div>
227
- <!-- div end for display "description" field -->
228
- <!-- div start for display "description" field -->
229
- <div class="option option-input">
230
- <h3><?php _e('Google Analytics Code');?><span class="icon help" style="float:right">
231
- <span class="tooltip">Insert the tracking code here. For example Google Analytics code can be inserted here.</span>
232
- </span></h3>
233
- <div class="section">
234
- <div class="element">
235
- <textarea name="google_code" id="google_code" rows="4" cols="100"><?php echo $value['google_code']; ?> </textarea>
236
- </div>
237
- </div>
238
- </div>
239
- <!-- div end for display "description" field -->
240
-
241
- <!-- div start for display "Social media links" field -->
242
- <div class="option option-input">
243
- <h3><?php _e('Social Media Links');?><span class="icon help" style="float:right">
244
- <span class="tooltip">Make you page Social. Insert social links here.</span>
245
- </span></h3>
246
- <div class="section">
247
- <div class="element">
248
- <div>
249
- <!-- facebook field with checkbox -->
250
- <img src="<?php echo plugins_url('images/facebook.png',__FILE__) ?>" align="left" />
251
- <input type="text" name="fb" id="fb" value="<?php echo $value['fb']; ?>" placeholder="Enter facbook url" style="width:250px; margin-left:10px" />
252
- <input type="checkbox" name="fbchk" id="fbchk" style="margin-top:5px; margin-left:6px;" <?php if($value['fb']!='') echo 'checked'?>/><br /><br />
253
- <!-- twitter field with checkbox -->
254
- <img src="<?php echo plugins_url('images/twitter.png',__FILE__) ?>" align="left" />
255
- <input type="text" name="twit" id="twit" value="<?php echo $value['twit']; ?>" placeholder="Enter twitter url" style="width:250px; margin-left:10px" />
256
- <input type="checkbox" name="twitchk" id="twitchk" style="margin-top:5px; margin-left:6px;" <?php if($value['twit']!='') echo 'checked'?>/><br /><br />
257
- <!-- google plus field with checkbox -->
258
- <img src="<?php echo plugins_url('images/googleplus.png',__FILE__) ?>" align="left" />
259
- <input type="text" name="gp" id="gp" value="<?php echo $value['gp']; ?>" placeholder="Enter google-plus url" style="width:250px; margin-left:10px" />
260
- <input type="checkbox" name="gpchk" id="gpchk" style="margin-top:5px; margin-left:6px;" <?php if($value['gp']!='') echo 'checked'?>/>
261
- </div>
262
- </div>
263
- </div>
264
- </div>
265
- <!-- div end for display "Social media links" field -->
266
- <!-- save and reset button -->
267
- <input type="button" class="button-framework save-options" value= "<?php _e('Save Changes');?>" onclick="datasave_general_pagesetting()"/>
268
- <input type="button" class="button-framework reset" value="<?php _e('Restore Defaults');?>" onclick="reset_data_general_pagesetting()" />
269
- &nbsp;<img id="loading_general" style="display:none;
270
- vertical-align:middle;" class="loading" src="<?php echo plugins_url('/images/loading.gif',__FILE__);?>" />
271
- <div id="success_message_reset_general" ><?php _e('Data reset sucessfully');?> </div>
272
- <div id="success_message_save_general" ><?php _e('Data save sucessfully');?></div>
273
- </div>
274
- <!-- general setting page final div is closed -->
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
js/media-upload-script.js CHANGED
@@ -2,7 +2,7 @@ jQuery(document).ready(function() {
2
 
3
  var uploadID = ''; /*setup the var*/
4
 
5
- jQuery('.button-primary').click(function() {
6
  uploadID = jQuery(this).prev('input'); /*grab the specific input*/
7
 
8
  formfield = jQuery('.upload').attr('name');
2
 
3
  var uploadID = ''; /*setup the var*/
4
 
5
+ jQuery('.upload-primary').click(function() {
6
  uploadID = jQuery(this).prev('input'); /*grab the specific input*/
7
 
8
  formfield = jQuery('.upload').attr('name');
notification-settings.php DELETED
@@ -1,300 +0,0 @@
1
- <?php
2
- //Set Your Nonce
3
- $ajax_nonce = wp_create_nonce( "my-notification-string" );
4
- ?>
5
-
6
- <script>
7
-
8
- function datasave_footer()
9
- {
10
-
11
- var mailto = jQuery( "#mailingarea" ).val();
12
- var email_address = jQuery('#email').val();
13
-
14
- var message = jQuery('#message').val();
15
-
16
- var sb_btn = jQuery('#sb_btn').val();
17
- var placeholder_text = jQuery('#placeholder_text').val();
18
-
19
-
20
- if(mailto == 'yes')
21
- {
22
- if(email_address == '')
23
- {
24
- alert("Please enter your email");
25
- return false;
26
- }
27
- var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
28
- if(!regex.test(email_address))
29
- {
30
- alert("Please Enter a valid Email Address");
31
- return false;
32
- }
33
-
34
- }
35
-
36
- jQuery('#loading_notify').show();
37
- jQuery.ajax(
38
- {
39
- type: "POST",
40
- url: ajaxurl,
41
-
42
- data : {
43
- 'action':'coming_soon_page_notification_settings',
44
- 'security' : '<?php echo $ajax_nonce; ?>',
45
-
46
- 'mailto':mailto,
47
- 'email_address':email_address,
48
- 'message':message,
49
- 'sb_btn':sb_btn,
50
- 'placeholder_text':placeholder_text,
51
-
52
- },
53
- success : function(data){
54
- jQuery('#loading_notify').hide();
55
- jQuery('#success_message_save_footer').show();
56
- jQuery("#success_message_save_footer").fadeOut(5000);
57
- //location.href='?page=coming_soon';
58
- }
59
- });
60
-
61
-
62
-
63
- }
64
-
65
- function reset_data_footersetting()
66
- {
67
- jQuery.ajax(
68
- {
69
- type: "POST",
70
- url: ajaxurl,
71
-
72
- data : {
73
- 'action':'coming_soon_page_reset_notification_settings',
74
- 'security' : '<?php echo $ajax_nonce; ?>',
75
- },
76
- success : function(data){
77
- jQuery('#success_message_reset_footer').show();
78
- jQuery("#success_message_reset_footer").fadeOut(5000);
79
- location.href='?page=coming_soon';
80
- }
81
-
82
- });
83
-
84
-
85
- }
86
-
87
- function mail_field_display()
88
- {
89
- var mailfield = jQuery("#mailingarea").val();
90
- //alert(mailfield)
91
- if(mailfield=="no"){ hideAll(); }
92
- if(mailfield=="yes"){ show_mail_field(); }
93
-
94
- }
95
-
96
- function hideAll()
97
- {
98
- jQuery('#mail_field').hide();
99
- jQuery('#message_field').hide();
100
- jQuery('#subscribe_button').hide();
101
- jQuery('#placeholder').hide();
102
-
103
- }
104
-
105
- function show_mail_field()
106
- {
107
- jQuery('#mail_field').show();
108
- jQuery('#message_field').show();
109
- jQuery('#subscribe_button').show();
110
- jQuery('#placeholder').show();
111
-
112
- }
113
-
114
-
115
- </script>
116
- <style>
117
- /* =Tooltips style
118
- ========================================================================*/
119
-
120
- .icon {
121
- display: inline-block;
122
- width: 16px;
123
- height: 16px;
124
- position: relative;
125
- padding: 0 4px 0 0;
126
-
127
- background: url(<?php echo plugins_url('images/icons.png',__FILE__) ?>) no-repeat;
128
- }
129
-
130
- .tooltip {
131
- display: none;
132
- width: 200px;
133
- position: absolute;
134
- padding: 10px;
135
- margin: 4px 0 0 4px;
136
- top: 0;
137
- right: 16px;
138
- border: 1px solid #76B6D7;
139
- border-radius: 0 8px 8px 8px;
140
- background: #bedffe;
141
- font-size: 13px;
142
- box-shadow: 0 1px 2px -1px #21759B;
143
- z-index: 999;
144
- }
145
-
146
- /* Icons Sprite Position */
147
-
148
- .help {
149
- background-position: 0 0;
150
- }
151
-
152
- .warning {
153
- background-position: -20px 0;
154
- }
155
-
156
- .error {
157
- background-position: -40px 0;
158
- }
159
-
160
- /* Tooltip Colors */
161
-
162
- .help .tooltip {
163
- border-color: #76B6D7;
164
- background-color: #bedffe;
165
- box-shadow-color: #21759B;
166
- }
167
-
168
- .warning .tooltip {
169
- border-color: #cca863;
170
- background-color: #ffff70;
171
- box-shadow-color: #ac8c4e;
172
- }
173
-
174
- .error .tooltip {
175
- border-color: #b50d0d;
176
- background-color: #e44d4e;
177
- box-shadow-color: #810606;
178
- }
179
-
180
- .icon:hover .tooltip {
181
- display: block;
182
- }
183
- </style>
184
- <?php $value=get_option('soon_page_notification_settings');?>
185
- <div class="block ui-tabs-panel ui-widget-content ui-corner-bottom" id="option_home" aria-labelledby="ui-id-5" role="tabpanel" style="display: none;" aria-expanded="false" aria-hidden="true">
186
-
187
- <!-- div start for display "Enter mail field" field -->
188
- <div class="option option-input">
189
- <h3><?php _e('Mailing Option');?><span class="icon help" style="float:right">
190
- <span class="tooltip">Choose if you want to display a signup / subscribe field on the page.</span></span></h3>
191
- <div class="section">
192
- <div class="element">
193
- <select name="mailingarea" id="mailingarea" onchange="mail_field_display()" >
194
- <option onclick="hideAll()" value="no" <?php if($value['mailto']=='no') echo 'selected' ?> ><?php _e('Do not display signup field'); ?></option>
195
- <option onclick="show_mail_field()" value="yes" <?php if($value['mailto']=='yes') echo 'selected' ?>><?php _e('Mail to the Owner'); ?></option>
196
- </select>
197
- </div>
198
- </div>
199
- </div>
200
- <!-- div end for display "Enter mail field" field -->
201
- <!-- div start for display "Owner email address" field -->
202
- <div class="option option-input" id="mail_field" style="display:<?php if($value['mailto']=='no') {echo 'none';} elseif($value['mailto']=='') echo 'none' ?>;">
203
- <h3 style="color:#21759b"><?php _e('Owner Email Address');?><span class="icon help" style="float:right">
204
- <span class="tooltip">Information of new susbscribers will be sent to this email address.</span></span></h3>
205
- <div class="section">
206
- <div class="element">
207
- <input type="text" value="<?php echo $value['email_address'] ?>" id="email" name="email" placeholder="example@gmail.com" class="" />
208
- </div>
209
- </div>
210
- </div>
211
- <!-- div end for display "Owner email address" field -->
212
- <!-- div start for display "Display message to subscriber" field -->
213
- <div class="option option-input" id="message_field" style="display:<?php if($value['mailto']=='no') {echo 'none';} elseif($value['mailto']=='') echo 'none' ?>;">
214
- <h3 style="color:#21759b"><?php _e('Display Message after user subscribing');?><span class="icon help" style="float:right">
215
- <span class="tooltip">Enter message to display after a user enters his email address.</span></h3>
216
- <div class="section">
217
- <div class="element">
218
- <input type="text" value="<?php echo $value['message'] ?>" id="message" name="message" placeholder="Thanks you for subscribing" class="" />
219
- </div>
220
- </div>
221
- </div>
222
- <!-- div end for display "message display to subscriber" -->
223
- <!-- div start for enter "Notify button label" field -->
224
- <div class="option option-input" id="subscribe_button" style="display:<?php if($value['mailto']=='no') {echo 'none';} elseif($value['mailto']=='') echo 'none' ?>;">
225
- <h3 style="color:#21759b"><?php _e('Subscribe Button');?><span class="icon help" style="float:right">
226
- <span class="tooltip">Customize the button text.</span></h3>
227
- <div class="section">
228
- <div class="element">
229
- <input type="text" value="<?php echo $value['sb_btn'] ?>" id="sb_btn" name="sb_btn" placeholder="Notify Me!" class="" />
230
- </div>
231
- </div>
232
- </div>
233
- <!-- div end for enter "notify buttton label" field -->
234
- <!-- div start for enter "email placeholder" field -->
235
- <div class="option option-input" id="placeholder" style="display:<?php if($value['mailto']=='no') {echo 'none';} elseif($value['mailto']=='') echo 'none' ?>;">
236
- <h3 style="color:#21759b"><?php _e('Email Textbox Placeholder');?><span class="icon help" style="float:right">
237
- <span class="tooltip">Customize the placeholder text of your subscription field</span></h3>
238
- <div class="section">
239
- <div class="element">
240
- <input type="text" value="<?php echo $value['placeholder_text'] ?>" id="placeholder_text" name="placeholder_text" placeholder="Enter your email to notify" class="" />
241
- </div>
242
- </div>
243
- </div>
244
- <!-- div end for enter "email placeholder" field -->
245
-
246
-
247
- <input type="hidden" value="1" id="spa_footer_customization" name="spa_footer_customization" />
248
- <input type="button" class="button-framework save-options" value= "<?php _e('Save Changes');?>" onclick="datasave_footer()">
249
-
250
- <input type="button" class="button-framework reset" value="<?php _e('Restore Defaults');?>" onclick="reset_data_footersetting()" />
251
- &nbsp;<img id="loading_notify" style="display:none;
252
- vertical-align:middle;" class="loading" src="<?php echo plugins_url('/images/loading.gif',__FILE__);?>" />
253
- <div id="success_message_reset_footer" >
254
- <?php _e('Data reset sucessfully');?>
255
- </div>
256
-
257
- <div id="success_message_save_footer" >
258
- <?php _e('Data save sucessfully');?>
259
- </div>
260
- </div>
261
- <style>
262
- #success_message_save_footer{
263
- display: none;
264
- margin: 15px 8px 0px 1px;
265
- padding: 13px 0px 15px 52px;
266
- background: url(<?php echo plugins_url("/images/icon_check.png",__FILE__) ?>) left no-repeat #21759B;
267
- /*opacity:0.5;
268
- filter:alpha(opacity=50);*/
269
- background-position: 15px 15px;
270
- border: solid 1px #F22853;
271
- -webkit-border-radius: 15px;
272
- -moz-border-radius: 15px;
273
- border-radius: 15px;
274
- width: 220px;
275
- font-size: 20px;
276
- color: #ffffff;
277
- position: absolute;
278
- left: 500px;
279
- bottom: 20px;
280
-
281
- }
282
- #success_message_reset_footer {
283
- display: none;
284
- margin: 15px 8px 0px 1px;
285
- padding: 13px 0px 15px 52px;
286
- background: url(<?php echo plugins_url("/images/icon_check.png",__FILE__) ?>) left no-repeat #21759B;
287
-
288
- background-position: 15px 15px;
289
- border: solid 1px #F22853;
290
- -webkit-border-radius: 15px;
291
- -moz-border-radius: 15px;
292
- border-radius: 15px;
293
- width: 220px;
294
- font-size: 20px;
295
- color: #ffffff;
296
- position: absolute;
297
- left: 500px;
298
- bottom: 20px;
299
- }
300
- </style>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
readme.txt CHANGED
@@ -3,8 +3,8 @@ Contributors: a.ankit, deepeshpaliwal,priyanshu.mittal
3
  Donate link: http://www.webriti.com/
4
  Tags: coming soon, coming soon page, construction, landing page, launch, launch page, maintenance, maintenance mode, under construction, admin, newsletter, offline, site offline, wordpress coming soon, wordpress under construction, wordpress maintenance mode,email,gmail,subscriber,notify,message,user,preview,
5
  Requires at least: 3.3+
6
- Tested up to: 4.1
7
- Stable tag: 1.6.3
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -110,6 +110,11 @@ In case you face any problem, contact us via the [Forums](http://wordpress.org/s
110
 
111
  == Changelog ==
112
 
 
 
 
 
 
113
  = 1.6.3 =
114
  1. Fixed a security issue. We now verify ajax request via nonce.
115
 
3
  Donate link: http://www.webriti.com/
4
  Tags: coming soon, coming soon page, construction, landing page, launch, launch page, maintenance, maintenance mode, under construction, admin, newsletter, offline, site offline, wordpress coming soon, wordpress under construction, wordpress maintenance mode,email,gmail,subscriber,notify,message,user,preview,
5
  Requires at least: 3.3+
6
+ Tested up to: 4.2.2
7
+ Stable tag: 1.7
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
110
 
111
  == Changelog ==
112
 
113
+ = 1.7 =
114
+ 1. Option Panel revamped completely.
115
+ 2. Added show smke tags.
116
+ 3. Removed ajax based actions
117
+
118
  = 1.6.3 =
119
  1. Fixed a security issue. We now verify ajax request via nonce.
120
 
screenshot-10.jpg ADDED
Binary file
screenshot-10.png DELETED
Binary file
screenshot-9.jpg ADDED
Binary file
screenshot-9.png DELETED
Binary file
templates.php DELETED
@@ -1 +0,0 @@
1
- <?php
2
  * templates.php file
3
  *
4
  * using for select templates for coming soon page
5
  */
6
  <div class="block ui-tabs-panel ui-widget-content ui-corner-bottom" id="option_templates" aria-labelledby="ui-id-8" style="display:none" >
7
  <?php $template = get_option('wbr_soon_pro_template_setting_save');
8
  <table class="form-table">
9
  <tr>
10
  </table><br>
11
  <table class="form-table">
12
  <tr>
13
  <td>
14
  <div class="template">
15
  <div class="template">
16
  </div>
17
 
 
0
  * templates.php file
1
  *
2
  * using for select templates for coming soon page
3
  */
4
  <div class="block ui-tabs-panel ui-widget-content ui-corner-bottom" id="option_templates" aria-labelledby="ui-id-8" style="display:none" >
5
  <?php $template = get_option('wbr_soon_pro_template_setting_save');
6
  <table class="form-table">
7
  <tr>
8
  </table><br>
9
  <table class="form-table">
10
  <tr>
11
  <td>
12
  <div class="template">
13
  <div class="template">
14
  </div>
15
 
theme_options/css/comp-chart.css ADDED
@@ -0,0 +1,1828 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /* Developed for diplaying the Comparison Table */
2
+ .buy_now{margin-left:10px;background:#fff;text-align:center}
3
+ .tab_one{margin-left:10px;background:#ededed;padding-top:70px;padding-bottom:70px;}
4
+ .tab_two{margin-left:10px;background: #f7f7f7;padding-top: 70px;padding-bottom: 70px;}
5
+ .tab_heading{font-size:33px;}
6
+ table tr th p,table tr th p{font-size:16px;}
7
+ table tr th p,table tr td p{font-size:15px;}
8
+ .comp_img{
9
+ -moz-box-shadow: -5px -5px 5px #888;
10
+ -webkit-box-shadow: -5px -5px 5px #888;
11
+ box-shadow: -5px -5px 5px #888;
12
+ }
13
+ .comp_img2{
14
+ -moz-box-shadow:0 0 8px 5px #d1d1d1;
15
+ -webkit-box-shadow: 0 0 8px 5px #d1d1d1;
16
+ box-shadow: 0 0 8px 5px #d1d1d1;
17
+ }
18
+ .modal-backdrop {
19
+ position: fixed;
20
+ top: 0;
21
+ right: 0;
22
+ bottom: 0;
23
+ left: 0;
24
+ z-index: 1040;
25
+ background-color: #000000;
26
+ }
27
+
28
+ .modal-backdrop.fade {
29
+ opacity: 0;
30
+ }
31
+
32
+ .modal-backdrop,
33
+ .modal-backdrop.fade.in {
34
+ opacity: 0.7;
35
+ filter: alpha(opacity=80);
36
+ }
37
+
38
+ .modal {
39
+ position: fixed;
40
+ top: 4%;
41
+ left: 50%;
42
+ z-index: 1050;
43
+ width: 860px;
44
+
45
+ margin-left: -450px;
46
+ background-color: #ffffff;
47
+
48
+ }
49
+
50
+ .modal.fade {
51
+ top: -25%;
52
+ -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
53
+ -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
54
+ -o-transition: opacity 0.3s linear, top 0.3s ease-out;
55
+ transition: opacity 0.3s linear, top 0.3s ease-out;
56
+ }
57
+
58
+ .modal.fade.in {
59
+ top: 10%;
60
+ }
61
+
62
+ .modal-header {
63
+ padding: 9px 15px;
64
+ border-bottom: 1px solid #eee;
65
+ }
66
+
67
+ .modal-header .close {
68
+ margin-top: 2px;
69
+ }
70
+
71
+ .modal-header h3 {
72
+ margin: 0;
73
+ line-height: 30px;
74
+ }
75
+
76
+ .modal-body {
77
+ position: relative;
78
+ max-height: 400px;
79
+ padding: 15px;
80
+
81
+ }
82
+
83
+ .modal-form {
84
+ margin-bottom: 0;
85
+ }
86
+
87
+ .modal-footer {
88
+ padding: 14px 15px 15px;
89
+ margin-bottom: 0;
90
+ text-align: right;
91
+ background-color: #f5f5f5;
92
+ border-top: 1px solid #ddd;
93
+ -webkit-border-radius: 0 0 6px 6px;
94
+ -moz-border-radius: 0 0 6px 6px;
95
+ border-radius: 0 0 6px 6px;
96
+ *zoom: 1;
97
+ -webkit-box-shadow: inset 0 1px 0 #ffffff;
98
+ -moz-box-shadow: inset 0 1px 0 #ffffff;
99
+ box-shadow: inset 0 1px 0 #ffffff;
100
+ }
101
+
102
+ .modal-footer:before,
103
+ .modal-footer:after {
104
+ display: table;
105
+ line-height: 0;
106
+ content: "";
107
+ }
108
+
109
+ .modal-footer:after {
110
+ clear: both;
111
+ }
112
+
113
+ .modal-footer .btn + .btn {
114
+ margin-bottom: 0;
115
+ margin-left: 5px;
116
+ }
117
+
118
+ .modal-footer .btn-group .btn + .btn {
119
+ margin-left: -1px;
120
+ }
121
+
122
+ .modal-footer .btn-block + .btn-block {
123
+ margin-left: 0;
124
+ }
125
+
126
+
127
+
128
+ table {
129
+ max-width: 100%;
130
+ background-color: transparent;
131
+ border-collapse: collapse;
132
+ border-spacing: 0;
133
+ }
134
+
135
+ .table {
136
+ width: 100%;
137
+ margin-bottom: 20px;
138
+ }
139
+
140
+ .table th,
141
+ .table td {
142
+ padding: 8px;
143
+ line-height: 20px;
144
+ text-align: left;
145
+ vertical-align: middle;
146
+ border-top: 1px solid #dddddd;
147
+ }
148
+ .table thead tr {
149
+ color: rgb(250, 250, 250);
150
+ font-weight: normal;
151
+ background: linear-gradient(rgb(47, 150, 180) 0px, rgb(47, 150, 180) 100%) repeat-x rgb(47,150, 180);
152
+ }
153
+
154
+ .table th {
155
+ font-weight: bold;
156
+ }
157
+
158
+ .table thead th {
159
+ vertical-align: bottom;
160
+ }
161
+
162
+ .table caption + thead tr:first-child th,
163
+ .table caption + thead tr:first-child td,
164
+ .table colgroup + thead tr:first-child th,
165
+ .table colgroup + thead tr:first-child td,
166
+ .table thead:first-child tr:first-child th,
167
+ .table thead:first-child tr:first-child td {
168
+ border-top: 0;
169
+ }
170
+
171
+ .table tbody + tbody {
172
+ border-top: 2px solid #dddddd;
173
+ }
174
+
175
+ .table .table {
176
+ background-color: #ffffff;
177
+ }
178
+
179
+ .table-condensed th,
180
+ .table-condensed td {
181
+ padding: 4px 5px;
182
+ }
183
+
184
+ .table-bordered {
185
+ border: 1px solid #dddddd;
186
+ border-collapse: separate;
187
+ *border-collapse: collapse;
188
+ border-left: 0;
189
+ margin-right:10px;
190
+ -webkit-border-radius: 4px;
191
+ -moz-border-radius: 4px;
192
+ border-radius: 4px;
193
+ }
194
+
195
+ .table-bordered th,
196
+ .table-bordered td {
197
+ border-left: 1px solid #dddddd;
198
+ }
199
+
200
+ .table-bordered caption + thead tr:first-child th,
201
+ .table-bordered caption + tbody tr:first-child th,
202
+ .table-bordered caption + tbody tr:first-child td,
203
+ .table-bordered colgroup + thead tr:first-child th,
204
+ .table-bordered colgroup + tbody tr:first-child th,
205
+ .table-bordered colgroup + tbody tr:first-child td,
206
+ .table-bordered thead:first-child tr:first-child th,
207
+ .table-bordered tbody:first-child tr:first-child th,
208
+ .table-bordered tbody:first-child tr:first-child td {
209
+ border-top: 0;
210
+ }
211
+
212
+ .table-bordered thead:first-child tr:first-child > th:first-child,
213
+ .table-bordered tbody:first-child tr:first-child > td:first-child,
214
+ .table-bordered tbody:first-child tr:first-child > th:first-child {
215
+ -webkit-border-top-left-radius: 4px;
216
+ border-top-left-radius: 4px;
217
+ -moz-border-radius-topleft: 4px;
218
+ }
219
+
220
+ .table-bordered thead:first-child tr:first-child > th:last-child,
221
+ .table-bordered tbody:first-child tr:first-child > td:last-child,
222
+ .table-bordered tbody:first-child tr:first-child > th:last-child {
223
+ -webkit-border-top-right-radius: 4px;
224
+ border-top-right-radius: 4px;
225
+ -moz-border-radius-topright: 4px;
226
+ }
227
+
228
+ .table-bordered thead:last-child tr:last-child > th:first-child,
229
+ .table-bordered tbody:last-child tr:last-child > td:first-child,
230
+ .table-bordered tbody:last-child tr:last-child > th:first-child,
231
+ .table-bordered tfoot:last-child tr:last-child > td:first-child,
232
+ .table-bordered tfoot:last-child tr:last-child > th:first-child {
233
+ -webkit-border-bottom-left-radius: 4px;
234
+ border-bottom-left-radius: 4px;
235
+ -moz-border-radius-bottomleft: 4px;
236
+ }
237
+
238
+ .table-bordered thead:last-child tr:last-child > th:last-child,
239
+ .table-bordered tbody:last-child tr:last-child > td:last-child,
240
+ .table-bordered tbody:last-child tr:last-child > th:last-child,
241
+ .table-bordered tfoot:last-child tr:last-child > td:last-child,
242
+ .table-bordered tfoot:last-child tr:last-child > th:last-child {
243
+ -webkit-border-bottom-right-radius: 4px;
244
+ border-bottom-right-radius: 4px;
245
+ -moz-border-radius-bottomright: 4px;
246
+ }
247
+
248
+ .table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
249
+ -webkit-border-bottom-left-radius: 0;
250
+ border-bottom-left-radius: 0;
251
+ -moz-border-radius-bottomleft: 0;
252
+ }
253
+
254
+ .table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
255
+ -webkit-border-bottom-right-radius: 0;
256
+ border-bottom-right-radius: 0;
257
+ -moz-border-radius-bottomright: 0;
258
+ }
259
+
260
+ .table-bordered caption + thead tr:first-child th:first-child,
261
+ .table-bordered caption + tbody tr:first-child td:first-child,
262
+ .table-bordered colgroup + thead tr:first-child th:first-child,
263
+ .table-bordered colgroup + tbody tr:first-child td:first-child {
264
+ -webkit-border-top-left-radius: 4px;
265
+ border-top-left-radius: 4px;
266
+ -moz-border-radius-topleft: 4px;
267
+ }
268
+
269
+ .table-bordered caption + thead tr:first-child th:last-child,
270
+ .table-bordered caption + tbody tr:first-child td:last-child,
271
+ .table-bordered colgroup + thead tr:first-child th:last-child,
272
+ .table-bordered colgroup + tbody tr:first-child td:last-child {
273
+ -webkit-border-top-right-radius: 4px;
274
+ border-top-right-radius: 4px;
275
+ -moz-border-radius-topright: 4px;
276
+ }
277
+
278
+ .table-striped tbody > tr:nth-child(odd) > td,
279
+ .table-striped tbody > tr:nth-child(odd) > th {
280
+ background-color: #f9f9f9;
281
+ }
282
+
283
+ .table-hover tbody tr:hover > td,
284
+ .table-hover tbody tr:hover > th {
285
+ background-color: #f5f5f5;
286
+ }
287
+
288
+ table td[class*="span"],
289
+ table th[class*="span"],
290
+ .row-fluid table td[class*="span"],
291
+ .row-fluid table th[class*="span"] {
292
+ display: table-cell;
293
+ float: none;
294
+ margin-left: 0;
295
+ }
296
+
297
+
298
+ .row {
299
+ margin-left: -20px;
300
+ *zoom: 1;
301
+ }
302
+
303
+ .row:before,
304
+ .row:after {
305
+ display: table;
306
+ line-height: 0;
307
+ content: "";
308
+ }
309
+
310
+ .row:after {
311
+ clear: both;
312
+ }
313
+
314
+ [class*="span"] {
315
+ float: left;
316
+ min-height: 1px;
317
+ margin-left: 20px;
318
+ }
319
+
320
+ .container,
321
+ .navbar-static-top .container,
322
+ .navbar-fixed-top .container,
323
+ .navbar-fixed-bottom .container {
324
+ width: 940px;
325
+ }
326
+
327
+ .span12 {
328
+ width: 940px;
329
+ }
330
+
331
+ .span11 {
332
+ width: 860px;
333
+ }
334
+
335
+ .span10 {
336
+ width: 780px;
337
+ }
338
+
339
+ .span9 {
340
+ width: 700px;
341
+ }
342
+
343
+ .span8 {
344
+ width: 620px;
345
+ }
346
+
347
+ .span7 {
348
+ width: 540px;
349
+ }
350
+
351
+ .span6 {
352
+ width: 460px;
353
+ }
354
+
355
+ .span5 {
356
+ width: 380px;
357
+ }
358
+
359
+ .span4 {
360
+ width: 300px;
361
+ }
362
+
363
+ .span3 {
364
+ width: 220px;
365
+ }
366
+
367
+ .span2 {
368
+ width: 140px;
369
+ }
370
+
371
+ .span1 {
372
+ width: 60px;
373
+ }
374
+
375
+ .offset12 {
376
+ margin-left: 980px;
377
+ }
378
+
379
+ .offset11 {
380
+ margin-left: 900px;
381
+ }
382
+
383
+ .offset10 {
384
+ margin-left: 820px;
385
+ }
386
+
387
+ .offset9 {
388
+ margin-left: 740px;
389
+ }
390
+
391
+ .offset8 {
392
+ margin-left: 660px;
393
+ }
394
+
395
+ .offset7 {
396
+ margin-left: 580px;
397
+ }
398
+
399
+ .offset6 {
400
+ margin-left: 500px;
401
+ }
402
+
403
+ .offset5 {
404
+ margin-left: 420px;
405
+ }
406
+
407
+ .offset4 {
408
+ margin-left: 340px;
409
+ }
410
+
411
+ .offset3 {
412
+ margin-left: 260px;
413
+ }
414
+
415
+ .offset2 {
416
+ margin-left: 180px;
417
+ }
418
+
419
+ .offset1 {
420
+ margin-left: 100px;
421
+ }
422
+
423
+ .row-fluid {
424
+ width: 100%;
425
+ *zoom: 1;
426
+ }
427
+
428
+ .row-fluid:before,
429
+ .row-fluid:after {
430
+ display: table;
431
+ line-height: 0;
432
+ content: "";
433
+ }
434
+
435
+ .row-fluid:after {
436
+ clear: both;
437
+ }
438
+
439
+ .row-fluid [class*="span"] {
440
+ display: block;
441
+ float: left;
442
+ width: 100%;
443
+ min-height: 30px;
444
+ margin-left: 2.127659574468085%;
445
+ *margin-left: 2.074468085106383%;
446
+ -webkit-box-sizing: border-box;
447
+ -moz-box-sizing: border-box;
448
+ box-sizing: border-box;
449
+ }
450
+
451
+ .row-fluid [class*="span"]:first-child {
452
+ margin-left: 0;
453
+ }
454
+
455
+ .row-fluid .controls-row [class*="span"] + [class*="span"] {
456
+ margin-left: 2.127659574468085%;
457
+ }
458
+
459
+ .row-fluid .span12 {
460
+ width: 100%;
461
+ *width: 99.94680851063829%;
462
+ }
463
+
464
+ .row-fluid .span11 {
465
+ width: 91.48936170212765%;
466
+ *width: 91.43617021276594%;
467
+ }
468
+
469
+ .row-fluid .span10 {
470
+ width: 82.97872340425532%;
471
+ *width: 82.92553191489361%;
472
+ }
473
+
474
+ .row-fluid .span9 {
475
+ width: 74.46808510638297%;
476
+ *width: 74.41489361702126%;
477
+ }
478
+
479
+ .row-fluid .span8 {
480
+ width: 65.95744680851064%;
481
+ *width: 65.90425531914893%;
482
+ }
483
+
484
+ .row-fluid .span7 {
485
+ width: 57.44680851063829%;
486
+ *width: 57.39361702127659%;
487
+ }
488
+
489
+ .row-fluid .span6 {
490
+ width: 48.93617021276595%;
491
+ *width: 48.88297872340425%;
492
+ }
493
+
494
+ .row-fluid .span5 {
495
+ width: 40.42553191489362%;
496
+ *width: 40.37234042553192%;
497
+ }
498
+
499
+ .row-fluid .span4 {
500
+ width: 31.914893617021278%;
501
+ *width: 31.861702127659576%;
502
+ }
503
+
504
+ .row-fluid .span3 {
505
+ width: 23.404255319148934%;
506
+ *width: 23.351063829787233%;
507
+ }
508
+
509
+ .row-fluid .span2 {
510
+ width: 14.893617021276595%;
511
+ *width: 14.840425531914894%;
512
+ }
513
+
514
+ .row-fluid .span1 {
515
+ width: 6.382978723404255%;
516
+ *width: 6.329787234042553%;
517
+ }
518
+
519
+ .row-fluid .offset12 {
520
+ margin-left: 104.25531914893617%;
521
+ *margin-left: 104.14893617021275%;
522
+ }
523
+
524
+ .row-fluid .offset12:first-child {
525
+ margin-left: 102.12765957446808%;
526
+ *margin-left: 102.02127659574467%;
527
+ }
528
+
529
+ .row-fluid .offset11 {
530
+ margin-left: 95.74468085106382%;
531
+ *margin-left: 95.6382978723404%;
532
+ }
533
+
534
+ .row-fluid .offset11:first-child {
535
+ margin-left: 93.61702127659574%;
536
+ *margin-left: 93.51063829787232%;
537
+ }
538
+
539
+ .row-fluid .offset10 {
540
+ margin-left: 87.23404255319149%;
541
+ *margin-left: 87.12765957446807%;
542
+ }
543
+
544
+ .row-fluid .offset10:first-child {
545
+ margin-left: 85.1063829787234%;
546
+ *margin-left: 84.99999999999999%;
547
+ }
548
+
549
+ .row-fluid .offset9 {
550
+ margin-left: 78.72340425531914%;
551
+ *margin-left: 78.61702127659572%;
552
+ }
553
+
554
+ .row-fluid .offset9:first-child {
555
+ margin-left: 76.59574468085106%;
556
+ *margin-left: 76.48936170212764%;
557
+ }
558
+
559
+ .row-fluid .offset8 {
560
+ margin-left: 70.2127659574468%;
561
+ *margin-left: 70.10638297872339%;
562
+ }
563
+
564
+ .row-fluid .offset8:first-child {
565
+ margin-left: 68.08510638297872%;
566
+ *margin-left: 67.9787234042553%;
567
+ }
568
+
569
+ .row-fluid .offset7 {
570
+ margin-left: 61.70212765957446%;
571
+ *margin-left: 61.59574468085106%;
572
+ }
573
+
574
+ .row-fluid .offset7:first-child {
575
+ margin-left: 59.574468085106375%;
576
+ *margin-left: 59.46808510638297%;
577
+ }
578
+
579
+ .row-fluid .offset6 {
580
+ margin-left: 53.191489361702125%;
581
+ *margin-left: 53.085106382978715%;
582
+ }
583
+
584
+ .row-fluid .offset6:first-child {
585
+ margin-left: 51.063829787234035%;
586
+ *margin-left: 50.95744680851063%;
587
+ }
588
+
589
+ .row-fluid .offset5 {
590
+ margin-left: 44.68085106382979%;
591
+ *margin-left: 44.57446808510638%;
592
+ }
593
+
594
+ .row-fluid .offset5:first-child {
595
+ margin-left: 42.5531914893617%;
596
+ *margin-left: 42.4468085106383%;
597
+ }
598
+
599
+ .row-fluid .offset4 {
600
+ margin-left: 36.170212765957444%;
601
+ *margin-left: 36.06382978723405%;
602
+ }
603
+
604
+ .row-fluid .offset4:first-child {
605
+ margin-left: 34.04255319148936%;
606
+ *margin-left: 33.93617021276596%;
607
+ }
608
+
609
+ .row-fluid .offset3 {
610
+ margin-left: 27.659574468085104%;
611
+ *margin-left: 27.5531914893617%;
612
+ }
613
+
614
+ .row-fluid .offset3:first-child {
615
+ margin-left: 25.53191489361702%;
616
+ *margin-left: 25.425531914893618%;
617
+ }
618
+
619
+ .row-fluid .offset2 {
620
+ margin-left: 19.148936170212764%;
621
+ *margin-left: 19.04255319148936%;
622
+ }
623
+
624
+ .row-fluid .offset2:first-child {
625
+ margin-left: 17.02127659574468%;
626
+ *margin-left: 16.914893617021278%;
627
+ }
628
+
629
+ .row-fluid .offset1 {
630
+ margin-left: 10.638297872340425%;
631
+ *margin-left: 10.53191489361702%;
632
+ }
633
+
634
+ .row-fluid .offset1:first-child {
635
+ margin-left: 8.51063829787234%;
636
+ *margin-left: 8.404255319148938%;
637
+ }
638
+
639
+ [class*="span"].hide,
640
+ .row-fluid [class*="span"].hide {
641
+ display: none;
642
+ }
643
+
644
+ [class*="span"].pull-right,
645
+ .row-fluid [class*="span"].pull-right {
646
+ float: right;
647
+ }
648
+
649
+ .table td.span1,
650
+ .table th.span1 {
651
+ float: none;
652
+ width: 44px;
653
+ margin-left: 0;
654
+ }
655
+
656
+ .table td.span2,
657
+ .table th.span2 {
658
+ float: none;
659
+ width: 124px;
660
+ margin-left: 0;
661
+ }
662
+
663
+ .table td.span3,
664
+ .table th.span3 {
665
+ float: none;
666
+ width: 204px;
667
+ margin-left: 0;
668
+ }
669
+
670
+ .table td.span4,
671
+ .table th.span4 {
672
+ float: none;
673
+ width: 284px;
674
+ margin-left: 0;
675
+ }
676
+
677
+ .table td.span5,
678
+ .table th.span5 {
679
+ float: none;
680
+ width: 364px;
681
+ margin-left: 0;
682
+ }
683
+
684
+ .table td.span6,
685
+ .table th.span6 {
686
+ float: none;
687
+ width: 444px;
688
+ margin-left: 0;
689
+ }
690
+
691
+ .table td.span7,
692
+ .table th.span7 {
693
+ float: none;
694
+ width: 524px;
695
+ margin-left: 0;
696
+ }
697
+
698
+ .table td.span8,
699
+ .table th.span8 {
700
+ float: none;
701
+ width: 604px;
702
+ margin-left: 0;
703
+ }
704
+
705
+ .table td.span9,
706
+ .table th.span9 {
707
+ float: none;
708
+ width: 684px;
709
+ margin-left: 0;
710
+ }
711
+
712
+ .table td.span10,
713
+ .table th.span10 {
714
+ float: none;
715
+ width: 764px;
716
+ margin-left: 0;
717
+ }
718
+
719
+ .table td.span11,
720
+ .table th.span11 {
721
+ float: none;
722
+ width: 844px;
723
+ margin-left: 0;
724
+ }
725
+
726
+ .table td.span12,
727
+ .table th.span12 {
728
+ float: none;
729
+ width: 924px;
730
+ margin-left: 0;
731
+ }
732
+
733
+ .table tbody tr.success > td {
734
+ background-color: #dff0d8;
735
+ }
736
+
737
+ .table tbody tr.error > td {
738
+ background-color: #f2dede;
739
+ }
740
+
741
+ .table tbody tr.warning > td {
742
+ background-color: #fcf8e3;
743
+ }
744
+
745
+ .table tbody tr.info > td {
746
+ background-color: #d9edf7;
747
+ }
748
+
749
+ .table-hover tbody tr.success:hover > td {
750
+ background-color: #d0e9c6;
751
+ }
752
+
753
+ .table-hover tbody tr.error:hover > td {
754
+ background-color: #ebcccc;
755
+ }
756
+
757
+ .table-hover tbody tr.warning:hover > td {
758
+ background-color: #faf2cc;
759
+ }
760
+
761
+ .table-hover tbody tr.info:hover > td {
762
+ background-color: #c4e3f3;
763
+ }
764
+
765
+ .pull-right {
766
+ float: right;
767
+ }
768
+
769
+ .pull-left {
770
+ float: left;
771
+ }
772
+
773
+ .hide {
774
+ display: none;
775
+ }
776
+
777
+ .show {
778
+ display: block;
779
+ }
780
+
781
+ .invisible {
782
+ visibility: hidden;
783
+ }
784
+
785
+ .affix {
786
+ position: fixed;
787
+ }
788
+ .close {
789
+ float: right;
790
+ font-size: 20px;
791
+ font-weight: bold;
792
+ line-height: 20px;
793
+ color: #000000;
794
+ text-shadow: 0 1px 0 #ffffff;
795
+ opacity: 0.9;
796
+ filter: alpha(opacity=20);
797
+ }
798
+
799
+ .close:hover,
800
+ .close:focus {
801
+ color: #000000;
802
+ text-decoration: none;
803
+ cursor: pointer;
804
+ opacity: 0.4;
805
+ filter: alpha(opacity=40);
806
+ }
807
+
808
+ button.close {
809
+ padding: 0;
810
+ cursor: pointer;
811
+ background: transparent;
812
+ border: 0;
813
+ -webkit-appearance: none;
814
+ }
815
+
816
+ .btn {
817
+ display: inline-block;
818
+ *display: inline;
819
+ padding: 4px 12px;
820
+ margin-bottom: 0;
821
+ *margin-left: .3em;
822
+ font-size: 14px;
823
+
824
+ color: #333333;
825
+ text-decoration:none;
826
+ text-align: center;
827
+ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
828
+ vertical-align: middle;
829
+ cursor: pointer;
830
+ background-color: #f5f5f5;
831
+ *background-color: #e6e6e6;
832
+ background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
833
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
834
+ background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
835
+ background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
836
+ background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
837
+ background-repeat: repeat-x;
838
+ border: 1px solid #cccccc;
839
+ *border: 0;
840
+ border-color: #e6e6e6 #e6e6e6 #bfbfbf;
841
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
842
+ border-bottom-color: #b3b3b3;
843
+ -webkit-border-radius: 4px;
844
+ -moz-border-radius: 4px;
845
+ border-radius: 4px;
846
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
847
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
848
+ *zoom: 1;
849
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
850
+ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
851
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
852
+ }
853
+
854
+ .btn:hover,
855
+ .btn:focus,
856
+ .btn:active,
857
+ .btn.active,
858
+ .btn.disabled,
859
+ .btn[disabled] {
860
+ color: #333333;
861
+ background-color: #e6e6e6;
862
+ *background-color: #d9d9d9;
863
+ }
864
+
865
+ .btn:active,
866
+ .btn.active {
867
+ background-color: #cccccc \9;
868
+ }
869
+
870
+ .btn:first-child {
871
+ *margin-left: 0;
872
+ }
873
+
874
+
875
+ .btn:focus {
876
+ outline: thin dotted #333;
877
+ outline: 5px auto -webkit-focus-ring-color;
878
+ outline-offset: -2px;
879
+ }
880
+
881
+ .btn.active,
882
+ .btn:active {
883
+ background-image: none;
884
+ outline: 0;
885
+ -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
886
+ -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
887
+ box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
888
+ }
889
+
890
+ .btn.disabled,
891
+ .btn[disabled] {
892
+ cursor: default;
893
+ background-image: none;
894
+ opacity: 0.65;
895
+ filter: alpha(opacity=65);
896
+ -webkit-box-shadow: none;
897
+ -moz-box-shadow: none;
898
+ box-shadow: none;
899
+ }
900
+
901
+ .btn-large {
902
+ padding: 11px 19px;
903
+ font-size: 17.5px;
904
+ -webkit-border-radius: 6px;
905
+ -moz-border-radius: 6px;
906
+ border-radius: 6px;
907
+ }
908
+
909
+
910
+
911
+ .btn-small {
912
+ padding: 2px 10px;
913
+ font-size: 11.9px;
914
+ -webkit-border-radius: 3px;
915
+ -moz-border-radius: 3px;
916
+ border-radius: 3px;
917
+ }
918
+
919
+
920
+
921
+ .btn-mini {
922
+ padding: 0 6px;
923
+ font-size: 10.5px;
924
+ -webkit-border-radius: 3px;
925
+ -moz-border-radius: 3px;
926
+ border-radius: 3px;
927
+ }
928
+
929
+ .btn-block {
930
+ display: block;
931
+ width: 100%;
932
+ padding-right: 0;
933
+ padding-left: 0;
934
+ -webkit-box-sizing: border-box;
935
+ -moz-box-sizing: border-box;
936
+ box-sizing: border-box;
937
+ }
938
+
939
+ .btn-block + .btn-block {
940
+ margin-top: 5px;
941
+ }
942
+
943
+ input[type="submit"].btn-block,
944
+ input[type="reset"].btn-block,
945
+ input[type="button"].btn-block {
946
+ width: 100%;
947
+ }
948
+
949
+ .btn-primary.active,
950
+ .btn-warning.active,
951
+ .btn-danger.active,
952
+ .btn-success.active,
953
+ .btn-info.active,
954
+ .btn-inverse.active {
955
+ color: rgba(255, 255, 255, 0.75);
956
+ }
957
+
958
+ .btn-primary {
959
+ color: #ffffff;
960
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
961
+ background-color: #006dcc;
962
+ *background-color: #0044cc;
963
+ background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
964
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
965
+ background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
966
+ background-image: -o-linear-gradient(top, #0088cc, #0044cc);
967
+ background-image: linear-gradient(to bottom, #0088cc, #0044cc);
968
+ background-repeat: repeat-x;
969
+ border-color: #0044cc #0044cc #002a80;
970
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
971
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
972
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
973
+ }
974
+
975
+ .btn-primary:hover,
976
+ .btn-primary:focus,
977
+ .btn-primary:active,
978
+ .btn-primary.active,
979
+ .btn-primary.disabled,
980
+ .btn-primary[disabled] {
981
+ color: #ffffff;
982
+ background-color: #0044cc;
983
+ *background-color: #003bb3;
984
+ }
985
+
986
+ .btn-primary:active,
987
+ .btn-primary.active {
988
+ background-color: #003399 \9;
989
+ }
990
+
991
+ .btn-warning {
992
+ color: #ffffff;
993
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
994
+ background-color: #faa732;
995
+ *background-color: #f89406;
996
+ background-image: -moz-linear-gradient(top, #fbb450, #f89406);
997
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
998
+ background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
999
+ background-image: -o-linear-gradient(top, #fbb450, #f89406);
1000
+ background-image: linear-gradient(to bottom, #fbb450, #f89406);
1001
+ background-repeat: repeat-x;
1002
+ border-color: #f89406 #f89406 #ad6704;
1003
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1004
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
1005
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1006
+ }
1007
+
1008
+ .btn-warning:hover,
1009
+ .btn-warning:focus,
1010
+ .btn-warning:active,
1011
+ .btn-warning.active,
1012
+ .btn-warning.disabled,
1013
+ .btn-warning[disabled] {
1014
+ color: #ffffff;
1015
+ background-color: #f89406;
1016
+ *background-color: #df8505;
1017
+ }
1018
+
1019
+ .btn-warning:active,
1020
+ .btn-warning.active {
1021
+ background-color: #c67605 \9;
1022
+ }
1023
+
1024
+ .btn-danger {
1025
+ color: #ffffff;
1026
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1027
+ background-color: #da4f49;
1028
+ *background-color: #bd362f;
1029
+ background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
1030
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
1031
+ background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
1032
+ background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
1033
+ background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
1034
+ background-repeat: repeat-x;
1035
+ border-color: #bd362f #bd362f #802420;
1036
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1037
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
1038
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1039
+ }
1040
+
1041
+ .btn-danger:hover,
1042
+ .btn-danger:focus,
1043
+ .btn-danger:active,
1044
+ .btn-danger.active,
1045
+ .btn-danger.disabled,
1046
+ .btn-danger[disabled] {
1047
+ color: #ffffff;
1048
+ background-color: #bd362f;
1049
+ *background-color: #a9302a;
1050
+ }
1051
+
1052
+ .btn-danger:active,
1053
+ .btn-danger.active {
1054
+ background-color: #942a25 \9;
1055
+ }
1056
+
1057
+ .btn-success {
1058
+ color: #ffffff;
1059
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1060
+ background-color: #5bb75b;
1061
+ *background-color: #51a351;
1062
+ background-image: -moz-linear-gradient(top, #62c462, #51a351);
1063
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
1064
+ background-image: -webkit-linear-gradient(top, #62c462, #51a351);
1065
+ background-image: -o-linear-gradient(top, #62c462, #51a351);
1066
+ background-image: linear-gradient(to bottom, #62c462, #51a351);
1067
+ background-repeat: repeat-x;
1068
+ border-color: #51a351 #51a351 #387038;
1069
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1070
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
1071
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1072
+ }
1073
+
1074
+ .btn-success:hover,
1075
+ .btn-success:focus,
1076
+ .btn-success:active,
1077
+ .btn-success.active,
1078
+ .btn-success.disabled,
1079
+ .btn-success[disabled] {
1080
+ color: #ffffff;
1081
+ background-color: #51a351;
1082
+ *background-color: #499249;
1083
+ }
1084
+
1085
+ .btn-success:active,
1086
+ .btn-success.active {
1087
+ background-color: #408140 \9;
1088
+ }
1089
+
1090
+ .btn-info {
1091
+ color: #ffffff;
1092
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1093
+ background-color: #49afcd;
1094
+ *background-color: #2f96b4;
1095
+ background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
1096
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
1097
+ background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
1098
+ background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
1099
+ background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
1100
+ background-repeat: repeat-x;
1101
+ border-color: #2f96b4 #2f96b4 #1f6377;
1102
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1103
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
1104
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1105
+ }
1106
+
1107
+ .btn-info:hover,
1108
+ .btn-info:focus,
1109
+ .btn-info:active,
1110
+ .btn-info.active,
1111
+ .btn-info.disabled,
1112
+ .btn-info[disabled] {
1113
+ color: #ffffff;
1114
+ background-color: #2f96b4;
1115
+ *background-color: #2a85a0;
1116
+ }
1117
+
1118
+ .btn-info:active,
1119
+ .btn-info.active {
1120
+ background-color: #24748c \9;
1121
+ }
1122
+
1123
+ .btn-inverse {
1124
+ color: #ffffff;
1125
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1126
+ background-color: #363636;
1127
+ *background-color: #222222;
1128
+ background-image: -moz-linear-gradient(top, #444444, #222222);
1129
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
1130
+ background-image: -webkit-linear-gradient(top, #444444, #222222);
1131
+ background-image: -o-linear-gradient(top, #444444, #222222);
1132
+ background-image: linear-gradient(to bottom, #444444, #222222);
1133
+ background-repeat: repeat-x;
1134
+ border-color: #222222 #222222 #000000;
1135
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1136
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
1137
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
1138
+ }
1139
+
1140
+ .btn-inverse:hover,
1141
+ .btn-inverse:focus,
1142
+ .btn-inverse:active,
1143
+ .btn-inverse.active,
1144
+ .btn-inverse.disabled,
1145
+ .btn-inverse[disabled] {
1146
+ color: #333333;
1147
+ }
1148
+
1149
+ .btn-inverse:active,
1150
+ .btn-inverse.active {
1151
+ background-color: #080808;
1152
+ }
1153
+
1154
+ button.btn,
1155
+ input[type="submit"].btn {
1156
+ *padding-top: 3px;
1157
+ *padding-bottom: 3px;
1158
+ }
1159
+
1160
+ button.btn::-moz-focus-inner,
1161
+ input[type="submit"].btn::-moz-focus-inner {
1162
+ padding: 0;
1163
+ border: 0;
1164
+ }
1165
+
1166
+ button.btn.btn-large,
1167
+ input[type="submit"].btn.btn-large {
1168
+ *padding-top: 7px;
1169
+ *padding-bottom: 7px;
1170
+ }
1171
+
1172
+ button.btn.btn-small,
1173
+ input[type="submit"].btn.btn-small {
1174
+ *padding-top: 3px;
1175
+ *padding-bottom: 3px;
1176
+ }
1177
+
1178
+ button.btn.btn-mini,
1179
+ input[type="submit"].btn.btn-mini {
1180
+ *padding-top: 1px;
1181
+ *padding-bottom: 1px;
1182
+ }
1183
+
1184
+ .btn-link,
1185
+ .btn-link:active,
1186
+ .btn-link[disabled] {
1187
+ background-color: transparent;
1188
+ background-image: none;
1189
+ -webkit-box-shadow: none;
1190
+ -moz-box-shadow: none;
1191
+ box-shadow: none;
1192
+ }
1193
+
1194
+ .btn-link {
1195
+ color: #0088cc;
1196
+ cursor: pointer;
1197
+ border-color: transparent;
1198
+ -webkit-border-radius: 0;
1199
+ -moz-border-radius: 0;
1200
+ border-radius: 0;
1201
+ }
1202
+
1203
+ .btn-link:hover,
1204
+ .btn-link:focus {
1205
+ color: #005580;
1206
+ text-decoration: underline;
1207
+ background-color: transparent;
1208
+ }
1209
+
1210
+ .btn-link[disabled]:hover,
1211
+ .btn-link[disabled]:focus {
1212
+ color: #333333;
1213
+ text-decoration: none;
1214
+ }
1215
+
1216
+ .btn-group {
1217
+ position: relative;
1218
+ display: inline-block;
1219
+ *display: inline;
1220
+ *margin-left: .3em;
1221
+ font-size: 0;
1222
+ white-space: nowrap;
1223
+ vertical-align: middle;
1224
+ *zoom: 1;
1225
+ }
1226
+
1227
+ .btn-group:first-child {
1228
+ *margin-left: 0;
1229
+ }
1230
+
1231
+ .btn-group + .btn-group {
1232
+ margin-left: 5px;
1233
+ }
1234
+
1235
+ .btn-toolbar {
1236
+ margin-top: 10px;
1237
+ margin-bottom: 10px;
1238
+ font-size: 0;
1239
+ }
1240
+
1241
+ .btn-toolbar > .btn + .btn,
1242
+ .btn-toolbar > .btn-group + .btn,
1243
+ .btn-toolbar > .btn + .btn-group {
1244
+ margin-left: 5px;
1245
+ }
1246
+
1247
+ .btn-group > .btn {
1248
+ position: relative;
1249
+ -webkit-border-radius: 0;
1250
+ -moz-border-radius: 0;
1251
+ border-radius: 0;
1252
+ }
1253
+
1254
+ .btn-group > .btn + .btn {
1255
+ margin-left: -1px;
1256
+ }
1257
+
1258
+ .btn-group > .btn,
1259
+ .btn-group > .dropdown-menu,
1260
+ .btn-group > .popover {
1261
+ font-size: 14px;
1262
+ }
1263
+
1264
+ .btn-group > .btn-mini {
1265
+ font-size: 10.5px;
1266
+ }
1267
+
1268
+ .btn-group > .btn-small {
1269
+ font-size: 11.9px;
1270
+ }
1271
+
1272
+ .btn-group > .btn-large {
1273
+ font-size: 17.5px;
1274
+ }
1275
+
1276
+ .btn-group > .btn:first-child {
1277
+ margin-left: 0;
1278
+ -webkit-border-bottom-left-radius: 4px;
1279
+ border-bottom-left-radius: 4px;
1280
+ -webkit-border-top-left-radius: 4px;
1281
+ border-top-left-radius: 4px;
1282
+ -moz-border-radius-bottomleft: 4px;
1283
+ -moz-border-radius-topleft: 4px;
1284
+ }
1285
+
1286
+ .btn-group > .btn:last-child,
1287
+ .btn-group > .dropdown-toggle {
1288
+ -webkit-border-top-right-radius: 4px;
1289
+ border-top-right-radius: 4px;
1290
+ -webkit-border-bottom-right-radius: 4px;
1291
+ border-bottom-right-radius: 4px;
1292
+ -moz-border-radius-topright: 4px;
1293
+ -moz-border-radius-bottomright: 4px;
1294
+ }
1295
+
1296
+ .btn-group > .btn.large:first-child {
1297
+ margin-left: 0;
1298
+ -webkit-border-bottom-left-radius: 6px;
1299
+ border-bottom-left-radius: 6px;
1300
+ -webkit-border-top-left-radius: 6px;
1301
+ border-top-left-radius: 6px;
1302
+ -moz-border-radius-bottomleft: 6px;
1303
+ -moz-border-radius-topleft: 6px;
1304
+ }
1305
+
1306
+ .btn-group > .btn.large:last-child,
1307
+ .btn-group > .large.dropdown-toggle {
1308
+ -webkit-border-top-right-radius: 6px;
1309
+ border-top-right-radius: 6px;
1310
+ -webkit-border-bottom-right-radius: 6px;
1311
+ border-bottom-right-radius: 6px;
1312
+ -moz-border-radius-topright: 6px;
1313
+ -moz-border-radius-bottomright: 6px;
1314
+ }
1315
+
1316
+ .btn-group > .btn:hover,
1317
+ .btn-group > .btn:focus,
1318
+ .btn-group > .btn:active,
1319
+ .btn-group > .btn.active {
1320
+ z-index: 2;
1321
+ }
1322
+
1323
+ .btn-group .dropdown-toggle:active,
1324
+ .btn-group.open .dropdown-toggle {
1325
+ outline: 0;
1326
+ }
1327
+
1328
+ .btn-group > .btn + .dropdown-toggle {
1329
+ *padding-top: 5px;
1330
+ padding-right: 8px;
1331
+ *padding-bottom: 5px;
1332
+ padding-left: 8px;
1333
+ -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1334
+ -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1335
+ box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
1336
+ }
1337
+
1338
+ .btn-group > .btn-mini + .dropdown-toggle {
1339
+ *padding-top: 2px;
1340
+ padding-right: 5px;
1341
+ *padding-bottom: 2px;
1342
+ padding-left: 5px;
1343
+ }
1344
+
1345
+ .btn-group > .btn-small + .dropdown-toggle {
1346
+ *padding-top: 5px;
1347
+ *padding-bottom: 4px;
1348
+ }
1349
+
1350
+ .btn-group > .btn-large + .dropdown-toggle {
1351
+ *padding-top: 7px;
1352
+ padding-right: 12px;
1353
+ *padding-bottom: 7px;
1354
+ padding-left: 12px;
1355
+ }
1356
+
1357
+ .btn-group.open .dropdown-toggle {
1358
+ background-image: none;
1359
+ -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
1360
+ -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
1361
+ box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
1362
+ }
1363
+
1364
+ .btn-group.open .btn.dropdown-toggle {
1365
+ background-color: #e6e6e6;
1366
+ }
1367
+
1368
+ .btn-group.open .btn-primary.dropdown-toggle {
1369
+ background-color: #0044cc;
1370
+ }
1371
+
1372
+ .btn-group.open .btn-warning.dropdown-toggle {
1373
+ background-color: #f89406;
1374
+ }
1375
+
1376
+ .btn-group.open .btn-danger.dropdown-toggle {
1377
+ background-color: #bd362f;
1378
+ }
1379
+
1380
+ .btn-group.open .btn-success.dropdown-toggle {
1381
+ background-color: #51a351;
1382
+ }
1383
+
1384
+ .btn-group.open .btn-info.dropdown-toggle {
1385
+ background-color: #2f96b4;
1386
+ }
1387
+
1388
+ .btn-group.open .btn-inverse.dropdown-toggle {
1389
+ background-color: #222222;
1390
+ }
1391
+
1392
+ .btn .caret {
1393
+ margin-top: 8px;
1394
+ margin-left: 0;
1395
+ }
1396
+
1397
+ .btn-large .caret {
1398
+ margin-top: 6px;
1399
+ }
1400
+
1401
+ .btn-large .caret {
1402
+ border-top-width: 5px;
1403
+ border-right-width: 5px;
1404
+ border-left-width: 5px;
1405
+ }
1406
+
1407
+ .btn-mini .caret,
1408
+ .btn-small .caret {
1409
+ margin-top: 8px;
1410
+ }
1411
+
1412
+ .dropup .btn-large .caret {
1413
+ border-bottom-width: 5px;
1414
+ }
1415
+
1416
+ .btn-primary .caret,
1417
+ .btn-warning .caret,
1418
+ .btn-danger .caret,
1419
+ .btn-info .caret,
1420
+ .btn-success .caret,
1421
+ .btn-inverse .caret {
1422
+ border-top-color: #ffffff;
1423
+ border-bottom-color: #ffffff;
1424
+ }
1425
+
1426
+ .btn-group-vertical {
1427
+ display: inline-block;
1428
+ *display: inline;
1429
+ /* IE7 inline-block hack */
1430
+
1431
+ *zoom: 1;
1432
+ }
1433
+
1434
+ .btn-group-vertical > .btn {
1435
+ display: block;
1436
+ float: none;
1437
+ max-width: 100%;
1438
+ -webkit-border-radius: 0;
1439
+ -moz-border-radius: 0;
1440
+ border-radius: 0;
1441
+ }
1442
+
1443
+ .btn-group-vertical > .btn + .btn {
1444
+ margin-top: -1px;
1445
+ margin-left: 0;
1446
+ }
1447
+
1448
+ .btn-group-vertical > .btn:first-child {
1449
+ -webkit-border-radius: 4px 4px 0 0;
1450
+ -moz-border-radius: 4px 4px 0 0;
1451
+ border-radius: 4px 4px 0 0;
1452
+ }
1453
+
1454
+ .btn-group-vertical > .btn:last-child {
1455
+ -webkit-border-radius: 0 0 4px 4px;
1456
+ -moz-border-radius: 0 0 4px 4px;
1457
+ border-radius: 0 0 4px 4px;
1458
+ }
1459
+
1460
+ .btn-group-vertical > .btn-large:first-child {
1461
+ -webkit-border-radius: 6px 6px 0 0;
1462
+ -moz-border-radius: 6px 6px 0 0;
1463
+ border-radius: 6px 6px 0 0;
1464
+ }
1465
+
1466
+ .btn-group-vertical > .btn-large:last-child {
1467
+ -webkit-border-radius: 0 0 6px 6px;
1468
+ -moz-border-radius: 0 0 6px 6px;
1469
+ border-radius: 0 0 6px 6px;
1470
+ }
1471
+
1472
+
1473
+
1474
+ .alert {
1475
+ padding: 8px 35px 8px 14px;
1476
+ margin-bottom: 20px;
1477
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1478
+ background-color: #fcf8e3;
1479
+ border: 1px solid #fbeed5;
1480
+ -webkit-border-radius: 4px;
1481
+ -moz-border-radius: 4px;
1482
+ border-radius: 4px;
1483
+ }
1484
+
1485
+ .alert,
1486
+ .alert h4 {
1487
+ color: #c09853;
1488
+ }
1489
+
1490
+ .alert h4 {
1491
+ margin: 0;
1492
+ }
1493
+
1494
+ .alert .close {
1495
+ position: relative;
1496
+ top: -2px;
1497
+ right: -21px;
1498
+ line-height: 20px;
1499
+ }
1500
+
1501
+ .alert-success {
1502
+ color: #468847;
1503
+ background-color: #dff0d8;
1504
+ border-color: #d6e9c6;
1505
+ }
1506
+
1507
+ .alert-success h4 {
1508
+ color: #468847;
1509
+ }
1510
+
1511
+ .alert-danger,
1512
+ .alert-error {
1513
+ color: #b94a48;
1514
+ background-color: #f2dede;
1515
+ border-color: #eed3d7;
1516
+ width: 80%;
1517
+ }
1518
+
1519
+ .alert-danger h4,
1520
+ .alert-error h4 {
1521
+ color: #b94a48;
1522
+ }
1523
+
1524
+ .alert-info {
1525
+ color: #3a87ad;
1526
+ background-color: #d9edf7;
1527
+ border-color: #bce8f1;
1528
+ }
1529
+
1530
+ .alert-info h4 {
1531
+ color: #3a87ad;
1532
+ }
1533
+
1534
+ .alert-block {
1535
+ padding-top: 14px;
1536
+ padding-bottom: 14px;
1537
+ }
1538
+
1539
+ .alert-block > p,
1540
+ .alert-block > ul {
1541
+ margin-bottom: 0;
1542
+ }
1543
+
1544
+ .alert-block p + p {
1545
+ margin-top: 5px;
1546
+ }
1547
+ .input-append,
1548
+ .input-prepend {
1549
+ display: inline-block;
1550
+ font-size: 0;
1551
+ margin-right: 16px;
1552
+ white-space: nowrap;
1553
+ vertical-align: middle;
1554
+ }
1555
+
1556
+ .input-append input,
1557
+ .input-prepend input,
1558
+ .input-append select,
1559
+ .input-prepend select,
1560
+ .input-append .uneditable-input,
1561
+ .input-prepend .uneditable-input,
1562
+ .input-append .dropdown-menu,
1563
+ .input-prepend .dropdown-menu,
1564
+ .input-append .popover,
1565
+ .input-prepend .popover {
1566
+ font-size: 14px;
1567
+ }
1568
+
1569
+ .input-append input,
1570
+ .input-prepend input,
1571
+ .input-append select,
1572
+ .input-prepend select,
1573
+ .input-append .uneditable-input,
1574
+ .input-prepend .uneditable-input {
1575
+ position: relative;
1576
+ margin-bottom: 0;
1577
+ *margin-left: 0;
1578
+ vertical-align: top;
1579
+ -webkit-border-radius: 0 4px 4px 0;
1580
+ -moz-border-radius: 0 4px 4px 0;
1581
+ border-radius: 0 4px 4px 0;
1582
+ }
1583
+
1584
+ .input-append input:focus,
1585
+ .input-prepend input:focus,
1586
+ .input-append select:focus,
1587
+ .input-prepend select:focus,
1588
+ .input-append .uneditable-input:focus,
1589
+ .input-prepend .uneditable-input:focus {
1590
+ z-index: 2;
1591
+ }
1592
+
1593
+ .input-append .add-on,
1594
+ .input-prepend .add-on {
1595
+ display: inline-block;
1596
+ width: auto;
1597
+ height: 15px;
1598
+ margin-top: 1px;
1599
+ min-width: 16px;
1600
+ padding: 7px 5px;
1601
+ font-size: 14px;
1602
+ font-weight: normal;
1603
+ line-height: 20px;
1604
+ text-align: center;
1605
+ text-shadow: 0 1px 0 #ffffff;
1606
+ background-color: #eeeeee;
1607
+ border: 1px solid #ccc;
1608
+ }
1609
+
1610
+ .input-append .add-on,
1611
+ .input-prepend .add-on,
1612
+ .input-append .btn,
1613
+ .input-prepend .btn,
1614
+ .input-append .btn-group > .dropdown-toggle,
1615
+ .input-prepend .btn-group > .dropdown-toggle {
1616
+ vertical-align: top;
1617
+ -webkit-border-radius: 0;
1618
+ -moz-border-radius: 0;
1619
+ border-radius: 0;
1620
+ }
1621
+
1622
+ .input-append .active,
1623
+ .input-prepend .active {
1624
+ background-color: #a9dba9;
1625
+ border-color: #46a546;
1626
+ }
1627
+
1628
+ .input-prepend .add-on,
1629
+ .input-prepend .btn {
1630
+ margin-right: -1px;
1631
+ }
1632
+
1633
+ .input-prepend .add-on:first-child,
1634
+ .input-prepend .btn:first-child {
1635
+ -webkit-border-radius: 4px 0 0 4px;
1636
+ -moz-border-radius: 4px 0 0 4px;
1637
+ border-radius: 4px 0 0 4px;
1638
+ }
1639
+
1640
+ .input-append input,
1641
+ .input-append select,
1642
+ .input-append .uneditable-input {
1643
+ -webkit-border-radius: 4px 0 0 4px;
1644
+ -moz-border-radius: 4px 0 0 4px;
1645
+ border-radius: 4px 0 0 4px;
1646
+ }
1647
+
1648
+ .input-append input + .btn-group .btn:last-child,
1649
+ .input-append select + .btn-group .btn:last-child,
1650
+ .input-append .uneditable-input + .btn-group .btn:last-child {
1651
+ -webkit-border-radius: 0 4px 4px 0;
1652
+ -moz-border-radius: 0 4px 4px 0;
1653
+ border-radius: 0 4px 4px 0;
1654
+ }
1655
+
1656
+ .input-append .add-on,
1657
+ .input-append .btn,
1658
+ .input-append .btn-group {
1659
+ margin-left: -1px;
1660
+ }
1661
+
1662
+ .input-append .add-on:last-child,
1663
+ .input-append .btn:last-child,
1664
+ .input-append .btn-group:last-child > .dropdown-toggle {
1665
+ -webkit-border-radius: 0 4px 4px 0;
1666
+ -moz-border-radius: 0 4px 4px 0;
1667
+ border-radius: 0 4px 4px 0;
1668
+ }
1669
+
1670
+ .input-prepend.input-append input,
1671
+ .input-prepend.input-append select,
1672
+ .input-prepend.input-append .uneditable-input {
1673
+ -webkit-border-radius: 0;
1674
+ -moz-border-radius: 0;
1675
+ border-radius: 0;
1676
+ }
1677
+
1678
+ .input-prepend.input-append input + .btn-group .btn,
1679
+ .input-prepend.input-append select + .btn-group .btn,
1680
+ .input-prepend.input-append .uneditable-input + .btn-group .btn {
1681
+ -webkit-border-radius: 0 4px 4px 0;
1682
+ -moz-border-radius: 0 4px 4px 0;
1683
+ border-radius: 0 4px 4px 0;
1684
+ }
1685
+
1686
+ .input-prepend.input-append .add-on:first-child,
1687
+ .input-prepend.input-append .btn:first-child {
1688
+ margin-right: -1px;
1689
+ -webkit-border-radius: 4px 0 0 4px;
1690
+ -moz-border-radius: 4px 0 0 4px;
1691
+ border-radius: 4px 0 0 4px;
1692
+ }
1693
+
1694
+ .input-prepend.input-append .add-on:last-child,
1695
+ .input-prepend.input-append .btn:last-child {
1696
+ margin-left: -1px;
1697
+ -webkit-border-radius: 0 4px 4px 0;
1698
+ -moz-border-radius: 0 4px 4px 0;
1699
+ border-radius: 0 4px 4px 0;
1700
+ }
1701
+
1702
+ .input-prepend.input-append .btn-group:first-child {
1703
+ margin-left: 0;
1704
+ }
1705
+
1706
+
1707
+ media="all"
1708
+ @media screen and (max-width: 782px)
1709
+ .form-table td input[type=text], .form-table td input[type=password], .form-table td select, .form-table td textarea, .form-table span.description, #profile-page .form-table textarea {
1710
+ width: 70%;
1711
+ font-size: 16px;
1712
+ line-height: 1.5;
1713
+ padding: 7px 10px;
1714
+ display: block;
1715
+ max-width: none;
1716
+ box-sizing: border-box;
1717
+ -mox-box-sizing: border-box;
1718
+ }
1719
+ .avatar{
1720
+ float: left;
1721
+ padding: 2px;
1722
+ backgroun-color: #fff;
1723
+ border: 1px solid #ccc;
1724
+ margin-right: 8px;
1725
+
1726
+ }
1727
+ .error{ color:#FF0000; }
1728
+
1729
+ .pagination a, .pagination span {
1730
+ line-height: 25px;
1731
+ }
1732
+ .pagination {
1733
+ margin: 0px 0;
1734
+ }
1735
+ #subscribe_loading{
1736
+ position: absolute;
1737
+ text-align: center;
1738
+ top: 75px;
1739
+ left:50px;
1740
+ width: 30%;
1741
+ display:none;
1742
+ }
1743
+ ul{border:0; margin:0; padding:0;}
1744
+
1745
+
1746
+
1747
+
1748
+ .pagination {
1749
+ float: left;
1750
+ margin: 10px 0 25px;
1751
+ padding: 10px 0;
1752
+ text-align: center;
1753
+ width: 100%;
1754
+ }
1755
+
1756
+ .pagination ul {
1757
+ display: inline;
1758
+ }
1759
+
1760
+ .pagination ul li {
1761
+ display: inline;
1762
+ line-height: 22px;
1763
+ margin-left: 5px;
1764
+ }
1765
+
1766
+
1767
+ .pagination ul li.paginanext a {
1768
+ color: #6A6A6A;
1769
+ padding: 6px 30px 3px;
1770
+ }
1771
+
1772
+ .pagination ul li a {
1773
+ background: none repeat scroll 0 0 #EFF1F2;
1774
+ border: 1px solid #B0B0B0;
1775
+ font-size: 13px;
1776
+ line-height: 30px;
1777
+ padding: 6px 10px 3px;
1778
+ color: #6A6A6A;
1779
+ text-decoration:none;
1780
+ }
1781
+
1782
+ .pagination ul li.paginanext a:hover {
1783
+ color: #FFFFFF;
1784
+ }
1785
+
1786
+ .pagination ul li a:hover, .pagination ul li.active a {
1787
+ color: #3e8bcd;
1788
+ border: 1px solid #4493d8;
1789
+ color: #FFFFFF;
1790
+ background-color: #5ca2df;
1791
+ box-shadow: inset 1px 1px 1px #89c9f6;
1792
+ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5ca2df), to(#297ac1));
1793
+ background-image: -webkit-linear-gradient(top, #5ca2df, #297ac1);
1794
+ background-image: -moz-linear-gradient(top, #5ca2df, #297ac1);
1795
+ background-image: -ms-linear-gradient(top, #5ca2df, #297ac1);
1796
+ background-image: -o-linear-gradient(top, #5ca2df, #297ac1);
1797
+ }
1798
+ .pagination ul li a.active{
1799
+ color: #FFFFFF;
1800
+ background-color: #5ca2df;
1801
+ box-shadow: inset 1px 1px 1px #89c9f6;
1802
+ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5ca2df), to(#297ac1));
1803
+ background-image: -webkit-linear-gradient(top, #5ca2df, #297ac1);
1804
+ background-image: -moz-linear-gradient(top, #5ca2df, #297ac1);
1805
+ background-image: -ms-linear-gradient(top, #5ca2df, #297ac1);
1806
+ background-image: -o-linear-gradient(top, #5ca2df, #297ac1);
1807
+ }
1808
+
1809
+ .pagination ul li active a{
1810
+ color: #3e8bcd;
1811
+ border: 1px solid #4493d8;
1812
+ color: #FFFFFF;
1813
+ background-color: #5ca2df;
1814
+ box-shadow: inset 1px 1px 1px #89c9f6;
1815
+ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5ca2df), to(#297ac1));
1816
+ background-image: -webkit-linear-gradient(top, #5ca2df, #297ac1);
1817
+ background-image: -moz-linear-gradient(top, #5ca2df, #297ac1);
1818
+ background-image: -ms-linear-gradient(top, #5ca2df, #297ac1);
1819
+ background-image: -o-linear-gradient(top, #5ca2df, #297ac1);
1820
+ }
1821
+ #subscribe_loading{
1822
+ position: absolute;
1823
+ text-align: center;
1824
+ top: 10%;
1825
+ width: 20%;
1826
+ left:40%
1827
+ display:none;
1828
+ }
theme_options/css/optionpanal-dragdrop.css ADDED
@@ -0,0 +1,96 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*
2
+ Stylesheet for examples by DevHeart.
3
+ http://devheart.org/
4
+
5
+ Article title: jQuery: Customizable layout using drag n drop
6
+ Article URI: http://devheart.org/articles/jquery-customizable-layout-using-drag-and-drop/
7
+
8
+ Example title: 2. Saving and loading items
9
+ Example URI: http://devheart.org/examples/jquery-customizable-layout-using-drag-and-drop/2-saving-and-loading-items/index.html
10
+ */
11
+
12
+ /*
13
+ Typography
14
+ ------------------------------------------------------------------- */
15
+
16
+ p {margin-bottom: 1em;}
17
+
18
+
19
+ /*
20
+ Forms
21
+ ------------------------------------------------------------------- */
22
+
23
+ .input-button {
24
+ background-color: #E2E2E2;
25
+ border: 1px outset #AAA;
26
+ color: #123;
27
+ font-weight: bold;
28
+ padding: 4px 5px;
29
+ }
30
+ .input-button:active {border-style: inset;}
31
+
32
+
33
+ /*
34
+ Alignment
35
+ ------------------------------------------------------------------- */
36
+
37
+ /* Floats */
38
+
39
+ .left {float: left;}
40
+ .right {float: right;}
41
+
42
+ .clear,.clearer {clear: both;}
43
+ .clearer {
44
+ display: block;
45
+ font-size: 0;
46
+ height: 0;
47
+ line-height: 0;
48
+ }
49
+
50
+
51
+ /*
52
+ Example specifics
53
+ ------------------------------------------------------------------- */
54
+
55
+ /* Layout */
56
+
57
+ #center-wrapper {
58
+ margin: 0 auto;
59
+ width: 800px;
60
+ }
61
+
62
+
63
+ /* Columns */
64
+
65
+ .column {
66
+ margin-left: 2%;
67
+ width: 32%;
68
+ }
69
+ .column.first {margin-left: 0;}
70
+
71
+
72
+ /* Sortable items */
73
+
74
+ .sortable-list {
75
+ background-color: rgb(226, 226, 226);
76
+ list-style: none;
77
+ margin: 0;
78
+ min-height: 60px;
79
+ padding: 10px;
80
+ }
81
+ .sortable-item {
82
+ background-color: #FFF;
83
+ border: 1px solid #000;
84
+ cursor: move;
85
+ display: block;
86
+ font-weight: bold;
87
+ margin-bottom: 5px;
88
+ padding: 20px 0;
89
+ text-align: center;
90
+ }
91
+
92
+
93
+ /* Disabled list */
94
+
95
+ #example-2-4 .sortable-list {background-color: #CCC;}
96
+ #example-2-4 .sortable-item {cursor: default;}
theme_options/css/style-option.css ADDED
@@ -0,0 +1,461 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /**** box active and deactive ****/
2
+ .active{display:block; }
3
+ .deactive{display:none; }
4
+
5
+ .loading { display:none;}
6
+ /* tab icon css */
7
+ .icon{ background-repeat: no-repeat; height: 16px; padding: 1px 0 0 24px; width: 16px; }
8
+
9
+ .icon.home-page{ background-image: url(../images/option-icon-homepage.png); }
10
+
11
+ .icon.genral{ background-image: url(../images/option-icon-general.png); }
12
+
13
+ .icon.home-slider{ background-image: url(../images/option-icon-slider.png); }
14
+
15
+ .icon.typography{ background-image: url(../images/option-icon-typography.png); }
16
+
17
+ .icon.footer{ background-image: url(../images/option-icon-footer.png); }
18
+
19
+ .icon.home{ background-image: url(../images/option-icon-homepage.png);}
20
+
21
+ .icon.my{ background-image: url(../images/option-icon-misc.png); }
22
+
23
+ .icon.data{ background-image: url(../images/option-icon-ads.png); }
24
+
25
+ .icon.contact-page{ background-image: url(../images/option-icon-maps.png); }
26
+
27
+ .icon.about-us{ background-image: url(../images/ico-forum.png); }
28
+
29
+ .icon.client_strip{ background-image: url(../images/satisfied-clients.jpg); }
30
+
31
+ .icon.home_layout_manger{ background-image: url(../images/option-icon-layout.png); }
32
+
33
+ .commingsoon_lite_settings_loding{
34
+ background: url("../images/loading83.gif") no-repeat;
35
+ border: 1px solid #2F96B4;
36
+ border-radius: 10px;
37
+ box-shadow: 0 5px 30px #323232;
38
+ display: none;
39
+ font-size: 20px;
40
+ height: 170px;
41
+ left: 50%;
42
+ padding: 23px 6px 10px 52px;
43
+ position: fixed;
44
+ text-align: center;
45
+ top: 50%;
46
+ vertical-align: middle;
47
+ width: 150px;
48
+ z-index: 9999;
49
+ }
50
+
51
+ .commingsoon_lite_settings_massage{
52
+ background: url("../images/button_check.png") no-repeat scroll 13px 23px rgba(47, 150, 180, 0.6);
53
+ border: 1px solid #2F96B4;
54
+ border-radius: 10px;
55
+ box-shadow: 0 5px 30px #323232;
56
+ color: #FFFFFF;
57
+ display: none;
58
+ font-size: 20px;
59
+ height: 50px;
60
+ left: 50%;
61
+ padding: 23px 6px 10px 52px;
62
+ position: fixed;
63
+ text-align: center;
64
+ top: 50%;
65
+ vertical-align: middle;
66
+ width: auto;
67
+ z-index: 9999;
68
+ }
69
+
70
+
71
+
72
+
73
+
74
+
75
+ .select{ width:25%;}
76
+ textarea { width: 50%; height: auto;}
77
+ /******* Option panel tabs style start ***********/
78
+ #options_tabs { width:100%;}
79
+
80
+ #framework_wrap .ui-tabs .ui-tabs-nav {
81
+ margin-top: 0;
82
+ list-style: none;
83
+ position: relative;
84
+ float: left;
85
+ width: 180px;
86
+ word-wrap: break-word;
87
+ padding-left:0px;
88
+ margin-right:30px;
89
+ min-height:400px;
90
+ }
91
+
92
+ #nav {
93
+ float: left;
94
+ width: 280px;
95
+ border-top: 1px solid #999;
96
+ }
97
+ #nav li a {
98
+ display: block;
99
+ padding: 10px 15px;
100
+ background: #E9E9E9;
101
+ border-top: 1px solid #eee;
102
+ border-bottom: 1px solid #999;
103
+ text-decoration: none;
104
+ }
105
+
106
+
107
+ #framework_wrap .ui-tabs .ui-tabs-nav li.active a {
108
+ color: #fff;
109
+ //background: #598dc1;
110
+ background:#0074a2;
111
+ font-weight: 100px;
112
+ }
113
+
114
+ #nav li ul { display: none; }
115
+
116
+ #nav li ul li a {
117
+ padding: 10px 25px;
118
+ background: #ececec;
119
+ border-bottom:none;
120
+ }
121
+
122
+ #framework_wrap .ui-tabs .ui-tabs-nav li ul li.active a{ background: #000; }
123
+
124
+ #framework_wrap .ui-tabs .ui-tabs-nav li .arrow {
125
+ display: none;
126
+ top: 1px;
127
+ cursor: auto;
128
+ position: absolute;
129
+ left: -1000px;
130
+ margin: 0;
131
+ height: 0px;
132
+ width: 0px;
133
+ }
134
+ #framework_wrap .ui-tabs .ui-tabs-nav li .arrow div {
135
+ position: absolute;
136
+ -moz-transform: matrix(-0.6,1,0.6,1,0,0);
137
+ -webkit-transform: matrix(-0.6,1,0.6,1,0,0);
138
+ -o-transform: matrix(-0.6,1,0.6,1,0,0);
139
+ -ms-transform: matrix(-0.6,1,0.6,1,0,0);
140
+ transform: matrix(-0.6,1,0.6,1,0,0);
141
+ height: 16px;
142
+ width: 17px;
143
+ top: 9px;
144
+ left: -14px;
145
+ border-width: 0 0 1px 1px;
146
+ border-style: solid;
147
+ //background: #598dc1;
148
+ background:#006DCC;
149
+ border-color: #598dc1;
150
+ }
151
+
152
+
153
+ #framework_wrap .ui-tabs .ui-tabs-nav li {
154
+ position: relative;
155
+ float: left;
156
+ display: block;
157
+ margin: 0;
158
+ padding: 0;
159
+ overflow: visible;
160
+ font-family: Georgia;
161
+ }
162
+
163
+ #framework_wrap .ui-tabs .ui-tabs-nav li a {
164
+ float: left;
165
+ display: block;
166
+ width: 160px;
167
+ padding: 8px 10px;
168
+ border-bottom: 1px solid #e3e3e3;
169
+ background-image: url(../images/white_px.png);
170
+ background-repeat: repeat-x;
171
+ background-position: 0 0;
172
+ font-weight:200;
173
+ font:13px/18px sans-serif;
174
+ }
175
+ #nav-shadow{ width: 500px; position: absolute; top: 0; bottom: 0; right: 0;
176
+ background: transparent url('../images/menu-shadow.png') repeat-y top right;
177
+ width: 6px; z-index: 999;
178
+ }
179
+
180
+ #framework_wrap .ui-tabs .ui-tabs-nav li.active ul li a
181
+ { background-color: #e3e3e3; color:#31597E; font: 12px/16px sans-serif; text-shadow: none; border:none;
182
+ overflow:hidden; border-bottom:1px solid #E9E9E9;
183
+ }
184
+
185
+ #framework_wrap .ui-tabs .ui-tabs-nav li.active ul li.active a{ color:#21759b; }
186
+
187
+ #framework_wrap .ui-tabs .ui-tabs-nav li.active ul li a:hover{background:#cad2da}
188
+
189
+ #framework_wrap .ui-tabs .ui-tabs-nav li.active ul li.currunt a{color:#000;font-size:14px;}
190
+
191
+ #framework_wrap .ui-tabs .ui-tabs-panel { width:81%;min-height: 400px; margin-left:200px; padding-left:10px; padding-right:10px; min-height: 510px; }
192
+
193
+ #framework_wrap .ui-tabs .ui-tabs-nav li.active .arrow {
194
+ display: block;
195
+ /*z-index: 9997;*/
196
+ -moz-transform: translate(1184px);
197
+ -webkit-transform: translate(1184px);
198
+ -o-transform: translate(1184px);
199
+ -ms-transform: translate(1184px);
200
+ transform: translate(1184px);
201
+ background-color: #777;
202
+ background-image: -ms-linear-gradient(bottom,#6d6d6d,#808080);
203
+ background-image: -moz-linear-gradient(bottom,#6d6d6d,#808080);
204
+ background-image: -o-linear-gradient(bottom,#6d6d6d,#808080);
205
+ background-image: -webkit-gradient(linear,left bottom,left top,from(#6d6d6d),to(#808080));
206
+ background-image: -webkit-linear-gradient(bottom,#6d6d6d,#808080);
207
+ background-image: linear-gradient(bottom,#6d6d6d,#808080);
208
+ }
209
+ /*************** botton css **************/
210
+ .btn {
211
+ -moz-border-bottom-colors: none;
212
+ -moz-border-image: none;
213
+ -moz-border-left-colors: none;
214
+ -moz-border-right-colors: none;
215
+ -moz-border-top-colors: none;
216
+ background-color: #F5F5F5;
217
+ background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6);
218
+ background-repeat: repeat-x;
219
+ border-bottom-color: #A2A2A2;
220
+ border-bottom-left-radius: 4px;
221
+ border-bottom-right-radius: 4px;
222
+ border-bottom-style: solid;
223
+ border-bottom-width: 1px;
224
+ border-top-color: rgba(0, 0, 0, 0.1);
225
+ border-top-left-radius: 4px;
226
+ border-top-right-radius: 4px;
227
+ border-top-style: solid;
228
+ border-top-width: 1px;
229
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
230
+ color: #333333;
231
+ cursor: pointer;
232
+ display: inline-block;
233
+ font-size: 14px;
234
+ line-height: 20px;
235
+ margin-bottom: 0;
236
+ padding-bottom: 4px;
237
+ padding-left: 12px;
238
+ padding-right: 12px;
239
+ padding-top: 4px;
240
+ text-align: center;
241
+ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
242
+ vertical-align: middle;
243
+ }
244
+ .btn-primary {
245
+ background-color: #1e8cbe;
246
+ background-image: -moz-linear-gradient(center top , #1e8cbe, #1b83b2);
247
+ border-color: rgba(0, 0, 0, 0.25);
248
+ color: #FFFFFF;
249
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
250
+ }
251
+ .btn-info {
252
+ background-color: #49AFCD;
253
+ background-image: -moz-linear-gradient(center top , #5BC0DE, #2F96B4);
254
+ background-repeat: repeat-x;
255
+ border-bottom-color: rgba(0, 0, 0, 0.25);
256
+ border-left-color-ltr-source: physical;
257
+ border-left-color-rtl-source: physical;
258
+ border-left-color-value: rgba(0, 0, 0, 0.1);
259
+ border-right-color-ltr-source: physical;
260
+ border-right-color-rtl-source: physical;
261
+ border-right-color-value: rgba(0, 0, 0, 0.1);
262
+ border-top-color: rgba(0, 0, 0, 0.1);
263
+ color: #FFFFFF;
264
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
265
+ }
266
+ .btn-success {
267
+ background-color: #5BB75B;
268
+ background-image: -moz-linear-gradient(center top , #62C462, #51A351);
269
+ background-repeat: repeat-x;
270
+ border-bottom-color: rgba(0, 0, 0, 0.25);
271
+ border-left-color-ltr-source: physical;
272
+ border-left-color-rtl-source: physical;
273
+ border-left-color-value: rgba(0, 0, 0, 0.1);
274
+ border-right-color-ltr-source: physical;
275
+ border-right-color-rtl-source: physical;
276
+ border-right-color-value: rgba(0, 0, 0, 0.1);
277
+ border-top-color: rgba(0, 0, 0, 0.1);
278
+ color: #FFFFFF;
279
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
280
+ }
281
+ .btn-inverse {
282
+ background-color: #363636;
283
+ background-image: -moz-linear-gradient(center top , #444444, #222222);
284
+ background-repeat: repeat-x;
285
+ border-bottom-color: rgba(0, 0, 0, 0.25);
286
+ border-left-color-ltr-source: physical;
287
+ border-left-color-rtl-source: physical;
288
+ border-left-color-value: rgba(0, 0, 0, 0.1);
289
+ border-right-color-ltr-source: physical;
290
+ border-right-color-rtl-source: physical;
291
+ border-right-color-value: rgba(0, 0, 0, 0.1);
292
+ border-top-color: rgba(0, 0, 0, 0.1);
293
+ color: #FFFFFF;
294
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
295
+ }
296
+
297
+ /*************** option header ***************/
298
+ .webriti-header {
299
+ background-attachment: scroll;
300
+ background-clip: border-box;
301
+ background-color: transparent;
302
+ background-image: -moz-linear-gradient(center top , #FEFEFE 0%, #EDEDED 100%);
303
+ background-origin: padding-box;
304
+ background-position: 0 0;
305
+ background-repeat: repeat;
306
+ background-size: auto auto;
307
+ border-top-color: #C8C8C8;
308
+ border-left-color: #C8C8C8;
309
+ border-right-color: #C8C8C8;
310
+ border-style: solid;
311
+ border-width: 1px;
312
+ min-height: 40px;
313
+ padding-bottom: 0px;
314
+ padding-left: 0;
315
+ padding-right: 0;
316
+ margin-top:10px;
317
+ }
318
+ .webriti-submenu {
319
+ background-attachment: scroll;
320
+ background-clip: border-box;
321
+ background-color: transparent;
322
+ background-color: #464646;
323
+ background-image: -moz-linear-gradient(center top , #464646 0%, #464646 100%);
324
+ background-origin: padding-box;
325
+ background-position: 0 0;
326
+ background-repeat: repeat;
327
+ background-size: auto auto;
328
+ //border-bottom-color: #626262;
329
+ border-bottom-style: solid;
330
+ border-bottom-width: 1px;
331
+ box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.2) inset;
332
+ padding-bottom: 5px;
333
+ padding-left: 0;
334
+ padding-right: 0;
335
+ padding-top: 0px;
336
+ }
337
+ .webriti-submenu h2{ color:#E9E9E9;}
338
+
339
+ .webriti-submenu-links { float: right; margin-right: 20px; }
340
+ .webriti-submenu-links a{text-decoration:none;
341
+
342
+ font-family: sans-serif;
343
+ font-size: 13px;
344
+ font-size-adjust: none;
345
+ font-stretch: normal;
346
+ font-style: normal;
347
+ font-variant: normal;
348
+ font-weight: bold;
349
+ line-height: 18px;
350
+ }
351
+ .webriti-submenu-links a:hover {color:#E9E9E9;}
352
+
353
+ /******** Tooltips style ***/
354
+ .icons {
355
+ display: inline-block; width: 16px; height: 16px; position: relative; padding: 0 4px 0 0;
356
+ background: url(../images/icons.png) no-repeat;
357
+ }
358
+ .tooltip
359
+ { display: none; width: 250px; position: absolute; padding: 10px; margin: 4px 0 0 4px;
360
+ top: 0; left: 16px; border: 1px solid #464646; border-radius: 5px; background: #bedffe;font-size: 13px;
361
+ box-shadow: 0 1px 2px -1px #21759B; z-index: 999;
362
+ }
363
+ .help { background-position: 0 0; }
364
+
365
+ .help .tooltip { border-color: #464646; background-color: #FFFFFF; box-shadow-color: #21759B;}
366
+
367
+ .icons:hover .tooltip { display: block;}
368
+
369
+ /***** inner option style ******/
370
+ .webriti_inpute{ padding-bottom: 6px; width: 50%; }
371
+ .ui-tabs-panel #heading{
372
+ border-bottom-color: #474747;
373
+ border-bottom-style: solid;
374
+ border-bottom-width: 1px;
375
+ margin-bottom: 10px;
376
+ padding-bottom: 10px;
377
+ }
378
+
379
+ .ui-tabs-panel .section {
380
+ border-bottom-color: #E7E7E7;
381
+ border-bottom-style: solid;
382
+ border-bottom-width: 1px;
383
+ margin-bottom: 10px;
384
+ padding-bottom: 15px;
385
+ }
386
+ #button_section
387
+ {
388
+ border-bottom-color: #474747;
389
+ border-bottom-style: solid;
390
+ border-bottom-width: 1px;
391
+ margin-bottom: 10px;
392
+ padding-bottom: 15px;
393
+ }
394
+ #content .section .explain {
395
+ color: #999999;
396
+ font-family: sans-serif;
397
+ font-size: 14px;
398
+ padding-bottom: 0;
399
+ padding-left: 0;
400
+ padding-right: 0;
401
+ padding-top: 0;
402
+ width: auto;
403
+ margin-left:10px;
404
+ }
405
+ #content .section h3 {
406
+ font-size: 1.1em;
407
+ margin-bottom: 5px;
408
+ margin-left: 0;
409
+ margin-right: 0;
410
+ margin-top: 15px;
411
+ padding-bottom: 7px;
412
+ padding-left: 0;
413
+ padding-right: 0;
414
+ padding-top: 5px;
415
+ }
416
+ @media screen and ( min-width :1280px)
417
+ {
418
+ #framework_wrap .ui-tabs .ui-tabs-panel{
419
+ width:81%;
420
+ }
421
+ }
422
+
423
+ @media screen and ( min-width :768px) and ( max-width : 1024px)
424
+ {
425
+ #framework_wrap .ui-tabs .ui-tabs-panel{
426
+ width:71%;
427
+ }
428
+ }
429
+
430
+
431
+ @media screen and ( min-width :480px) and ( max-width : 768px)
432
+ {
433
+ #framework_wrap .ui-tabs .ui-tabs-panel{
434
+ width:61%;
435
+ }
436
+ }
437
+
438
+ @media screen and ( min-width :320px) and ( max-width : 480px)
439
+ {
440
+ #framework_wrap .ui-tabs .ui-tabs-panel{
441
+ width:41%;
442
+ }
443
+ }
444
+
445
+ /*css by abhishek pathak*/
446
+ .ui-tabs-panel .section {
447
+ border-bottom-color: #E7E7E7;
448
+ border-bottom-style: solid;
449
+ border-bottom-width: 1px;
450
+ margin-bottom: 10px;
451
+ padding-bottom: 15px;
452
+ }
453
+
454
+
455
+ .wp-core-ui .button-group.button-large .button, .wp-core-ui .button.button-large {
456
+ height: 30px;
457
+ line-height: 28px;
458
+ padding: 0 12px 2px;
459
+ margin-right: 10px;
460
+ }
461
+
theme_options/css/upgrade-pro.css ADDED
@@ -0,0 +1,365 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ .webriti-themepromo {
2
+ background: none repeat scroll 0 0 #8CC558;
3
+ border: 1px dashed rgba(0, 0, 0, 0.2);
4
+ color: #444444;
5
+ margin-top: 10px;
6
+ padding: 5px 15px;
7
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
8
+ width:97.5%;
9
+ color:#FFFFFF;
10
+ margin-right:10px;
11
+ }
12
+ #company-logo
13
+ { float:right;
14
+ margin-top:2px;
15
+ font-size:18px;
16
+ color:#000000;
17
+ text-shadow:#fff 0px 1px 0, #000 0 -1px 0;
18
+
19
+ }
20
+
21
+ .modal-backdrop {
22
+ position: fixed;
23
+ top: 0;
24
+ right: 0;
25
+ bottom: 0;
26
+ left: 0;
27
+ z-index: 1040;
28
+ background-color: #000000;
29
+ }
30
+
31
+ .modal-backdrop.fade { opacity: 0;}
32
+
33
+ .modal-backdrop,.modal-backdrop.fade.in { opacity: 0.7; filter: alpha(opacity=80);}
34
+
35
+ .modal {
36
+ position: fixed;
37
+ top: 4%;
38
+ left: 50%;
39
+ z-index: 1050;
40
+ width: 860px;
41
+ margin-left: -450px;
42
+ background-color: #ffffff;
43
+ }
44
+
45
+ .modal.fade {
46
+ top: -25%;
47
+ -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
48
+ -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
49
+ -o-transition: opacity 0.3s linear, top 0.3s ease-out;
50
+ transition: opacity 0.3s linear, top 0.3s ease-out;
51
+ }
52
+
53
+ .modal.fade.in { top: 10%;}
54
+
55
+ .modal-header { padding: 9px 15px; border-bottom: 1px solid #eee; }
56
+
57
+ .modal-header .close { margin-top: 2px; }
58
+ .modal-header{border:0px;}
59
+ .modal-header h3 { margin: 0; line-height: 30px;}
60
+
61
+ .modal-body { color:#333333;margin:0px; position: relative; max-height: 400px; padding: 15px;}
62
+
63
+ .modal-form { margin-bottom: 0;}
64
+
65
+ .modal-footer {
66
+ padding: 14px 15px 15px;
67
+ margin-bottom: 0;
68
+ text-align: right;
69
+ background-color: #f5f5f5;
70
+ border-top: 1px solid #ddd;
71
+ -webkit-border-radius: 0 0 6px 6px;
72
+ -moz-border-radius: 0 0 6px 6px;
73
+ border-radius: 0 0 6px 6px;
74
+ *zoom: 1;
75
+ -webkit-box-shadow: inset 0 1px 0 #ffffff;
76
+ -moz-box-shadow: inset 0 1px 0 #ffffff;
77
+ box-shadow: inset 0 1px 0 #ffffff;
78
+ }
79
+
80
+ .modal-footer:before,.modal-footer:after { display: table; line-height: 0; content: "";}
81
+
82
+ .modal-footer:after { clear: both;}
83
+
84
+ .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; }
85
+
86
+ .modal-footer .btn-group .btn + .btn { margin-left: -1px; }
87
+
88
+ .modal-footer .btn-block + .btn-block { margin-left: 0; }
89
+
90
+ .table { width: 100%; margin-bottom: 0px; margin-top: -15px;}
91
+
92
+ .table th,.table td {
93
+ padding: 1px 6px 4px;
94
+ line-height: 14px;
95
+ text-align: left;
96
+ vertical-align: top;
97
+ border-top: 1px solid #dddddd;
98
+ }
99
+
100
+ .table p{ margin:6px;}
101
+
102
+ .table th { font-weight: bold; }
103
+
104
+ .table thead th { vertical-align: bottom; }
105
+ .table-bordered {
106
+ border: 1px solid #dddddd;
107
+ border-collapse: separate;
108
+ *border-collapse: collapse;
109
+ border-left: 0;
110
+ -webkit-border-radius: 4px;
111
+ -moz-border-radius: 4px;
112
+ border-radius: 4px;
113
+ }
114
+
115
+ .table-bordered th,.table-bordered td { border-left: 1px solid #dddddd; }
116
+
117
+ .table-striped tbody > tr:nth-child(odd) > td,.table-striped tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; }
118
+
119
+ .table-hover tbody tr:hover > td,.table-hover tbody tr:hover > th { background-color: #f5f5f5;}
120
+
121
+ .hide { display: none;}
122
+
123
+ .show { display: block;}
124
+
125
+ .invisible { visibility: hidden;}
126
+
127
+ .affix { position: fixed;}
128
+ .close { float: right;
129
+ font-size: 20px;
130
+ font-weight: bold;
131
+ line-height: 20px;
132
+ color: #000000;
133
+ text-shadow: 0 1px 0 #ffffff;
134
+ opacity: 0.9;
135
+ filter: alpha(opacity=20);
136
+ }
137
+
138
+ .close:hover,
139
+ .close:focus {
140
+ color: #000000;
141
+ text-decoration: none;
142
+ cursor: pointer;
143
+ opacity: 0.4;
144
+ filter: alpha(opacity=40);
145
+ }
146
+
147
+ button.close {
148
+ padding: 0;
149
+ cursor: pointer;
150
+ background: transparent;
151
+ border: 0;
152
+ -webkit-appearance: none;
153
+ }
154
+
155
+ .btn:hover,
156
+ .btn:focus {
157
+ color: #333333;
158
+ text-decoration: none;
159
+ background-position: 0 -15px;
160
+ -webkit-transition: background-position 0.1s linear;
161
+ -moz-transition: background-position 0.1s linear;
162
+ -o-transition: background-position 0.1s linear;
163
+ transition: background-position 0.1s linear;
164
+ }
165
+
166
+ .btn:focus {
167
+ outline: thin dotted #333;
168
+ outline: 5px auto -webkit-focus-ring-color;
169
+ outline-offset: -2px;
170
+ }
171
+
172
+ .btn-large {
173
+ padding: 11px 19px;
174
+ font-size: 17.5px;
175
+ -webkit-border-radius: 6px;
176
+ -moz-border-radius: 6px;
177
+ border-radius: 6px;
178
+ text-decoration: none;
179
+ }
180
+
181
+ .btn-primary {
182
+ color: #ffffff;
183
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
184
+ background-color: #006dcc;
185
+ *background-color: #0044cc;
186
+ background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
187
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
188
+ background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
189
+ background-image: -o-linear-gradient(top, #0088cc, #0044cc);
190
+ background-image: linear-gradient(to bottom, #0088cc, #0044cc);
191
+ background-repeat: repeat-x;
192
+ border-color: #0044cc #0044cc #002a80;
193
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
194
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
195
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
196
+ }
197
+
198
+ .btn-primary:hover,
199
+ .btn-primary:focus,
200
+ .btn-primary:active,
201
+ .btn-primary.active,
202
+ .btn-primary.disabled,
203
+ .btn-primary[disabled] {
204
+ color: #ffffff;
205
+ background-color: #0044cc;
206
+ *background-color: #003bb3;
207
+ }
208
+
209
+ .btn-primary:active,
210
+ .btn-primary.active {
211
+ background-color: #003399 \9;
212
+ }
213
+
214
+ .btn-warning {
215
+ color: #ffffff;
216
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
217
+ background-color: #faa732;
218
+ *background-color: #f89406;
219
+ background-image: -moz-linear-gradient(top, #fbb450, #f89406);
220
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
221
+ background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
222
+ background-image: -o-linear-gradient(top, #fbb450, #f89406);
223
+ background-image: linear-gradient(to bottom, #fbb450, #f89406);
224
+ background-repeat: repeat-x;
225
+ border-color: #f89406 #f89406 #ad6704;
226
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
227
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
228
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
229
+ }
230
+
231
+
232
+ .btn-danger {
233
+ color: #ffffff;
234
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
235
+ background-color: #da4f49;
236
+ *background-color: #bd362f;
237
+ background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
238
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
239
+ background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
240
+ background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
241
+ background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
242
+ background-repeat: repeat-x;
243
+ border-color: #bd362f #bd362f #802420;
244
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
245
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
246
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
247
+ }
248
+
249
+ .btn-danger:hover,
250
+ .btn-danger:focus,
251
+ .btn-danger:active,
252
+ .btn-danger.active,
253
+ .btn-danger.disabled,
254
+ .btn-danger[disabled] {
255
+ color: #ffffff;
256
+ background-color: #bd362f;
257
+ *background-color: #a9302a;
258
+ }
259
+
260
+ .btn-danger:active,
261
+ .btn-danger.active {
262
+ background-color: #942a25 \9;
263
+ }
264
+
265
+ .btn-success {
266
+ color: #ffffff;
267
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
268
+ background-color: #5bb75b;
269
+ *background-color: #51a351;
270
+ background-image: -moz-linear-gradient(top, #62c462, #51a351);
271
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
272
+ background-image: -webkit-linear-gradient(top, #62c462, #51a351);
273
+ background-image: -o-linear-gradient(top, #62c462, #51a351);
274
+ background-image: linear-gradient(to bottom, #62c462, #51a351);
275
+ background-repeat: repeat-x;
276
+ border-color: #51a351 #51a351 #387038;
277
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
278
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
279
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
280
+ }
281
+
282
+ .btn-success:hover,
283
+ .btn-success:focus,
284
+ .btn-success:active,
285
+ .btn-success.active,
286
+ .btn-success.disabled,
287
+ .btn-success[disabled] {
288
+ color: #ffffff;
289
+ background-color: #51a351;
290
+ *background-color: #499249;
291
+ }
292
+
293
+ .btn-success:active,
294
+ .btn-success.active {
295
+ background-color: #408140 \9;
296
+ }
297
+
298
+ .btn-info {
299
+ color: #ffffff;
300
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
301
+ background-color: #49afcd;
302
+ *background-color: #2f96b4;
303
+ background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
304
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
305
+ background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
306
+ background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
307
+ background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
308
+ background-repeat: repeat-x;
309
+ border-color: #2f96b4 #2f96b4 #1f6377;
310
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
311
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
312
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
313
+ }
314
+
315
+ .btn-info:hover,
316
+ .btn-info:focus,
317
+ .btn-info:active,
318
+ .btn-info.active,
319
+ .btn-info.disabled,
320
+ .btn-info[disabled] {
321
+ color: #ffffff;
322
+ background-color: #2f96b4;
323
+ *background-color: #2a85a0;
324
+ }
325
+
326
+ button.btn.btn-large,input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; }
327
+
328
+ .alert {
329
+ padding: 8px 35px 8px 14px;
330
+ margin-bottom: 20px;
331
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
332
+ background-color: #fcf8e3;
333
+ border: 1px solid #fbeed5;
334
+ -webkit-border-radius: 4px;
335
+ -moz-border-radius: 4px;
336
+ border-radius: 4px;
337
+ }
338
+
339
+ .alert,.alert h4 { color: #c09853;}
340
+
341
+ .alert h4 { margin: 0;}
342
+
343
+ .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px;}
344
+
345
+ .alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6;}
346
+
347
+ .alert-success h4 { color: #468847;}
348
+
349
+ .alert-danger,.alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7;}
350
+
351
+ .alert-danger h4,.alert-error h4 { color: #b94a48;}
352
+
353
+ .alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; }
354
+
355
+ .alert-info h4 { color: #3a87ad;}
356
+
357
+ .alert-block { padding-top: 14px; padding-bottom: 14px;}
358
+
359
+ .alert-block > p,.alert-block > ul { margin-bottom: 0;}
360
+
361
+ .alert-block p + p { margin-top: 5px;}
362
+ #rambo-pro{background:#FFFFFF; border:3px solid #ddd;}
363
+ #modal_heading{background:#6BB3D1;margin-top:0%;padding-bottom:10px;padding-top:10px;color:#FFFFFF;}
364
+ thead.alert tr th {text-align: center;}
365
+ .table tbody tr td {text-align: center;}
theme_options/css/wff-admin.css ADDED
@@ -0,0 +1,4056 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /* --------------------------------------------------
2
+ :: OptionTree Font
3
+ ---------------------------------------------------*/
4
+ @font-face {
5
+ font-family: "option-tree-font";
6
+ src:url("../fonts/option-tree-font.eot");
7
+ src:url("../fonts/option-tree-font.eot?#iefix") format("embedded-opentype"),
8
+ url("../fonts/option-tree-font.woff") format("woff"),
9
+ url("../fonts/option-tree-font.ttf") format("truetype"),
10
+ url("../fonts/option-tree-font.svg#option-tree-font") format("svg");
11
+ font-weight: normal;
12
+ font-style: normal;
13
+ }
14
+
15
+ [class^="ot-icon-"],
16
+ [class*=" ot-icon-"] {
17
+ font-family: "option-tree-font";
18
+ speak: none;
19
+ font-style: normal;
20
+ font-weight: normal;
21
+ font-variant: normal;
22
+ text-transform: none;
23
+ line-height: 1;
24
+ -webkit-font-smoothing: antialiased;
25
+ -moz-osx-font-smoothing: grayscale;
26
+ }
27
+
28
+ .ot-icon-option-tree:before {
29
+ content: "\e785";
30
+ }
31
+ .ot-icon-glass:before {
32
+ content: "\f000";
33
+ }
34
+ .ot-icon-music:before {
35
+ content: "\f001";
36
+ }
37
+ .ot-icon-search:before {
38
+ content: "\f002";
39
+ }
40
+ .ot-icon-envelope-o:before {
41
+ content: "\f003";
42
+ }
43
+ .ot-icon-heart:before {
44
+ content: "\f004";
45
+ }
46
+ .ot-icon-star:before {
47
+ content: "\f005";
48
+ }
49
+ .ot-icon-star-o:before {
50
+ content: "\f006";
51
+ }
52
+ .ot-icon-user:before {
53
+ content: "\f007";
54
+ }
55
+ .ot-icon-film:before {
56
+ content: "\f008";
57
+ }
58
+ .ot-icon-th-large:before {
59
+ content: "\f009";
60
+ }
61
+ .ot-icon-th:before {
62
+ content: "\f00a";
63
+ }
64
+ .ot-icon-th-list:before {
65
+ content: "\f00b";
66
+ }
67
+ .ot-icon-check:before {
68
+ content: "\f00c";
69
+ }
70
+ .ot-icon-times:before {
71
+ content: "\f00d";
72
+ }
73
+ .ot-icon-search-plus:before {
74
+ content: "\f00e";
75
+ }
76
+ .ot-icon-search-minus:before {
77
+ content: "\f010";
78
+ }
79
+ .ot-icon-power-off:before {
80
+ content: "\f011";
81
+ }
82
+ .ot-icon-signal:before {
83
+ content: "\f012";
84
+ }
85
+ .ot-icon-gear:before {
86
+ content: "\f013";
87
+ }
88
+ .ot-icon-trash-o:before {
89
+ content: "\f014";
90
+ }
91
+ .ot-icon-home:before {
92
+ content: "\f015";
93
+ }
94
+ .ot-icon-file-o:before {
95
+ content: "\f016";
96
+ }
97
+ .ot-icon-clock-o:before {
98
+ content: "\f017";
99
+ }
100
+ .ot-icon-road:before {
101
+ content: "\f018";
102
+ }
103
+ .ot-icon-download:before {
104
+ content: "\f019";
105
+ }
106
+ .ot-icon-arrow-circle-o-down:before {
107
+ content: "\f01a";
108
+ }
109
+ .ot-icon-arrow-circle-o-up:before {
110
+ content: "\f01b";
111
+ }
112
+ .ot-icon-inbox:before {
113
+ content: "\f01c";
114
+ }
115
+ .ot-icon-play-circle-o:before {
116
+ content: "\f01d";
117
+ }
118
+ .ot-icon-rotate-right:before {
119
+ content: "\f01e";
120
+ }
121
+ .ot-icon-refresh:before {
122
+ content: "\f021";
123
+ }
124
+ .ot-icon-list-alt:before {
125
+ content: "\f022";
126
+ }
127
+ .ot-icon-lock:before {
128
+ content: "\f023";
129
+ }
130
+ .ot-icon-flag:before {
131
+ content: "\f024";
132
+ }
133
+ .ot-icon-headphones:before {
134
+ content: "\f025";
135
+ }
136
+ .ot-icon-volume-off:before {
137
+ content: "\f026";
138
+ }
139
+ .ot-icon-volume-down:before {
140
+ content: "\f027";
141
+ }
142
+ .ot-icon-volume-up:before {
143
+ content: "\f028";
144
+ }
145
+ .ot-icon-qrcode:before {
146
+ content: "\f029";
147
+ }
148
+ .ot-icon-barcode:before {
149
+ content: "\f02a";
150
+ }
151
+ .ot-icon-tag:before {
152
+ content: "\f02b";
153
+ }
154
+ .ot-icon-tags:before {
155
+ content: "\f02c";
156
+ }
157
+ .ot-icon-book:before {
158
+ content: "\f02d";
159
+ }
160
+ .ot-icon-bookmark:before {
161
+ content: "\f02e";
162
+ }
163
+ .ot-icon-print:before {
164
+ content: "\f02f";
165
+ }
166
+ .ot-icon-camera:before {
167
+ content: "\f030";
168
+ }
169
+ .ot-icon-font:before {
170
+ content: "\f031";
171
+ }
172
+ .ot-icon-bold:before {
173
+ content: "\f032";
174
+ }
175
+ .ot-icon-italic:before {
176
+ content: "\f033";
177
+ }
178
+ .ot-icon-text-height:before {
179
+ content: "\f034";
180
+ }
181
+ .ot-icon-text-width:before {
182
+ content: "\f035";
183
+ }
184
+ .ot-icon-align-left:before {
185
+ content: "\f036";
186
+ }
187
+ .ot-icon-align-center:before {
188
+ content: "\f037";
189
+ }
190
+ .ot-icon-align-right:before {
191
+ content: "\f038";
192
+ }
193
+ .ot-icon-align-justify:before {
194
+ content: "\f039";
195
+ }
196
+ .ot-icon-list:before {
197
+ content: "\f03a";
198
+ }
199
+ .ot-icon-dedent:before {
200
+ content: "\f03b";
201
+ }
202
+ .ot-icon-indent:before {
203
+ content: "\f03c";
204
+ }
205
+ .ot-icon-video-camera:before {
206
+ content: "\f03d";
207
+ }
208
+ .ot-icon-picture-o:before {
209
+ content: "\f03e";
210
+ }
211
+ .ot-icon-pencil:before {
212
+ content: "\f040";
213
+ }
214
+ .ot-icon-map-marker:before {
215
+ content: "\f041";
216
+ }
217
+ .ot-icon-adjust:before {
218
+ content: "\f042";
219
+ }
220
+ .ot-icon-tint:before {
221
+ content: "\f043";
222
+ }
223
+ .ot-icon-edit:before {
224
+ content: "\f044";
225
+ }
226
+ .ot-icon-share-square-o:before {
227
+ content: "\f045";
228
+ }
229
+ .ot-icon-check-square-o:before {
230
+ content: "\f046";
231
+ }
232
+ .ot-icon-arrows:before {
233
+ content: "\f047";
234
+ }
235
+ .ot-icon-step-backward:before {
236
+ content: "\f048";
237
+ }
238
+ .ot-icon-fast-backward:before {
239
+ content: "\f049";
240
+ }
241
+ .ot-icon-backward:before {
242
+ content: "\f04a";
243
+ }
244
+ .ot-icon-play:before {
245
+ content: "\f04b";
246
+ }
247
+ .ot-icon-pause:before {
248
+ content: "\f04c";
249
+ }
250
+ .ot-icon-stop:before {
251
+ content: "\f04d";
252
+ }
253
+ .ot-icon-forward:before {
254
+ content: "\f04e";
255
+ }
256
+ .ot-icon-fast-forward:before {
257
+ content: "\f050";
258
+ }
259
+ .ot-icon-step-forward:before {
260
+ content: "\f051";
261
+ }
262
+ .ot-icon-eject:before {
263
+ content: "\f052";
264
+ }
265
+ .ot-icon-chevron-left:before {
266
+ content: "\f053";
267
+ }
268
+ .ot-icon-chevron-right:before {
269
+ content: "\f054";
270
+ }
271
+ .ot-icon-plus-circle:before {
272
+ content: "\f055";
273
+ }
274
+ .ot-icon-minus-circle:before {
275
+ content: "\f056";
276
+ }
277
+ .ot-icon-times-circle:before {
278
+ content: "\f057";
279
+ }
280
+ .ot-icon-check-circle:before {
281
+ content: "\f058";
282
+ }
283
+ .ot-icon-question-circle:before {
284
+ content: "\f059";
285
+ }
286
+ .ot-icon-info-circle:before {
287
+ content: "\f05a";
288
+ }
289
+ .ot-icon-crosshairs:before {
290
+ content: "\f05b";
291
+ }
292
+ .ot-icon-times-circle-o:before {
293
+ content: "\f05c";
294
+ }
295
+ .ot-icon-check-circle-o:before {
296
+ content: "\f05d";
297
+ }
298
+ .ot-icon-ban:before {
299
+ content: "\f05e";
300
+ }
301
+ .ot-icon-arrow-left:before {
302
+ content: "\f060";
303
+ }
304
+ .ot-icon-arrow-right:before {
305
+ content: "\f061";
306
+ }
307
+ .ot-icon-arrow-up:before {
308
+ content: "\f062";
309
+ }
310
+ .ot-icon-arrow-down:before {
311
+ content: "\f063";
312
+ }
313
+ .ot-icon-mail-forward:before {
314
+ content: "\f064";
315
+ }
316
+ .ot-icon-expand:before {
317
+ content: "\f065";
318
+ }
319
+ .ot-icon-compress:before {
320
+ content: "\f066";
321
+ }
322
+ .ot-icon-plus:before {
323
+ content: "\f067";
324
+ }
325
+ .ot-icon-minus:before {
326
+ content: "\f068";
327
+ }
328
+ .ot-icon-asterisk:before {
329
+ content: "\f069";
330
+ }
331
+ .ot-icon-exclamation-circle:before {
332
+ content: "\f06a";
333
+ }
334
+ .ot-icon-gift:before {
335
+ content: "\f06b";
336
+ }
337
+ .ot-icon-leaf:before {
338
+ content: "\f06c";
339
+ }
340
+ .ot-icon-fire:before {
341
+ content: "\f06d";
342
+ }
343
+ .ot-icon-eye:before {
344
+ content: "\f06e";
345
+ }
346
+ .ot-icon-eye-slash:before {
347
+ content: "\f070";
348
+ }
349
+ .ot-icon-warning:before {
350
+ content: "\f071";
351
+ }
352
+ .ot-icon-plane:before {
353
+ content: "\f072";
354
+ }
355
+ .ot-icon-calendar:before {
356
+ content: "\f073";
357
+ }
358
+ .ot-icon-random:before {
359
+ content: "\f074";
360
+ }
361
+ .ot-icon-comment:before {
362
+ content: "\f075";
363
+ }
364
+ .ot-icon-magnet:before {
365
+ content: "\f076";
366
+ }
367
+ .ot-icon-chevron-up:before {
368
+ content: "\f077";
369
+ }
370
+ .ot-icon-chevron-down:before {
371
+ content: "\f078";
372
+ }
373
+ .ot-icon-retweet:before {
374
+ content: "\f079";
375
+ }
376
+ .ot-icon-shopping-cart:before {
377
+ content: "\f07a";
378
+ }
379
+ .ot-icon-folder:before {
380
+ content: "\f07b";
381
+ }
382
+ .ot-icon-folder-open:before {
383
+ content: "\f07c";
384
+ }
385
+ .ot-icon-arrows-v:before {
386
+ content: "\f07d";
387
+ }
388
+ .ot-icon-arrows-h:before {
389
+ content: "\f07e";
390
+ }
391
+ .ot-icon-bar-chart-o:before {
392
+ content: "\f080";
393
+ }
394
+ .ot-icon-twitter-square:before {
395
+ content: "\f081";
396
+ }
397
+ .ot-icon-facebook-square:before {
398
+ content: "\f082";
399
+ }
400
+ .ot-icon-camera-retro:before {
401
+ content: "\f083";
402
+ }
403
+ .ot-icon-key:before {
404
+ content: "\f084";
405
+ }
406
+ .ot-icon-gears:before {
407
+ content: "\f085";
408
+ }
409
+ .ot-icon-comments:before {
410
+ content: "\f086";
411
+ }
412
+ .ot-icon-thumbs-o-up:before {
413
+ content: "\f087";
414
+ }
415
+ .ot-icon-thumbs-o-down:before {
416
+ content: "\f088";
417
+ }
418
+ .ot-icon-star-half:before {
419
+ content: "\f089";
420
+ }
421
+ .ot-icon-heart-o:before {
422
+ content: "\f08a";
423
+ }
424
+ .ot-icon-sign-out:before {
425
+ content: "\f08b";
426
+ }
427
+ .ot-icon-linkedin-square:before {
428
+ content: "\f08c";
429
+ }
430
+ .ot-icon-thumb-tack:before {
431
+ content: "\f08d";
432
+ }
433
+ .ot-icon-external-link:before {
434
+ content: "\f08e";
435
+ }
436
+ .ot-icon-sign-in:before {
437
+ content: "\f090";
438
+ }
439
+ .ot-icon-trophy:before {
440
+ content: "\f091";
441
+ }
442
+ .ot-icon-github-square:before {
443
+ content: "\f092";
444
+ }
445
+ .ot-icon-upload:before {
446
+ content: "\f093";
447
+ }
448
+ .ot-icon-lemon-o:before {
449
+ content: "\f094";
450
+ }
451
+ .ot-icon-phone:before {
452
+ content: "\f095";
453
+ }
454
+ .ot-icon-square-o:before {
455
+ content: "\f096";
456
+ }
457
+ .ot-icon-bookmark-o:before {
458
+ content: "\f097";
459
+ }
460
+ .ot-icon-phone-square:before {
461
+ content: "\f098";
462
+ }
463
+ .ot-icon-twitter:before {
464
+ content: "\f099";
465
+ }
466
+ .ot-icon-facebook:before {
467
+ content: "\f09a";
468
+ }
469
+ .ot-icon-github:before {
470
+ content: "\f09b";
471
+ }
472
+ .ot-icon-unlock:before {
473
+ content: "\f09c";
474
+ }
475
+ .ot-icon-credit-card:before {
476
+ content: "\f09d";
477
+ }
478
+ .ot-icon-rss:before {
479
+ content: "\f09e";
480
+ }
481
+ .ot-icon-hdd-o:before {
482
+ content: "\f0a0";
483
+ }
484
+ .ot-icon-bullhorn:before {
485
+ content: "\f0a1";
486
+ }
487
+ .ot-icon-bell:before {
488
+ content: "\f0a2";
489
+ }
490
+ .ot-icon-certificate:before {
491
+ content: "\f0a3";
492
+ }
493
+ .ot-icon-hand-o-right:before {
494
+ content: "\f0a4";
495
+ }
496
+ .ot-icon-hand-o-left:before {
497
+ content: "\f0a5";
498
+ }
499
+ .ot-icon-hand-o-up:before {
500
+ content: "\f0a6";
501
+ }
502
+ .ot-icon-hand-o-down:before {
503
+ content: "\f0a7";
504
+ }
505
+ .ot-icon-arrow-circle-left:before {
506
+ content: "\f0a8";
507
+ }
508
+ .ot-icon-arrow-circle-right:before {
509
+ content: "\f0a9";
510
+ }
511
+ .ot-icon-arrow-circle-up:before {
512
+ content: "\f0aa";
513
+ }
514
+ .ot-icon-arrow-circle-down:before {
515
+ content: "\f0ab";
516
+ }
517
+ .ot-icon-globe:before {
518
+ content: "\f0ac";
519
+ }
520
+ .ot-icon-wrench:before {
521
+ content: "\f0ad";
522
+ }
523
+ .ot-icon-tasks:before {
524
+ content: "\f0ae";
525
+ }
526
+ .ot-icon-filter:before {
527
+ content: "\f0b0";
528
+ }
529
+ .ot-icon-briefcase:before {
530
+ content: "\f0b1";
531
+ }
532
+ .ot-icon-arrows-alt:before {
533
+ content: "\f0b2";
534
+ }
535
+ .ot-icon-group:before {
536
+ content: "\f0c0";
537
+ }
538
+ .ot-icon-chain:before {
539
+ content: "\f0c1";
540
+ }
541
+ .ot-icon-cloud:before {
542
+ content: "\f0c2";
543
+ }
544
+ .ot-icon-flask:before {
545
+ content: "\f0c3";
546
+ }
547
+ .ot-icon-cut:before {
548
+ content: "\f0c4";
549
+ }
550
+ .ot-icon-copy:before {
551
+ content: "\f0c5";
552
+ }
553
+ .ot-icon-paperclip:before {
554
+ content: "\f0c6";
555
+ }
556
+ .ot-icon-save:before {
557
+ content: "\f0c7";
558
+ }
559
+ .ot-icon-square:before {
560
+ content: "\f0c8";
561
+ }
562
+ .ot-icon-bars:before {
563
+ content: "\f0c9";
564
+ }
565
+ .ot-icon-list-ul:before {
566
+ content: "\f0ca";
567
+ }
568
+ .ot-icon-list-ol:before {
569
+ content: "\f0cb";
570
+ }
571
+ .ot-icon-strikethrough:before {
572
+ content: "\f0cc";
573
+ }
574
+ .ot-icon-underline:before {
575
+ content: "\f0cd";
576
+ }
577
+ .ot-icon-table:before {
578
+ content: "\f0ce";
579
+ }
580
+ .ot-icon-magic:before {
581
+ content: "\f0d0";
582
+ }
583
+ .ot-icon-truck:before {
584
+ content: "\f0d1";
585
+ }
586
+ .ot-icon-pinterest:before {
587
+ content: "\f0d2";
588
+ }
589
+ .ot-icon-pinterest-square:before {
590
+ content: "\f0d3";
591
+ }
592
+ .ot-icon-google-plus-square:before {
593
+ content: "\f0d4";
594
+ }
595
+ .ot-icon-google-plus:before {
596
+ content: "\f0d5";
597
+ }
598
+ .ot-icon-money:before {
599
+ content: "\f0d6";
600
+ }
601
+ .ot-icon-caret-down:before {
602
+ content: "\f0d7";
603
+ }
604
+ .ot-icon-caret-up:before {
605
+ content: "\f0d8";
606
+ }
607
+ .ot-icon-caret-left:before {
608
+ content: "\f0d9";
609
+ }
610
+ .ot-icon-caret-right:before {
611
+ content: "\f0da";
612
+ }
613
+ .ot-icon-columns:before {
614
+ content: "\f0db";
615
+ }
616
+ .ot-icon-unsorted:before {
617
+ content: "\f0dc";
618
+ }
619
+ .ot-icon-sort-down:before {
620
+ content: "\f0dd";
621
+ }
622
+ .ot-icon-sort-up:before {
623
+ content: "\f0de";
624
+ }
625
+ .ot-icon-envelope:before {
626
+ content: "\f0e0";
627
+ }
628
+ .ot-icon-linkedin:before {
629
+ content: "\f0e1";
630
+ }
631
+ .ot-icon-rotate-left:before {
632
+ content: "\f0e2";
633
+ }
634
+ .ot-icon-legal:before {
635
+ content: "\f0e3";
636
+ }
637
+ .ot-icon-dashboard:before {
638
+ content: "\f0e4";
639
+ }
640
+ .ot-icon-comment-o:before {
641
+ content: "\f0e5";
642
+ }
643
+ .ot-icon-comments-o:before {
644
+ content: "\f0e6";
645
+ }
646
+ .ot-icon-flash:before {
647
+ content: "\f0e7";
648
+ }
649
+ .ot-icon-sitemap:before {
650
+ content: "\f0e8";
651
+ }
652
+ .ot-icon-umbrella:before {
653
+ content: "\f0e9";
654
+ }
655
+ .ot-icon-paste:before {
656
+ content: "\f0ea";
657
+ }
658
+ .ot-icon-lightbulb-o:before {
659
+ content: "\f0eb";
660
+ }
661
+ .ot-icon-exchange:before {
662
+ content: "\f0ec";
663
+ }
664
+ .ot-icon-cloud-download:before {
665
+ content: "\f0ed";
666
+ }
667
+ .ot-icon-cloud-upload:before {
668
+ content: "\f0ee";
669
+ }
670
+ .ot-icon-user-md:before {
671
+ content: "\f0f0";
672
+ }
673
+ .ot-icon-stethoscope:before {
674
+ content: "\f0f1";
675
+ }
676
+ .ot-icon-suitcase:before {
677
+ content: "\f0f2";
678
+ }
679
+ .ot-icon-bell-o:before {
680
+ content: "\f0f3";
681
+ }
682
+ .ot-icon-coffee:before {
683
+ content: "\f0f4";
684
+ }
685
+ .ot-icon-cutlery:before {
686
+ content: "\f0f5";
687
+ }
688
+ .ot-icon-file-text-o:before {
689
+ content: "\f0f6";
690
+ }
691
+ .ot-icon-building-o:before {
692
+ content: "\f0f7";
693
+ }
694
+ .ot-icon-hospital-o:before {
695
+ content: "\f0f8";
696
+ }
697
+ .ot-icon-ambulance:before {
698
+ content: "\f0f9";
699
+ }
700
+ .ot-icon-medkit:before {
701
+ content: "\f0fa";
702
+ }
703
+ .ot-icon-fighter-jet:before {
704
+ content: "\f0fb";
705
+ }
706
+ .ot-icon-beer:before {
707
+ content: "\f0fc";
708
+ }
709
+ .ot-icon-h-square:before {
710
+ content: "\f0fd";
711
+ }
712
+ .ot-icon-plus-square:before {
713
+ content: "\f0fe";
714
+ }
715
+ .ot-icon-angle-double-left:before {
716
+ content: "\f100";
717
+ }
718
+ .ot-icon-angle-double-right:before {
719
+ content: "\f101";
720
+ }
721
+ .ot-icon-angle-double-up:before {
722
+ content: "\f102";
723
+ }
724
+ .ot-icon-angle-double-down:before {
725
+ content: "\f103";
726
+ }
727
+ .ot-icon-angle-left:before {
728
+ content: "\f104";
729
+ }
730
+ .ot-icon-angle-right:before {
731
+ content: "\f105";
732
+ }
733
+ .ot-icon-angle-up:before {
734
+ content: "\f106";
735
+ }
736
+ .ot-icon-angle-down:before {
737
+ content: "\f107";
738
+ }
739
+ .ot-icon-desktop:before {
740
+ content: "\f108";
741
+ }
742
+ .ot-icon-laptop:before {
743
+ content: "\f109";
744
+ }
745
+ .ot-icon-tablet:before {
746
+ content: "\f10a";
747
+ }
748
+ .ot-icon-mobile-phone:before {
749
+ content: "\f10b";
750
+ }
751
+ .ot-icon-circle-o:before {
752
+ content: "\f10c";
753
+ }
754
+ .ot-icon-quote-left:before {
755
+ content: "\f10d";
756
+ }
757
+ .ot-icon-quote-right:before {
758
+ content: "\f10e";
759
+ }
760
+ .ot-icon-spinner:before {
761
+ content: "\f110";
762
+ }
763
+ .ot-icon-circle:before {
764
+ content: "\f111";
765
+ }
766
+ .ot-icon-mail-reply:before {
767
+ content: "\f112";
768
+ }
769
+ .ot-icon-github-alt:before {
770
+ content: "\f113";
771
+ }
772
+ .ot-icon-folder-o:before {
773
+ content: "\f114";
774
+ }
775
+ .ot-icon-folder-open-o:before {
776
+ content: "\f115";
777
+ }
778
+ .ot-icon-smile-o:before {
779
+ content: "\f118";
780
+ }
781
+ .ot-icon-frown-o:before {
782
+ content: "\f119";
783
+ }
784
+ .ot-icon-meh-o:before {
785
+ content: "\f11a";
786
+ }
787
+ .ot-icon-gamepad:before {
788
+ content: "\f11b";
789
+ }
790
+ .ot-icon-keyboard-o:before {
791
+ content: "\f11c";
792
+ }
793
+ .ot-icon-flag-o:before {
794
+ content: "\f11d";
795
+ }
796
+ .ot-icon-flag-checkered:before {
797
+ content: "\f11e";
798
+ }
799
+ .ot-icon-terminal:before {
800
+ content: "\f120";
801
+ }
802
+ .ot-icon-code:before {
803
+ content: "\f121";
804
+ }
805
+ .ot-icon-reply-all:before {
806
+ content: "\f122";
807
+ }
808
+ .ot-icon-star-half-empty:before {
809
+ content: "\f123";
810
+ }
811
+ .ot-icon-location-arrow:before {
812
+ content: "\f124";
813
+ }
814
+ .ot-icon-crop:before {
815
+ content: "\f125";
816
+ }
817
+ .ot-icon-code-fork:before {
818
+ content: "\f126";
819
+ }
820
+ .ot-icon-unlink:before {
821
+ content: "\f127";
822
+ }
823
+ .ot-icon-question:before {
824
+ content: "\f128";
825
+ }
826
+ .ot-icon-info:before {
827
+ content: "\f129";
828
+ }
829
+ .ot-icon-exclamation:before {
830
+ content: "\f12a";
831
+ }
832
+ .ot-icon-superscript:before {
833
+ content: "\f12b";
834
+ }
835
+ .ot-icon-subscript:before {
836
+ content: "\f12c";
837
+ }
838
+ .ot-icon-eraser:before {
839
+ content: "\f12d";
840
+ }
841
+ .ot-icon-puzzle-piece:before {
842
+ content: "\f12e";
843
+ }
844
+ .ot-icon-microphone:before {
845
+ content: "\f130";
846
+ }
847
+ .ot-icon-microphone-slash:before {
848
+ content: "\f131";
849
+ }
850
+ .ot-icon-shield:before {
851
+ content: "\f132";
852
+ }
853
+ .ot-icon-calendar-o:before {
854
+ content: "\f133";
855
+ }
856
+ .ot-icon-fire-extinguisher:before {
857
+ content: "\f134";
858
+ }
859
+ .ot-icon-rocket:before {
860
+ content: "\f135";
861
+ }
862
+ .ot-icon-maxcdn:before {
863
+ content: "\f136";
864
+ }
865
+ .ot-icon-chevron-circle-left:before {
866
+ content: "\f137";
867
+ }
868
+ .ot-icon-chevron-circle-right:before {
869
+ content: "\f138";
870
+ }
871
+ .ot-icon-chevron-circle-up:before {
872
+ content: "\f139";
873
+ }
874
+ .ot-icon-chevron-circle-down:before {
875
+ content: "\f13a";
876
+ }
877
+ .ot-icon-html5:before {
878
+ content: "\f13b";
879
+ }
880
+ .ot-icon-css3:before {
881
+ content: "\f13c";
882
+ }
883
+ .ot-icon-anchor:before {
884
+ content: "\f13d";
885
+ }
886
+ .ot-icon-unlock-alt:before {
887
+ content: "\f13e";
888
+ }
889
+ .ot-icon-bullseye:before {
890
+ content: "\f140";
891
+ }
892
+ .ot-icon-ellipsis-h:before {
893
+ content: "\f141";
894
+ }
895
+ .ot-icon-ellipsis-v:before {
896
+ content: "\f142";
897
+ }
898
+ .ot-icon-rss-square:before {
899
+ content: "\f143";
900
+ }
901
+ .ot-icon-play-circle:before {
902
+ content: "\f144";
903
+ }
904
+ .ot-icon-ticket:before {
905
+ content: "\f145";
906
+ }
907
+ .ot-icon-minus-square:before {
908
+ content: "\f146";
909
+ }
910
+ .ot-icon-minus-square-o:before {
911
+ content: "\f147";
912
+ }
913
+ .ot-icon-level-up:before {
914
+ content: "\f148";
915
+ }
916
+ .ot-icon-level-down:before {
917
+ content: "\f149";
918
+ }
919
+ .ot-icon-check-square:before {
920
+ content: "\f14a";
921
+ }
922
+ .ot-icon-pencil-square:before {
923
+ content: "\f14b";
924
+ }
925
+ .ot-icon-external-link-square:before {
926
+ content: "\f14c";
927
+ }
928
+ .ot-icon-share-square:before {
929
+ content: "\f14d";
930
+ }
931
+ .ot-icon-compass:before {
932
+ content: "\f14e";
933
+ }
934
+ .ot-icon-toggle-down:before {
935
+ content: "\f150";
936
+ }
937
+ .ot-icon-toggle-up:before {
938
+ content: "\f151";
939
+ }
940
+ .ot-icon-toggle-right:before {
941
+ content: "\f152";
942
+ }
943
+ .ot-icon-euro:before {
944
+ content: "\f153";
945
+ }
946
+ .ot-icon-gbp:before {
947
+ content: "\f154";
948
+ }
949
+ .ot-icon-dollar:before {
950
+ content: "\f155";
951
+ }
952
+ .ot-icon-rupee:before {
953
+ content: "\f156";
954
+ }
955
+ .ot-icon-cny:before {
956
+ content: "\f157";
957
+ }
958
+ .ot-icon-ruble:before {
959
+ content: "\f158";
960
+ }
961
+ .ot-icon-won:before {
962
+ content: "\f159";
963
+ }
964
+ .ot-icon-bitcoin:before {
965
+ content: "\f15a";
966
+ }
967
+ .ot-icon-file:before {
968
+ content: "\f15b";
969
+ }
970
+ .ot-icon-file-text:before {
971
+ content: "\f15c";
972
+ }
973
+ .ot-icon-sort-alpha-asc:before {
974
+ content: "\f15d";
975
+ }
976
+ .ot-icon-sort-alpha-desc:before {
977
+ content: "\f15e";
978
+ }
979
+ .ot-icon-sort-amount-asc:before {
980
+ content: "\f160";
981
+ }
982
+ .ot-icon-sort-amount-desc:before {
983
+ content: "\f161";
984
+ }
985
+ .ot-icon-sort-numeric-asc:before {
986
+ content: "\f162";
987
+ }
988
+ .ot-icon-sort-numeric-desc:before {
989
+ content: "\f163";
990
+ }
991
+ .ot-icon-thumbs-up:before {
992
+ content: "\f164";
993
+ }
994
+ .ot-icon-thumbs-down:before {
995
+ content: "\f165";
996
+ }
997
+ .ot-icon-youtube-square:before {
998
+ content: "\f166";
999
+ }
1000
+ .ot-icon-youtube:before {
1001
+ content: "\f167";
1002
+ }
1003
+ .ot-icon-xing:before {
1004
+ content: "\f168";
1005
+ }
1006
+ .ot-icon-xing-square:before {
1007
+ content: "\f169";
1008
+ }
1009
+ .ot-icon-youtube-play:before {
1010
+ content: "\f16a";
1011
+ }
1012
+ .ot-icon-dropbox:before {
1013
+ content: "\f16b";
1014
+ }
1015
+ .ot-icon-stack-overflow:before {
1016
+ content: "\f16c";
1017
+ }
1018
+ .ot-icon-instagram:before {
1019
+ content: "\f16d";
1020
+ }
1021
+ .ot-icon-flickr:before {
1022
+ content: "\f16e";
1023
+ }
1024
+ .ot-icon-adn:before {
1025
+ content: "\f170";
1026
+ }
1027
+ .ot-icon-bitbucket:before {
1028
+ content: "\f171";
1029
+ }
1030
+ .ot-icon-bitbucket-square:before {
1031
+ content: "\f172";
1032
+ }
1033
+ .ot-icon-tumblr:before {
1034
+ content: "\f173";
1035
+ }
1036
+ .ot-icon-tumblr-square:before {
1037
+ content: "\f174";
1038
+ }
1039
+ .ot-icon-long-arrow-down:before {
1040
+ content: "\f175";
1041
+ }
1042
+ .ot-icon-long-arrow-up:before {
1043
+ content: "\f176";
1044
+ }
1045
+ .ot-icon-long-arrow-left:before {
1046
+ content: "\f177";
1047
+ }
1048
+ .ot-icon-long-arrow-right:before {
1049
+ content: "\f178";
1050
+ }
1051
+ .ot-icon-apple:before {
1052
+ content: "\f179";
1053
+ }
1054
+ .ot-icon-windows:before {
1055
+ content: "\f17a";
1056
+ }
1057
+ .ot-icon-android:before {
1058
+ content: "\f17b";
1059
+ }
1060
+ .ot-icon-linux:before {
1061
+ content: "\f17c";
1062
+ }
1063
+ .ot-icon-dribbble:before {
1064
+ content: "\f17d";
1065
+ }
1066
+ .ot-icon-skype:before {
1067
+ content: "\f17e";
1068
+ }
1069
+ .ot-icon-foursquare:before {
1070
+ content: "\f180";
1071
+ }
1072
+ .ot-icon-trello:before {
1073
+ content: "\f181";
1074
+ }
1075
+ .ot-icon-female:before {
1076
+ content: "\f182";
1077
+ }
1078
+ .ot-icon-male:before {
1079
+ content: "\f183";
1080
+ }
1081
+ .ot-icon-gittip:before {
1082
+ content: "\f184";
1083
+ }
1084
+ .ot-icon-sun-o:before {
1085
+ content: "\f185";
1086
+ }
1087
+ .ot-icon-moon-o:before {
1088
+ content: "\f186";
1089
+ }
1090
+ .ot-icon-archive:before {
1091
+ content: "\f187";
1092
+ }
1093
+ .ot-icon-bug:before {
1094
+ content: "\f188";
1095
+ }
1096
+ .ot-icon-vk:before {
1097
+ content: "\f189";
1098
+ }
1099
+ .ot-icon-weibo:before {
1100
+ content: "\f18a";
1101
+ }
1102
+ .ot-icon-renren:before {
1103
+ content: "\f18b";
1104
+ }
1105
+ .ot-icon-pagelines:before {
1106
+ content: "\f18c";
1107
+ }
1108
+ .ot-icon-stack-exchange:before {
1109
+ content: "\f18d";
1110
+ }
1111
+ .ot-icon-arrow-circle-o-right:before {
1112
+ content: "\f18e";
1113
+ }
1114
+ .ot-icon-arrow-circle-o-left:before {
1115
+ content: "\f190";
1116
+ }
1117
+ .ot-icon-toggle-left:before {
1118
+ content: "\f191";
1119
+ }
1120
+ .ot-icon-dot-circle-o:before {
1121
+ content: "\f192";
1122
+ }
1123
+ .ot-icon-wheelchair:before {
1124
+ content: "\f193";
1125
+ }
1126
+ .ot-icon-vimeo-square:before {
1127
+ content: "\f194";
1128
+ }
1129
+ .ot-icon-turkish-lira:before {
1130
+ content: "\f195";
1131
+ }
1132
+ .ot-icon-plus-square-o:before {
1133
+ content: "\f196";
1134
+ }
1135
+
1136
+ /* --------------------------------------------------
1137
+ :: Screen Meta & Menu Icon
1138
+ ---------------------------------------------------*/
1139
+ .appearance_page_ot-theme-options #screen-meta {
1140
+ margin-right: 20px;
1141
+ margin-left: 2px;
1142
+ min-width: 533px;
1143
+ }
1144
+
1145
+ /* --------------------------------------------------
1146
+ :: Messages
1147
+ ---------------------------------------------------*/
1148
+ .wrap.settings-wrap div.error,
1149
+ .wrap.settings-wrap div.updated {
1150
+ margin: 9px 5px 0px 2px !important;
1151
+ }
1152
+
1153
+ /* --------------------------------------------------
1154
+ :: OptionTree Wrappers
1155
+ ---------------------------------------------------*/
1156
+ #option-tree-settings-api .metabox-holder {
1157
+ overflow: hidden;
1158
+ }
1159
+ #option-tree-settings-api .postbox {
1160
+ background: #fff;
1161
+ border: none;
1162
+ margin: 0 20px;
1163
+ }
1164
+ #option-tree-settings-api .inside {
1165
+ margin: 0px !important;
1166
+ padding: 0px !important;
1167
+ }
1168
+ #option-tree-settings-api > .ui-tabs {
1169
+ background: #fff;
1170
+ border: 1px solid #ccc;
1171
+ border-top: none;
1172
+ margin: 0px 5px 0 2px;
1173
+ min-width: 533px;
1174
+ padding-bottom: 5px;
1175
+ position: relative;
1176
+ -webkit-box-shadow: inset 146px 0 0 #f1f1f1, inset 147px 0 0 #ccc, 0 1px 3px rgba(0,0,0,0.05);
1177
+ -moz-box-shadow: inset 146px 0 0 #f1f1f1, inset 147px 0 0 #ccc, 0 1px 3px rgba(0,0,0,0.05);
1178
+ box-shadow: inset 146px 0 0 #f1f1f1, inset 147px 0 0 #ccc, 0 1px 3px rgba(0,0,0,0.05);
1179
+ -webkit-border-radius: 0 0 2px 2px;
1180
+ -moz-border-radius: 0 0 2px 2px;
1181
+ border-radius: 0 0 2px 2px;
1182
+ }
1183
+
1184
+ /* --------------------------------------------------
1185
+ :: Header
1186
+ ---------------------------------------------------*/
1187
+ #option-tree-header-wrap {
1188
+ position: relative;
1189
+ }
1190
+ #option-tree-header {
1191
+ background: #333;
1192
+ color: #bbb;
1193
+ display: block;
1194
+ margin: 11px 5px 0 2px;
1195
+ padding: 10px 0;
1196
+ min-width: 535px;
1197
+ overflow: hidden;
1198
+ position: relative;
1199
+ -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.05);
1200
+ -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.05);
1201
+ box-shadow: 0 1px 3px rgba(0,0,0,0.05);
1202
+ -webkit-border-radius: 2px 2px 0 0;
1203
+ -moz-border-radius: 2px 2px 0 0;
1204
+ border-radius: 2px 2px 0 0;
1205
+ }
1206
+ #option-tree-header li {
1207
+ display: block;
1208
+ float: left;
1209
+ margin: 0px;
1210
+ padding: 0px;
1211
+ }
1212
+ #option-tree-header li a {
1213
+ color: #999;
1214
+ text-decoration: none;
1215
+ -webkit-transition: none;
1216
+ -moz-transition: none;
1217
+ transition: none;
1218
+ }
1219
+ #option-tree-header li a:hover {
1220
+ color: #0074a2;
1221
+ }
1222
+ #option-tree-header #option-tree-logo a {
1223
+ border-right: 1px solid #000;
1224
+ float: left;
1225
+ height: 24px;
1226
+ padding: 3px 12px 3px 13px;
1227
+ width: 20px;
1228
+ }
1229
+ #option-tree-header li#option-tree-logo:hover {
1230
+ background-color: #222;
1231
+ color: #0074a2;
1232
+ -webkit-border-top-left-radius: 2px;
1233
+ -moz-border-radius-topleft: 2px;
1234
+ border-top-left-radius: 2px;
1235
+ }
1236
+ #option-tree-header li#option-tree-logo:hover a {
1237
+ border-right-color: #000;
1238
+ }
1239
+ #option-tree-header #option-tree-version span,
1240
+ #option-tree-header #theme-version span {
1241
+ border-left: 1px solid #444;
1242
+ display: block;
1243
+ float: left;
1244
+ height: 24px;
1245
+ line-height: 24px;
1246
+ padding: 3px 12px 3px 12px;
1247
+ font-size:18px !important;
1248
+ }
1249
+ #option-tree-header #theme-version:before {
1250
+ border-right: 1px solid #000;
1251
+ content: "";
1252
+ display: block;
1253
+ float: left;
1254
+ height: 30px;
1255
+ }
1256
+ /* light */
1257
+ .admin-color-light #option-tree-header {
1258
+ background: #888;
1259
+ color: #fff;
1260
+ }
1261
+ .admin-color-light #option-tree-header li a {
1262
+ color: #ccc;
1263
+ }
1264
+ .admin-color-light #option-tree-header li a:hover {
1265
+ color: #eee;
1266
+ }
1267
+ .admin-color-light #option-tree-header #option-tree-logo a,
1268
+ .admin-color-light #option-tree-header #theme-version:before {
1269
+ border-right-color: #3c3c3c;
1270
+ }
1271
+ .admin-color-light #option-tree-header li#option-tree-logo:hover {
1272
+ background-color: #777;
1273
+ }
1274
+ .admin-color-light #option-tree-header li#option-tree-logo:hover a {
1275
+ border-right-color: #3c3c3c;
1276
+ }
1277
+ .admin-color-light #option-tree-header #option-tree-version span,
1278
+ .admin-color-light #option-tree-header #theme-version span {
1279
+ border-left-color: #999;
1280
+ }
1281
+ /* blue */
1282
+ .admin-color-blue #option-tree-header {
1283
+ background: #52accc;
1284
+ color: #fff;
1285
+ }
1286
+ .admin-color-blue #option-tree-header li a {
1287
+ color: #e2f8ff;
1288
+ }
1289
+ .admin-color-blue #option-tree-header li a:hover {
1290
+ color: #fff;
1291
+ }
1292
+ .admin-color-blue #option-tree-header #option-tree-logo a,
1293
+ .admin-color-blue #option-tree-header #theme-version:before {
1294
+ border-right-color: #002b39;
1295
+ }
1296
+ .admin-color-blue #option-tree-header li#option-tree-logo:hover {
1297
+ background-color: #006484;
1298
+ }
1299
+ .admin-color-blue #option-tree-header li#option-tree-logo:hover a {
1300
+ border-right-color: #002b39;
1301
+ }
1302
+ .admin-color-blue #option-tree-header #option-tree-version span,
1303
+ .admin-color-blue #option-tree-header #theme-version span {
1304
+ border-left-color: #5dc2e6;
1305
+ }
1306
+ /* coffee */
1307
+ .admin-color-coffee #option-tree-header {
1308
+ background: #59524c;
1309
+ color: #c7cbc9;
1310
+ }
1311
+ .admin-color-coffee #option-tree-header li a {
1312
+ color: #f3f2f1;
1313
+ }
1314
+ .admin-color-coffee #option-tree-header li a:hover {
1315
+ color: #fff;
1316
+ }
1317
+ .admin-color-coffee #option-tree-header #option-tree-logo a,
1318
+ .admin-color-coffee #option-tree-header #theme-version:before {
1319
+ border-right-color: #0f0e0d;
1320
+ }
1321
+ .admin-color-coffee #option-tree-header li#option-tree-logo:hover {
1322
+ background-color: #cca588;
1323
+ }
1324
+ .admin-color-coffee #option-tree-header li#option-tree-logo:hover a {
1325
+ border-right-color: #0f0e0d;
1326
+ }
1327
+ .admin-color-coffee #option-tree-header #option-tree-version span,
1328
+ .admin-color-coffee #option-tree-header #theme-version span {
1329
+ border-left-color: #675f58;
1330
+ }
1331
+ /* ectoplasm */
1332
+ .admin-color-ectoplasm #option-tree-header {
1333
+ background: #523f6d;
1334
+ color: #c6c6d3;
1335
+ }
1336
+ .admin-color-ectoplasm #option-tree-header li a {
1337
+ color: #f3f2f1;
1338
+ }
1339
+ .admin-color-ectoplasm #option-tree-header li a:hover {
1340
+ color: #fff;
1341
+ }
1342
+ .admin-color-ectoplasm #option-tree-header #option-tree-logo a,
1343
+ .admin-color-ectoplasm #option-tree-header #theme-version:before {
1344
+ border-right-color: #181220;
1345
+ }
1346
+ .admin-color-ectoplasm #option-tree-header li#option-tree-logo:hover {
1347
+ background-color: #a3b542;
1348
+ }
1349
+ .admin-color-ectoplasm #option-tree-header li#option-tree-logo:hover a {
1350
+ border-right-color: #181220;
1351
+ }
1352
+ .admin-color-ectoplasm #option-tree-header #option-tree-version span,
1353
+ .admin-color-ectoplasm #option-tree-header #theme-version span {
1354
+ border-left-color: #644d85;
1355
+ }
1356
+ /* midnight */
1357
+ .admin-color-midnight #option-tree-header {
1358
+ background: #363b3f;
1359
+ color: #f1f2f3;
1360
+ }
1361
+ .admin-color-midnight #option-tree-header li a {
1362
+ color: #f1f2f3;
1363
+ }
1364
+ .admin-color-midnight #option-tree-header li a:hover {
1365
+ color: #fff;
1366
+ }
1367
+ .admin-color-midnight #option-tree-header #option-tree-logo a,
1368
+ .admin-color-midnight #option-tree-header #theme-version:before {
1369
+ border-right-color: #090a0b;
1370
+ }
1371
+ .admin-color-midnight #option-tree-header li#option-tree-logo:hover {
1372
+ background-color: #ed543f;
1373
+ }
1374
+ .admin-color-midnight #option-tree-header li#option-tree-logo:hover a {
1375
+ border-right-color: #090a0b;
1376
+ }
1377
+ .admin-color-midnight #option-tree-header #option-tree-version span,
1378
+ .admin-color-midnight #option-tree-header #theme-version span {
1379
+ border-left-color: #4c5359;
1380
+ }
1381
+ /* ocean */
1382
+ .admin-color-ocean #option-tree-header {
1383
+ background: #738e96;
1384
+ color: #f1fcff;
1385
+ }
1386
+ .admin-color-ocean #option-tree-header li a {
1387
+ color: #f1fcff;
1388
+ }
1389
+ .admin-color-ocean #option-tree-header li a:hover {
1390
+ color: #fff;
1391
+ }
1392
+ .admin-color-ocean #option-tree-header #option-tree-logo a,
1393
+ .admin-color-ocean #option-tree-header #theme-version:before {
1394
+ border-right-color: #39464a;
1395
+ }
1396
+ .admin-color-ocean #option-tree-header li#option-tree-logo:hover {
1397
+ background-color: #9ab8a0;
1398
+ }
1399
+ .admin-color-ocean #option-tree-header li#option-tree-logo:hover a {
1400
+ border-right-color: #39464a;
1401
+ }
1402
+ .admin-color-ocean #option-tree-header #option-tree-version span,
1403
+ .admin-color-ocean #option-tree-header #theme-version span {
1404
+ border-left-color: #87a6af;
1405
+ }
1406
+ /* sunrise */
1407
+ .admin-color-sunrise #option-tree-header {
1408
+ background: #da4f41;
1409
+ color: #fff;
1410
+ }
1411
+ .admin-color-sunrise #option-tree-header li a {
1412
+ color: #f3f1f1;
1413
+ }
1414
+ .admin-color-sunrise #option-tree-header li a:hover {
1415
+ color: #fff;
1416
+ }
1417
+ .admin-color-sunrise #option-tree-header #option-tree-logo a,
1418
+ .admin-color-sunrise #option-tree-header #theme-version:before {
1419
+ border-right-color: #8a322a;
1420
+ }
1421
+ .admin-color-sunrise #option-tree-header li#option-tree-logo:hover {
1422
+ background-color: #e88436;
1423
+ }
1424
+ .admin-color-sunrise #option-tree-header li#option-tree-logo:hover a {
1425
+ border-right-color: #8a322a;
1426
+ }
1427
+ .admin-color-sunrise #option-tree-header #option-tree-version span,
1428
+ .admin-color-sunrise #option-tree-header #theme-version span {
1429
+ border-left-color: #e75546;
1430
+ }
1431
+
1432
+ /* --------------------------------------------------
1433
+ :: Sub Header
1434
+ ---------------------------------------------------*/
1435
+ #option-tree-sub-header {
1436
+ background: #fafafa;
1437
+ border: 1px solid #ccc;
1438
+ border-top: none;
1439
+ display: block;
1440
+ margin: 0 5px 0 2px;
1441
+ min-width: 523px;
1442
+ overflow: hidden;
1443
+ padding: 5px;
1444
+ position: relative;
1445
+ -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 3px rgba(0,0,0,0.05);
1446
+ -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 3px rgba(0,0,0,0.05);
1447
+ box-shadow: inset 0 1px 0 #fff, 0 1px 3px rgba(0,0,0,0.05);
1448
+ }
1449
+
1450
+ /* --------------------------------------------------
1451
+ :: Tabs
1452
+ ---------------------------------------------------*/
1453
+ .wrap.settings-wrap .ui-tabs-nav {
1454
+ float: left;
1455
+ list-style: none;
1456
+ margin: 0 0 0 -4px;
1457
+ padding: 1em 0;
1458
+ width: 151px;
1459
+ }
1460
+ .wrap.settings-wrap .ui-tabs-nav li {
1461
+ border: 1px solid transparent;
1462
+ border-right-width: 0px;
1463
+ display: block; margin: 0;
1464
+ -webkit-border-radius: 2px 0 0 2px;
1465
+ -moz-border-radius: 2px 0 0 2px;
1466
+ border-radius: 2px 0 0 2px;
1467
+ }
1468
+ .wrap.settings-wrap .ui-tabs-nav li.ui-state-active {
1469
+ background: #fff;
1470
+ border-color: #ccc;
1471
+ color: #000;
1472
+ }
1473
+ .wrap.settings-wrap .ui-tabs-nav li a {
1474
+ color: #21759b;
1475
+ display: block;
1476
+ line-height: 18px;
1477
+ padding: 5px 5px 5px 12px;
1478
+ text-decoration: none;
1479
+ }
1480
+ .wrap.settings-wrap .ui-tabs-nav li a:hover,
1481
+ .wrap.settings-wrap .ui-tabs-nav li.ui-state-active a {
1482
+ color: #000;
1483
+ outline: none;
1484
+ }
1485
+ .wrap.settings-wrap .ui-tabs-panel {
1486
+ clear: both;
1487
+ }
1488
+
1489
+ /* --------------------------------------------------
1490
+ :: Format Settings
1491
+ ---------------------------------------------------*/
1492
+ .format-settings {
1493
+ position: relative;
1494
+ width: 100%;
1495
+ }
1496
+ .format-setting-wrap,
1497
+ .option-tree-sortable .format-settings {
1498
+ padding: 10px 0 20px 0;
1499
+ }
1500
+
1501
+ /* --------------------------------------------------
1502
+ :: Format Setting Label
1503
+ ---------------------------------------------------*/
1504
+ #option-tree-settings-api .description h3,
1505
+ #option-tree-settings-api .format-setting-label .label,
1506
+ #poststuff .format-setting-label .label {
1507
+ background: none;
1508
+ border: none;
1509
+ color: #222;
1510
+ cursor: text;
1511
+ display: block;
1512
+ font-size: 1.3em;
1513
+ font-weight: 500;
1514
+ line-height: 1.6em;
1515
+ letter-spacing: 0;
1516
+ padding: 0 0 9px 0;
1517
+ -webkit-user-select: text;
1518
+ text-shadow: none;
1519
+ }
1520
+
1521
+ /* --------------------------------------------------
1522
+ :: Format Setting
1523
+ ---------------------------------------------------*/
1524
+ .format-setting {
1525
+ overflow: hidden;
1526
+ position: relative;
1527
+ width: 100%;
1528
+ }
1529
+ .format-setting .format-setting-inner {
1530
+ float: left;
1531
+ position: relative;
1532
+ width: 100%;
1533
+ }
1534
+ .format-setting.no-desc > .format-setting-inner,
1535
+ .format-setting.wide-desc .format-setting-inner {
1536
+ width: 100%;
1537
+ }
1538
+ .format-setting .description {
1539
+ float: right;
1540
+ padding: 5px 0;
1541
+ width: 35%;
1542
+ }
1543
+ .format-setting.no-desc > .description,
1544
+ .format-setting.wide-desc .description {
1545
+ float: none;
1546
+ width: 100%;
1547
+ }
1548
+ .list-item-description {
1549
+ padding-top: 10px;
1550
+ }
1551
+ #option-tree-settings-api h4 {
1552
+ color: #333;
1553
+ font-size: 1.2em;
1554
+ font-weight: 500;
1555
+ line-height: 1.5em;
1556
+ margin: 1em 0 0.5em 0;
1557
+ padding: 0;
1558
+ }
1559
+ #option-tree-settings-api h5 {
1560
+ color: #444;
1561
+ font-size: 1em;
1562
+ font-weight: 700;
1563
+ line-height: 1.2em;
1564
+ margin: 1em 0 0.5em 0;
1565
+ padding: 0;
1566
+ }
1567
+ #option-tree-settings-api p {
1568
+ margin: 0 0 1.5em 0 !important;
1569
+ }
1570
+ #post .format-setting-inner p {
1571
+ float: left;
1572
+ width: 100%;
1573
+ margin: 0 0 1.05em 0 !important;
1574
+ }
1575
+ .aside {
1576
+ border-bottom: 1px solid #eee;
1577
+ padding-bottom: 15px;
1578
+ margin-bottom: 15px;
1579
+ }
1580
+ .deprecated {
1581
+ border-bottom: 1px solid #eee;
1582
+ color: #b94029;
1583
+ padding-bottom: 15px;
1584
+ margin-bottom: 15px;
1585
+ }
1586
+ .warning {
1587
+ color: #b94029;
1588
+ }
1589
+ .docs-ul {
1590
+ line-height: 1.3em;
1591
+ margin: 0;
1592
+ padding: 0 0 1em 0;
1593
+ }
1594
+ .docs-ul li {
1595
+ list-style-type: square;
1596
+ margin-left: 20px;
1597
+ }
1598
+ #contextual-help-setting {
1599
+ float: left;
1600
+ padding: 10px 0 5px 0;
1601
+ width: 100%;
1602
+ }
1603
+ #contextual-help-label {
1604
+ float: left;
1605
+ padding-top: 20px;
1606
+ width: 100%;
1607
+ }
1608
+ #option_tree_settings_help {
1609
+ float: left;
1610
+ width: 100%;
1611
+ }
1612
+ #option-tree-settings-api blockquote {
1613
+ font-style: italic;
1614
+ padding-left: 15px;
1615
+ position: relative;
1616
+ }
1617
+ #option-tree-settings-api blockquote:before {
1618
+ color: #ccc;
1619
+ content: "\201C";
1620
+ display: block;
1621
+ font-size: 400%;
1622
+ font-style: normal;
1623
+ left: -10px;
1624
+ position: absolute;
1625
+ top: 10px;
1626
+ }
1627
+ @media only screen and (max-width: 1020px) {
1628
+ .format-setting .description,
1629
+ .format-setting .format-setting-inner {
1630
+ width: 100%;
1631
+ }
1632
+ .format-setting .description {
1633
+ padding-top: 0px;
1634
+ padding-bottom: 20px;
1635
+ }
1636
+ }
1637
+ .ot-background-group {
1638
+ overflow: hidden;
1639
+ width: auto;
1640
+ }
1641
+ .ot-background-size-input {
1642
+ max-width: 110px;
1643
+ }
1644
+ .option-tree-setting-edit,
1645
+ .option-tree-setting-remove {
1646
+ text-indent: -9999px;
1647
+ }
1648
+
1649
+ /* --------------------------------------------------
1650
+ :: Code formatting
1651
+ ---------------------------------------------------*/
1652
+ #option-tree-settings-api code,
1653
+ .ot-metabox-wrapper code {
1654
+ background-color: #f1f1f1;
1655
+ color: #333;
1656
+ font-size: 12px;
1657
+ }
1658
+ #option-tree-settings-api pre {
1659
+ font-size: 13px;
1660
+ padding: 0;
1661
+ margin: 1.5em 0;
1662
+ line-height: 18px;
1663
+ overflow: auto;
1664
+ overflow-Y: hidden;
1665
+ padding-top: 18px;
1666
+ background: #f1f1f1;
1667
+ border-bottom: 1px solid #f1f1f1;
1668
+ margin-bottom: 20px;
1669
+ color: #000;
1670
+ white-space: pre-wrap;
1671
+ word-wrap: break-word;
1672
+ }
1673
+ #option-tree-settings-api pre code {
1674
+ padding: 0 18px 18px 18px;
1675
+ display: block;
1676
+ background: url(../images/ot-pre-bg.gif) repeat left top;
1677
+ }
1678
+
1679
+ /* --------------------------------------------------
1680
+ :: Input & Upload
1681
+ ---------------------------------------------------*/
1682
+ input.option-tree-ui-upload-input,
1683
+ input.option-tree-ui-input {
1684
+ background: #fff;
1685
+ border: 1px solid #ccc !important;
1686
+ line-height: 17px;
1687
+ font-size: 12px;
1688
+ margin-bottom: 5px !important;
1689
+ padding: 7px 6px;
1690
+ position: relative;
1691
+ width: 100% !important;
1692
+ -webkit-border-radius: 2px;
1693
+ -moz-border-radius: 2px;
1694
+ border-radius: 2px;
1695
+ -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
1696
+ -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
1697
+ box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
1698
+ }
1699
+ input:hover.option-tree-ui-upload-input,
1700
+ input:hover.option-tree-ui-input {
1701
+ border-color: #bbb !important;
1702
+ -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392);
1703
+ -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392);
1704
+ box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392);
1705
+ }
1706
+ input:focus.option-tree-ui-upload-input,
1707
+ input:focus.option-tree-ui-input {
1708
+ border-color: #999 !important;
1709
+ }
1710
+
1711
+ @media screen and (-webkit-min-device-pixel-ratio:0) {
1712
+ .option-tree-ui-input,
1713
+ .option-tree-ui-upload-input {
1714
+ padding: 5px 6px !important;
1715
+ }
1716
+ }
1717
+
1718
+ /* --------------------------------------------------
1719
+ :: Upload
1720
+ ---------------------------------------------------*/
1721
+ div.option-tree-ui-media-wrap {
1722
+ margin: 0 55px 0 0;
1723
+ min-height: 35px;
1724
+ position: relative;
1725
+ }
1726
+ .option-tree-ui-media-wrap img {
1727
+ background: #fafafa;
1728
+ border: 1px solid #ccc;
1729
+ padding: 4px;
1730
+ display: block;
1731
+ float: left;
1732
+ max-width: 100%;
1733
+ height: auto;
1734
+ -ms-interpolation-mode: bicubic;
1735
+ -webkit-border-radius: 2px;
1736
+ -moz-border-radius: 2px;
1737
+ border-radius: 2px;
1738
+ }
1739
+ .option-tree-ui-upload-parent {
1740
+ width: auto !important;
1741
+ margin-right: 45px;
1742
+ padding: 0px;
1743
+ position: relative;
1744
+ }
1745
+ .ot_upload_media {
1746
+ top: 0px;
1747
+ margin: 0px !important;
1748
+ position: absolute;
1749
+ right: -45px;
1750
+ text-indent: -9999px;
1751
+ }
1752
+ .option-tree-ui-media-wrap a.option-tree-ui-remove-media {
1753
+ float: none !important;
1754
+ margin: 0px !important;
1755
+ position: absolute !important;
1756
+ right: -55px;
1757
+ text-indent: -9999px;
1758
+ top: 1px;
1759
+ }
1760
+
1761
+ /* --------------------------------------------------
1762
+ :: Textarea
1763
+ ---------------------------------------------------*/
1764
+ .fill-area .description,
1765
+ .fill-area .format-setting-inner {
1766
+ width: 100% !important;
1767
+ }
1768
+ .wp-editor-area {
1769
+ display: block;
1770
+ }
1771
+ .textarea,
1772
+ .ot-metabox-wrapper textarea {
1773
+ width: 99.9%;
1774
+ border: 1px solid #ccc;
1775
+ font-family: Consolas, Monaco, monospace;
1776
+ line-height: 150%;
1777
+ outline: 0;
1778
+ padding: 10px;
1779
+ resize: vertical;
1780
+ }
1781
+ #contextual-help-setting .textarea {
1782
+ width: 99.75%;
1783
+ }
1784
+ .ot-metabox-wrapper .wp-editor-container {
1785
+ border: none;
1786
+ }
1787
+ .textarea:hover,
1788
+ .ot-metabox-wrapper textarea:hover {
1789
+ border-color: #bbb !important;
1790
+ -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392);
1791
+ -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392);
1792
+ box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392);
1793
+ }
1794
+ .textarea:focus,
1795
+ .ot-metabox-wrapper textarea:focus {
1796
+ border-color: #999 !important;
1797
+ }
1798
+
1799
+ @media only screen and (max-width: 1105px) {
1800
+ .type-textarea .description, .type-textarea .format-setting-inner {
1801
+ width: 100%;
1802
+ }
1803
+ }
1804
+
1805
+ /* --------------------------------------------------
1806
+ :: Setting Item with Drag & Drop
1807
+ ---------------------------------------------------*/
1808
+ .option-tree-setting-wrap {
1809
+ margin-top: 0px;
1810
+ }
1811
+ .option-tree-setting-wrap li {
1812
+ margin: 5px 0px;
1813
+ }
1814
+ .option-tree-setting {
1815
+ border: 1px solid #ccc;
1816
+ overflow: hidden;
1817
+ position: relative;
1818
+ -webkit-border-radius: 2px;
1819
+ -moz-border-radius: 2px;
1820
+ border-radius: 2px;
1821
+ }
1822
+ .option-tree-setting:hover {
1823
+ border-color: #999;
1824
+ -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392);
1825
+ -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392);
1826
+ box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392);
1827
+ }
1828
+ .option-tree-setting a {
1829
+ text-decoration: none;
1830
+ }
1831
+ .option-tree-setting .open {
1832
+ background: #fafafa;
1833
+ cursor: move;
1834
+ line-height: 21px;
1835
+ height: 21px;
1836
+ padding: 10px 100px 10px 10px;
1837
+ display: block;
1838
+ }
1839
+ .ui-state-disabled .option-tree-setting .open {
1840
+ cursor: default;
1841
+ }
1842
+ .option-tree-setting .open:hover {
1843
+ background: #fafafa;
1844
+ }
1845
+ .option-tree-setting .open:hover:before {
1846
+ color: #999;
1847
+ content: "\f142";
1848
+ left: 4px;
1849
+ font-family: "option-tree-font";
1850
+ speak: none;
1851
+ font-size: 14px;
1852
+ font-style: normal;
1853
+ font-weight: normal;
1854
+ font-variant: normal;
1855
+ text-transform: none;
1856
+ line-height: 1;
1857
+ position: absolute;
1858
+ top: 14px;
1859
+ -webkit-font-smoothing: antialiased;
1860
+ -moz-osx-font-smoothing: grayscale;
1861
+ }
1862
+ .option-tree-setting.is-section .open:hover:before {
1863
+ color: #000;
1864
+ }
1865
+ .button-section {
1866
+ position: absolute;
1867
+ right: 0px;
1868
+ top: 1px;
1869
+ }
1870
+ .option-tree-setting.is-section {
1871
+ border: 1px solid #000;
1872
+ }
1873
+ .option-tree-setting.is-section .option-tree-setting-body,
1874
+ .option-tree-setting.is-section .option-tree-ui-button {
1875
+ border-right-color: #000 !important;
1876
+ }
1877
+ .option-tree-setting.is-section .open {
1878
+ background: #333;
1879
+ color: #bbb;
1880
+ }
1881
+ .format-setting .ui-sortable-helper .option-tree-setting .open {
1882
+ background: #fff;
1883
+ }
1884
+ .option-tree-setting.is-section .open:hover,
1885
+ .format-setting .ui-sortable-helper .option-tree-setting.is-section .open {
1886
+ background: #333;
1887
+ }
1888
+ /* light */
1889
+ .admin-color-light .option-tree-setting.is-section,
1890
+ .admin-color-light .option-tree-setting.is-section .option-tree-setting-body,
1891
+ .admin-color-light .option-tree-setting.is-section .option-tree-ui-button {
1892
+ border-color: #3c3c3c !important;
1893
+ }
1894
+ .admin-color-light .option-tree-setting.is-section .open:hover:before {
1895
+ color: #3c3c3c;
1896
+ }
1897
+ .admin-color-light .option-tree-setting.is-section .open {
1898
+ background: #888;
1899
+ color: #fff;
1900
+ }
1901
+ .admin-color-light .option-tree-setting.is-section .open:hover,
1902
+ .admin-color-light .format-setting .ui-sortable-helper .option-tree-setting.is-section .open {
1903
+ background: #888;
1904
+ }
1905
+ /* blue */
1906
+ .admin-color-blue .option-tree-setting.is-section,
1907
+ .admin-color-blue .option-tree-setting.is-section .option-tree-setting-body,
1908
+ .admin-color-blue .option-tree-setting.is-section .option-tree-ui-button {
1909
+ border-color: #002b39 !important;
1910
+ }
1911
+ .admin-color-blue .option-tree-setting.is-section .open:hover:before {
1912
+ color: #002b39;
1913
+ }
1914
+ .admin-color-blue .option-tree-setting.is-section .open {
1915
+ background: #52accc;
1916
+ color: #fff;
1917
+ }
1918
+ .admin-color-blue .option-tree-setting.is-section .open:hover,
1919
+ .admin-color-blue .format-setting .ui-sortable-helper .option-tree-setting.is-section .open {
1920
+ background: #52accc;
1921
+ }
1922
+ /* coffee */
1923
+ .admin-color-coffee .option-tree-setting.is-section,
1924
+ .admin-color-coffee .option-tree-setting.is-section .option-tree-setting-body,
1925
+ .admin-color-coffee .option-tree-setting.is-section .option-tree-ui-button {
1926
+ border-color: #0f0e0d !important;
1927
+ }
1928
+ .admin-color-coffee .option-tree-setting.is-section .open:hover:before {
1929
+ color: #0f0e0d;
1930
+ }
1931
+ .admin-color-coffee .option-tree-setting.is-section .open {
1932
+ background: #59524c;
1933
+ color: #c7cbc9;
1934
+ }
1935
+ .admin-color-coffee .option-tree-setting.is-section .open:hover,
1936
+ .admin-color-coffee .format-setting .ui-sortable-helper .option-tree-setting.is-section .open {
1937
+ background: #59524c;
1938
+ }
1939
+ /* ectoplasm */
1940
+ .admin-color-ectoplasm .option-tree-setting.is-section,
1941
+ .admin-color-ectoplasm .option-tree-setting.is-section .option-tree-setting-body,
1942
+ .admin-color-ectoplasm .option-tree-setting.is-section .option-tree-ui-button {
1943
+ border-color: #181220 !important;
1944
+ }
1945
+ .admin-color-ectoplasm .option-tree-setting.is-section .open:hover:before {
1946
+ color: #181220;
1947
+ }
1948
+ .admin-color-ectoplasm .option-tree-setting.is-section .open {
1949
+ background: #523f6d;
1950
+ color: #c6c6d3;
1951
+ }
1952
+ .admin-color-ectoplasm .option-tree-setting.is-section .open:hover,
1953
+ .admin-color-ectoplasm .format-setting .ui-sortable-helper .option-tree-setting.is-section .open {
1954
+ background: #523f6d;
1955
+ }
1956
+ /* midnight */
1957
+ .admin-color-midnight .option-tree-setting.is-section,
1958
+ .admin-color-midnight .option-tree-setting.is-section .option-tree-setting-body,
1959
+ .admin-color-midnight .option-tree-setting.is-section .option-tree-ui-button {
1960
+ border-color: #090a0b !important;
1961
+ }
1962
+ .admin-color-midnight .option-tree-setting.is-section .open:hover:before {
1963
+ color: #090a0b;
1964
+ }
1965
+ .admin-color-midnight .option-tree-setting.is-section .open {
1966
+ background: #363b3f;
1967
+ color: #f1f2f3;
1968
+ }
1969
+ .admin-color-midnight .option-tree-setting.is-section .open:hover,
1970
+ .admin-color-midnight .format-setting .ui-sortable-helper .option-tree-setting.is-section .open {
1971
+ background: #363b3f;
1972
+ }
1973
+ /* ocean */
1974
+ .admin-color-ocean .option-tree-setting.is-section,
1975
+ .admin-color-ocean .option-tree-setting.is-section .option-tree-setting-body,
1976
+ .admin-color-ocean .option-tree-setting.is-section .option-tree-ui-button {
1977
+ border-color: #39464a !important;
1978
+ }
1979
+ .admin-color-ocean .option-tree-setting.is-section .open:hover:before {
1980
+ color: #39464a;
1981
+ }
1982
+ .admin-color-ocean .option-tree-setting.is-section .open {
1983
+ background: #738e96;
1984
+ color: #f1fcff;
1985
+ }
1986
+ .admin-color-ocean .option-tree-setting.is-section .open:hover,
1987
+ .admin-color-ocean .format-setting .ui-sortable-helper .option-tree-setting.is-section .open {
1988
+ background: #738e96;
1989
+ }
1990
+ /* sunrise */
1991
+ .admin-color-sunrise .option-tree-setting.is-section,
1992
+ .admin-color-sunrise .option-tree-setting.is-section .option-tree-setting-body,
1993
+ .admin-color-sunrise .option-tree-setting.is-section .option-tree-ui-button {
1994
+ border-color: #8a322a !important;
1995
+ }
1996
+ .admin-color-sunrise .option-tree-setting.is-section .open:hover:before {
1997
+ color: #8a322a;
1998
+ }
1999
+ .admin-color-sunrise .option-tree-setting.is-section .open {
2000
+ background: #da4f41;
2001
+ color: #fff;
2002
+ }
2003
+ .admin-color-sunrise .option-tree-setting.is-section .open:hover,
2004
+ .admin-color-sunrise .format-setting .ui-sortable-helper .option-tree-setting.is-section .open {
2005
+ background: #da4f41;
2006
+ }
2007
+ .ui-state-highlight {
2008
+ border: 1px dashed #ccc;
2009
+ display: block;
2010
+ -webkit-border-radius: 2px;
2011
+ -moz-border-radius: 2px;
2012
+ border-radius: 2px;
2013
+ }
2014
+ .option-tree-setting-body {
2015
+ background: #fff;
2016
+ border-top: 1px solid #ccc;
2017
+ display: none;
2018
+ padding: 10px;
2019
+ -webkit-border-bottom-right-radius: 2px;
2020
+ -webkit-border-bottom-left-radius: 2px;
2021
+ -moz-border-radius-bottomright: 2px;
2022
+ -moz-border-radius-bottomleft: 2px;
2023
+ border-bottom-right-radius: 2px;
2024
+ border-bottom-left-radius: 2px;
2025
+ }
2026
+ li ul .format-setting-wrap {
2027
+ padding: 0 0 10px 0;
2028
+ }
2029
+ li ul .format-setting-label {
2030
+ border: none;
2031
+ padding: 0px;
2032
+ margin: 0px;
2033
+ }
2034
+
2035
+ /* --------------------------------------------------
2036
+ :: Layouts
2037
+ ---------------------------------------------------*/
2038
+ #option_tree_layouts {
2039
+ display: none;
2040
+ padding-top: 12px;
2041
+ }
2042
+ #option-tree-options-layouts-form {
2043
+ left: 13px;
2044
+ position: absolute;
2045
+ top: 30px;
2046
+ z-index: 10;
2047
+ }
2048
+ .option-tree-save-layout {
2049
+ float: left;
2050
+ padding: 10px 0;
2051
+ }
2052
+ .option-tree-save-layout.active-layout {
2053
+ padding-left: 10px;
2054
+ }
2055
+ .option-tree-save-layout .widefat {
2056
+ float: left;
2057
+ width: 128px !important;
2058
+ margin: 0;
2059
+ }
2060
+ .option-tree-active-layout {
2061
+ border-right: 1px solid #ccc;
2062
+ float: left;
2063
+ padding: 10px 10px 10px 0;
2064
+ min-width: 126px;
2065
+ }
2066
+ .button.save-layout {
2067
+ margin: 0 0 0 10px !important;
2068
+ }
2069
+ .option-tree-layout-activate {
2070
+ text-indent: -9999px;
2071
+ }
2072
+ .option-tree-layout-activate .icon:before {
2073
+ content: "\f096";
2074
+ position: relative;
2075
+ top: 1px;
2076
+ }
2077
+ .option-tree-layout-activate.active .icon:before {
2078
+ content: "\f046";
2079
+ padding-left: 1px;
2080
+ }
2081
+
2082
+ /* --------------------------------------------------
2083
+ :: Select
2084
+ ---------------------------------------------------*/
2085
+ .select-wrapper {
2086
+ background: #fff url(../images/ot-select.png) no-repeat right center;
2087
+ border: 1px solid #ccc;
2088
+ display: block;
2089
+ float: left;
2090
+ font-size: 12px;
2091
+ height: 29px;
2092
+ margin: 0 5px 5px 0;
2093
+ max-width: 100%;
2094
+ width: auto;
2095
+ -webkit-border-radius: 2px;
2096
+ -moz-border-radius: 2px;
2097
+ border-radius: 2px;
2098
+ -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
2099
+ -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
2100
+ box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
2101
+ -webkit-box-sizing: border-box;
2102
+ -moz-box-sizing: border-box;
2103
+ box-sizing: border-box;
2104
+ }
2105
+ .select-wrapper:hover {
2106
+ background-image: url(../images/ot-select-hover.png);
2107
+ border-color: #999;
2108
+ }
2109
+ select.option-tree-ui-select {
2110
+ cursor: pointer;
2111
+ filter: alpha(opacity: 0);
2112
+ font-size: 14px;
2113
+ height: 29px;
2114
+ margin: 0;
2115
+ max-width: 100%;
2116
+ -moz-opacity: 0;
2117
+ opacity: 0;
2118
+ padding: 0 !important;
2119
+ position: relative;
2120
+ width: inherit;
2121
+ z-index: 4;
2122
+ min-width: 118px;
2123
+ }
2124
+
2125
+ select.option-tree-ui-select option {
2126
+ padding: 3px 15px !important;
2127
+ }
2128
+ .select-wrapper span {
2129
+ height: 27px;
2130
+ line-height: 27px;
2131
+ overflow: hidden;
2132
+ padding-left: 7px;
2133
+ padding-right: 27px;
2134
+ position: absolute;
2135
+ z-index: 2;
2136
+ }
2137
+ #option-tree-options-layouts-form .select-wrapper {
2138
+ margin: 0px;
2139
+ }
2140
+ #option-tree-options-layouts-form select.option-tree-ui-select {
2141
+ min-width: 124px;
2142
+ }
2143
+ .type-measurement select.option-tree-ui-select {
2144
+ min-width: 73px !important;
2145
+ }
2146
+ .type-measurement .select-wrapper {
2147
+ margin-right: 0;
2148
+ position: absolute;
2149
+ right: 0px;
2150
+ top: 0px;
2151
+ }
2152
+
2153
+ /* FireFox */
2154
+ @-moz-document url-prefix() {
2155
+ #option-tree-options-layouts-form .select-wrapper {
2156
+ left: 250px;
2157
+ }
2158
+ }
2159
+
2160
+ /* --------------------------------------------------
2161
+ :: Measurement
2162
+ ---------------------------------------------------*/
2163
+ .option-tree-ui-measurement-input-wrap {
2164
+ margin-right: 80px;
2165
+ }
2166
+
2167
+ /* --------------------------------------------------
2168
+ :: Checkbox & Radio
2169
+ ---------------------------------------------------*/
2170
+ .format-setting.type-checkbox input,
2171
+ .format-setting.type-radio input {
2172
+ float: left;
2173
+ margin: 2px 5px 0 1px;
2174
+ }
2175
+ .format-setting.type-checkbox label,
2176
+ .format-setting.type-radio label {
2177
+ float: left;
2178
+ max-width: 90%;
2179
+ padding: 0px;
2180
+ }
2181
+ #option-tree-settings-api .format-setting.type-checkbox p,
2182
+ #option-tree-settings-api .format-setting.type-radio p {
2183
+ float: left;
2184
+ margin: 0.5em 0 !important;
2185
+ width: 100%;
2186
+ }
2187
+ @media screen and ( max-width: 782px ) {
2188
+ .format-setting.type-checkbox,
2189
+ .format-setting.type-radio {
2190
+ padding-top: 0.3em;
2191
+ }
2192
+ }
2193
+
2194
+ /* --------------------------------------------------
2195
+ :: Radio Images
2196
+ ---------------------------------------------------*/
2197
+ .type-radio-image .option-tree-ui-radio-images {
2198
+ float: left;
2199
+ margin: 0 10px 10px 0px;
2200
+ }
2201
+ .type-radio-image .option-tree-ui-radio-images img {
2202
+ background: #fff;
2203
+ border: 1px solid #ccc;
2204
+ cursor: pointer;
2205
+ opacity: 0.8;
2206
+ padding: 5px;
2207
+ -webkit-border-radius: 2px;
2208
+ -moz-border-radius: 2px;
2209
+ border-radius: 2px;
2210
+ }
2211
+ .type-radio-image .option-tree-ui-radio-images img.option-tree-ui-radio-image-selected,
2212
+ .type-radio-image .option-tree-ui-radio-images img:hover {
2213
+ border-color: #464646;
2214
+ opacity: 1;
2215
+ -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.05);
2216
+ -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.05);
2217
+ box-shadow: 0 1px 3px rgba(0,0,0,0.05);
2218
+ }
2219
+
2220
+ /* --------------------------------------------------
2221
+ :: Social Links
2222
+ ---------------------------------------------------*/
2223
+ .type-social-links input.option-tree-ui-input {
2224
+ margin-top: 5px;
2225
+ }
2226
+
2227
+ /* --------------------------------------------------
2228
+ :: Numeric Slider
2229
+ ---------------------------------------------------*/
2230
+ .type-numeric-slider .format-setting-inner {
2231
+ background: #fcfcfc;
2232
+ border: 1px solid #ccc;
2233
+ min-height: 41px;
2234
+ padding: 5px;
2235
+ -webkit-box-sizing: border-box;
2236
+ -moz-box-sizing: border-box;
2237
+ box-sizing: border-box;
2238
+ -webkit-border-radius: 2px;
2239
+ -moz-border-radius: 2px;
2240
+ border-radius: 2px;
2241
+ }
2242
+ .ot-numeric-slider-wrap {
2243
+ margin: 0 96px 0 0;
2244
+ }
2245
+ .ot-numeric-slider-wrap .ot-numeric-slider-helper-input {
2246
+ position: absolute;
2247
+ right: 5px;
2248
+ text-align: center;
2249
+ top: 5px;
2250
+ width: 90px !important;
2251
+ }
2252
+ .ot-numeric-slider.ui-slider {
2253
+ background: #fff;
2254
+ border: 1px solid #ccc;
2255
+ margin: 8px 8px 0 8px;
2256
+ position: relative;
2257
+ -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
2258
+ -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
2259
+ box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
2260
+ -webkit-border-radius: 2px;
2261
+ -moz-border-radius: 2px;
2262
+ border-radius: 2px;
2263
+ }
2264
+ .ot-numeric-slider.ui-slider-horizontal {
2265
+ height: 11px;
2266
+ }
2267
+ .ot-numeric-slider.ui-slider .ui-slider-handle {
2268
+ border: 1px solid #000;
2269
+ color: #555;
2270
+ cursor: pointer;
2271
+ display: block;
2272
+ height: 27px;
2273
+ margin: -9px -8px;
2274
+ outline: 0;
2275
+ position: absolute;
2276
+ width: 16px;
2277
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 rgba(0,0,0,.08);
2278
+ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 rgba(0,0,0,.08);
2279
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 rgba(0,0,0,.08);
2280
+ -webkit-border-radius: 2px;
2281
+ -moz-border-radius: 2px;
2282
+ border-radius: 2px;
2283
+ }
2284
+ /* default */
2285
+ .ot-numeric-slider.ui-slider .ui-slider-handle {
2286
+ background: #333;
2287
+ border-color: #000;
2288
+ }
2289
+ .ot-numeric-slider.ui-slider .ui-slider-handle:hover,
2290
+ .ot-numeric-slider.ui-slider .ui-slider-handle.ui-state-active {
2291
+ background: #444;
2292
+ border-color: #111;
2293
+ }
2294
+ /* light */
2295
+ .admin-color-light .ot-numeric-slider.ui-slider .ui-slider-handle {
2296
+ background: #888;
2297
+ border-color: #3c3c3c;
2298
+ }
2299
+ .admin-color-light .ot-numeric-slider.ui-slider .ui-slider-handle:hover,
2300
+ .admin-color-light .ot-numeric-slider.ui-slider .ui-slider-handle.ui-state-active {
2301
+ background: #999;
2302
+ border-color: #777;
2303
+ }
2304
+ /* blue */
2305
+ .admin-color-blue .ot-numeric-slider.ui-slider .ui-slider-handle {
2306
+ background: #52accc;
2307
+ border-color: #002b39;
2308
+ }
2309
+ .admin-color-blue .ot-numeric-slider.ui-slider .ui-slider-handle:hover,
2310
+ .admin-color-blue .ot-numeric-slider.ui-slider .ui-slider-handle.ui-state-active {
2311
+ background: #5dc2e6;
2312
+ border-color: #006484;
2313
+ }
2314
+ /* coffee */
2315
+ .admin-color-coffee .ot-numeric-slider.ui-slider .ui-slider-handle {
2316
+ background: #59524c;
2317
+ border-color: #0f0e0d;
2318
+ }
2319
+ .admin-color-coffee .ot-numeric-slider.ui-slider .ui-slider-handle:hover,
2320
+ .admin-color-coffee .ot-numeric-slider.ui-slider .ui-slider-handle.ui-state-active {
2321
+ background: #cca588;
2322
+ border-color: #675f58;
2323
+ }
2324
+ /* ectoplasm */
2325
+ .admin-color-ectoplasm .ot-numeric-slider.ui-slider .ui-slider-handle {
2326
+ background: #523f6d;
2327
+ border-color: #181220;
2328
+ }
2329
+ .admin-color-ectoplasm .ot-numeric-slider.ui-slider .ui-slider-handle:hover,
2330
+ .admin-color-ectoplasm .ot-numeric-slider.ui-slider .ui-slider-handle.ui-state-active {
2331
+ background: #a3b542;
2332
+ border-color: #644d85;
2333
+ }
2334
+ /* midnight */
2335
+ .admin-color-midnight .ot-numeric-slider.ui-slider .ui-slider-handle {
2336
+ background: #363b3f;
2337
+ border-color: #090a0b;
2338
+ }
2339
+ .admin-color-midnight .ot-numeric-slider.ui-slider .ui-slider-handle:hover,
2340
+ .admin-color-midnight .ot-numeric-slider.ui-slider .ui-slider-handle.ui-state-active {
2341
+ background: #ed543f;
2342
+ border-color: #a0382a;
2343
+ }
2344
+ /* ocean */
2345
+ .admin-color-ocean .ot-numeric-slider.ui-slider .ui-slider-handle {
2346
+ background: #738e96;
2347
+ border-color: #39464a;
2348
+ }
2349
+ .admin-color-ocean .ot-numeric-slider.ui-slider .ui-slider-handle:hover,
2350
+ .admin-color-ocean .ot-numeric-slider.ui-slider .ui-slider-handle.ui-state-active {
2351
+ background: #9ab8a0;
2352
+ border-color: #5a6c5e;
2353
+ }
2354
+ /* sunrise */
2355
+ .admin-color-sunrise .ot-numeric-slider.ui-slider .ui-slider-handle {
2356
+ background: #da4f41;
2357
+ border-color: #8a322a;
2358
+ }
2359
+ .admin-color-sunrise .ot-numeric-slider.ui-slider .ui-slider-handle:hover,
2360
+ .admin-color-sunrise .ot-numeric-slider.ui-slider .ui-slider-handle.ui-state-active {
2361
+ background: #e88436;
2362
+ border-color: #e75546;
2363
+ }
2364
+
2365
+ /* --------------------------------------------------
2366
+ :: Colorpicker
2367
+ ---------------------------------------------------*/
2368
+ .option-tree-ui-colorpicker-input-wrap {
2369
+ float: left;
2370
+ }
2371
+ .hide-color-picker {
2372
+ display: none;
2373
+ }
2374
+ .option-tree-ui-colorpicker-input-wrap .wp-color-picker,
2375
+ .option-tree-ui-colorpicker-input-wrap .wp-picker-default,
2376
+ .option-tree-ui-colorpicker-input-wrap .wp-picker-clear {
2377
+ border-color: #ccc;
2378
+ height: 29px !important;
2379
+ line-height: 27px !important;
2380
+ margin-top: 0px;
2381
+ -webkit-border-radius: 2px;
2382
+ -moz-border-radius: 2px;
2383
+ border-radius: 2px;
2384
+ -webkit-box-shadow: none;
2385
+ -moz-box-shadow: none;
2386
+ box-shadow: none;
2387
+ }
2388
+ .option-tree-ui-colorpicker-input-wrap .wp-color-result {
2389
+ height: 27px;
2390
+ outline: 0;
2391
+ margin: 0 5px 5px 0px;
2392
+ top: 0px;
2393
+ -webkit-box-shadow: none;
2394
+ -moz-box-shadow: none;
2395
+ box-shadow: none;
2396
+ }
2397
+ .option-tree-ui-colorpicker-input-wrap .wp-color-result:after {
2398
+ line-height: 27px;
2399
+ }
2400
+ .option-tree-ui-colorpicker-input-wrap .wp-picker-container .iris-picker {
2401
+ border-color: #ccc;
2402
+ margin: 0px 5px 5px 0;
2403
+ -webkit-border-radius: 2px;
2404
+ -moz-border-radius: 2px;
2405
+ border-radius: 2px;
2406
+ }
2407
+
2408
+ /* --------------------------------------------------
2409
+ :: OptionTree UI Buttons
2410
+ ---------------------------------------------------*/
2411
+ .option-tree-ui-button.button {
2412
+ float: left;
2413
+ font-size: 12px !important;
2414
+ line-height: 27px !important;
2415
+ height: 29px !important;
2416
+ margin: 5px;
2417
+ min-width: 40px;
2418
+ padding: 0 10px 1px !important;
2419
+ }
2420
+ .option-tree-ui-button:active,
2421
+ .option-tree-ui-button:hover,
2422
+ .option-tree-ui-button:focus {
2423
+ outline: 0;
2424
+ }
2425
+ .option-tree-ui-button.hidden {
2426
+ display: none;
2427
+ }
2428
+ .option-tree-ui-button.button-secondary {
2429
+ background: #b73b27;
2430
+ border-color: #7f291b;
2431
+ color: #fff;
2432
+ text-shadow: none;
2433
+ -webkit-box-shadow: inset 0 1px 0 rgba(229,134,119,0.5), 0 1px 0 rgba(0,0,0,.15);
2434
+ -moz-box-shadow: inset 0 1px 0 rgba(229,134,119,0.5), 0 1px 0 rgba(0,0,0,.15);
2435
+ box-shadow: inset 0 1px 0 rgba(229,134,119,0.5), 0 1px 0 rgba(0,0,0,.15);
2436
+ }
2437
+ .option-tree-ui-button.button-secondary.hover,
2438
+ .option-tree-ui-button.button-secondary:hover,
2439
+ .option-tree-ui-button.button-secondary.focus,
2440
+ .option-tree-ui-button.button-secondary:focus {
2441
+ background: #9b3221;
2442
+ border-color: #7f291b;
2443
+ color: #fff;
2444
+ -webkit-box-shadow: inset 0 1px 0 rgba(229,134,119,0.6);
2445
+ -moz-box-shadow: inset 0 1px 0 rgba(229,134,119,0.5), 0 1px 0 rgba(0,0,0,.15);
2446
+ box-shadow: inset 0 1px 0 rgba(229,134,119,0.6);
2447
+ }
2448
+ .option-tree-ui-button.button-secondary.focus,
2449
+ .option-tree-ui-button.button-secondary:focus {
2450
+ border-color: #4f160d;
2451
+ -webkit-box-shadow: inset 0 1px 0 rgba(229,134,119,0.6), 1px 1px 2px rgba(0,0,0,0.4);
2452
+ -moz-box-shadow: inset 0 1px 0 rgba(229,134,119,0.6), 1px 1px 2px rgba(0,0,0,0.4);
2453
+ box-shadow: inset 0 1px 0 rgba(229,134,119,0.6), 1px 1px 2px rgba(0,0,0,0.4);
2454
+ }
2455
+ .option-tree-ui-button.button-secondary.active,
2456
+ .option-tree-ui-button.button-secondary.active:hover,
2457
+ .option-tree-ui-button.button-secondary.active:focus,
2458
+ .option-tree-ui-button.button-secondary:active {
2459
+ background: #b73b27;
2460
+ border-color: #7f291b;
2461
+ color: rgba(255,255,255,0.95);
2462
+ -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
2463
+ -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
2464
+ box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
2465
+ vertical-align: top;
2466
+ }
2467
+ .option-tree-ui-button.right {
2468
+ float: right;
2469
+ }
2470
+ .option-tree-ui-button.hug-left {
2471
+ margin-left: 0px;
2472
+ }
2473
+ .option-tree-ui-button.hug-right {
2474
+ margin-right: 0px;
2475
+ }
2476
+ .option-tree-ui-button.pad {
2477
+ padding: 0px 21px;
2478
+ }
2479
+ .option-tree-ui-button.left-item {
2480
+ margin: 5px 0 5px 5px;
2481
+ -webkit-border-top-right-radius: 0px;
2482
+ -webkit-border-bottom-right-radius: 0px;
2483
+ -moz-border-radius-topright: 0px;
2484
+ -moz-border-radius-bottomright: 0px;
2485
+ border-top-right-radius: 0px;
2486
+ border-bottom-right-radius: 0px;
2487
+ }
2488
+ .option-tree-ui-button.center-item {
2489
+ margin: 5px 0 5px -1px;
2490
+ -webkit-border-radius: 0px;
2491
+ -moz-border-radius: 0px;
2492
+ border-radius: 0px;
2493
+ }
2494
+ .option-tree-ui-button.right-item {
2495
+ margin: 5px 5px 5px -1px;
2496
+ -webkit-border-top-left-radius: 0px;
2497
+ -webkit-border-bottom-left-radius: 0px;
2498
+ -moz-border-radius-topleft: 0px;
2499
+ -moz-border-radius-bottomleft: 0px;
2500
+ border-top-left-radius: 0px;
2501
+ border-bottom-left-radius: 0px;
2502
+ }
2503
+ .option-tree-ui-buttons {
2504
+ background: #fff;
2505
+ border: 1px solid #ccc;
2506
+ margin: 11px 5px 0 2px;
2507
+ min-width: 523px;
2508
+ overflow: hidden;
2509
+ padding: 5px;
2510
+ position: relative;
2511
+ -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.05);
2512
+ -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.05);
2513
+ box-shadow: 0 1px 3px rgba(0,0,0,0.05);
2514
+ -webkit-border-radius: 2px;
2515
+ -moz-border-radius: 2px;
2516
+ border-radius: 2px;
2517
+ }
2518
+ .option-tree-ui-buttons.alt {
2519
+ background: #f5f5f5;
2520
+ border-color: #dfdfdf;
2521
+ }
2522
+ .option-tree-ui-buttons:before,
2523
+ .option-tree-ui-buttons:after {
2524
+ content: "\0020";
2525
+ display: block;
2526
+ height: 0;
2527
+ visibility: hidden;
2528
+ }
2529
+ .option-tree-ui-buttons:after {
2530
+ clear: both;
2531
+ }
2532
+ .option-tree-ui-buttons {
2533
+ zoom: 1;
2534
+ }
2535
+ button.reset-settings {
2536
+ position: relative;
2537
+ top: -45px;
2538
+ left: 8px;
2539
+ }
2540
+
2541
+ /* --------------------------------------------------
2542
+ :: OptionTree UI Button Icons
2543
+ ---------------------------------------------------*/
2544
+ .option-tree-ui-button .icon {
2545
+ color: #3a3a3a;
2546
+ display: inline-block;
2547
+ float: left;
2548
+ font-size: 20px;
2549
+ height: 20px;
2550
+ margin-top: 3px;
2551
+ opacity: 0.9;
2552
+ overflow: hidden;
2553
+ text-align: center;
2554
+ text-indent: 0;
2555
+ width: 18px;
2556
+ }
2557
+ button.option-tree-ui-button .icon {
2558
+ margin-top: -3px;
2559
+ }
2560
+ .option-tree-ui-button.light .icon {
2561
+ color: #fff;
2562
+ opacity: 0.9;
2563
+ }
2564
+ .option-tree-ui-button.active .icon,
2565
+ .option-tree-ui-button:hover .icon {
2566
+ opacity: 1;
2567
+ }
2568
+ .option-tree-ui-button .icon.right-label {
2569
+ margin-right: 10px;
2570
+ }
2571
+ .option-tree-ui-button .icon.left-label {
2572
+ margin-left: 10px;
2573
+ float: right;
2574
+ }
2575
+ .option-tree-ui-button .upload {
2576
+ background-position: -0px -0px;
2577
+ }
2578
+ .option-tree-ui-button .trash-can {
2579
+ background-position: -18px -0px;
2580
+ }
2581
+ .option-tree-ui-button .pencil,
2582
+ .option-tree-ui-button .check {
2583
+ background-position: -36px -0px;
2584
+ }
2585
+ .option-tree-ui-button:hover .pencil,
2586
+ .option-tree-ui-button:hover .check,
2587
+ .option-tree-ui-button.active .pencil,
2588
+ .option-tree-ui-button.active .check {
2589
+ background-position: -54px -0px;
2590
+ }
2591
+
2592
+ /* --------------------------------------------------
2593
+ :: WP 3.8 Fixes (via Github @AlxMedia)
2594
+ ---------------------------------------------------*/
2595
+ #option-tree-settings-api #poststuff,
2596
+ #option-tree-settings-api #post-body-content {
2597
+ min-width: 0;
2598
+ }
2599
+ #option-tree-settings-api #poststuff h3 {
2600
+ font-family: inherit !important;
2601
+ /*font-size: 15px !important;*/
2602
+ padding: 8px 0px !important;
2603
+
2604
+ }
2605
+ #option-tree-settings-api #poststuff h2 {
2606
+ margin-bottom: 15px !important;
2607
+ padding: 0 0px 3px !important;
2608
+ font-size:25px;
2609
+ }
2610
+ #option-tree-settings-api .postbox {
2611
+ -webkit-box-shadow: none;
2612
+ -moz-box-shadow: none;
2613
+ box-shadow: none;
2614
+ }
2615
+ #option-tree-settings-api p input[type="checkbox"],
2616
+ #option-tree-settings-api p input[type="radio"] {
2617
+ margin-top: 2px;
2618
+ }
2619
+ #option-tree-settings-api .format-setting.type-checkbox p,
2620
+ #option-tree-settings-api .format-setting.type-radio p {
2621
+ margin: 0.3em 0 !important;
2622
+ }
2623
+ input.option-tree-ui-upload-input,
2624
+ input.option-tree-ui-input {
2625
+ padding-top: 5px;
2626
+ padding-bottom: 5px;
2627
+ }
2628
+ @media screen and ( max-width: 782px ) {
2629
+ #option-tree-settings-api p input[type="checkbox"],
2630
+ #option-tree-settings-api p input[type="radio"] {
2631
+ margin-top: -3px;
2632
+ }
2633
+ }
2634
+
2635
+ /* --------------------------------------------------
2636
+ :: Gallery
2637
+ ---------------------------------------------------*/
2638
+ ul.ot-gallery-list {
2639
+ float: left;
2640
+ margin: 0;
2641
+ width: 100%;
2642
+ }
2643
+ ul.ot-gallery-list li {
2644
+ background: none repeat scroll 0 0 white;
2645
+ border: 1px solid #bbb;
2646
+ float: left;
2647
+ margin: 0px 10px 10px 0;
2648
+ padding: 4px;
2649
+ -webkit-border-radius: 2px;
2650
+ -moz-border-radius: 2px;
2651
+ border-radius: 2px;
2652
+ }
2653
+ ul.ot-gallery-list li img {
2654
+ display: block;
2655
+ margin: 0;
2656
+ }
2657
+
2658
+ .ot-gallery-buttons {
2659
+ float: left;
2660
+ width: 100%;
2661
+ }
2662
+ .ot-gallery-buttons a.option-tree-ui-button {
2663
+ margin-top: 0px;
2664
+ margin-bottom: 0px;
2665
+ }
2666
+
2667
+ /* --------------------------------------------------
2668
+ :: On/Off Switch
2669
+ ---------------------------------------------------*/
2670
+ .on-off-switch .slide-button {
2671
+ display: none;
2672
+ }
2673
+ @media only screen {
2674
+ .on-off-switch {
2675
+ background-color: #fff;
2676
+ border: 1px solid #ccc;
2677
+ color: #333;
2678
+ display: block;
2679
+ font-size: 12px;
2680
+ font-weight: normal;
2681
+ height: 27px;
2682
+ margin: 2px 1px;
2683
+ position: relative;
2684
+ padding: 0;
2685
+ text-align: center;
2686
+ text-transform: uppercase;
2687
+ width: 100px;
2688
+ -webkit-border-radius: 2px;
2689
+ -moz-border-radius: 2px;
2690
+ border-radius: 2px;
2691
+ -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
2692
+ -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
2693
+ box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05);
2694
+ }
2695
+ .on-off-switch * {
2696
+ -webkit-box-sizing: border-box;
2697
+ -moz-box-sizing: border-box;
2698
+ box-sizing: border-box;
2699
+ }
2700
+ .on-off-switch input {
2701
+ position: absolute;
2702
+ opacity: 0;
2703
+ }
2704
+ .on-off-switch label {
2705
+ cursor: pointer;
2706
+ float: left;
2707
+ height: 27px;
2708
+ line-height: 27px;
2709
+ margin: 0;
2710
+ position: relative;
2711
+ text-align: center;
2712
+ vertical-align: middle;
2713
+ width: 50px;
2714
+ z-index: 2;
2715
+ }
2716
+ .on-off-switch input:last-of-type + label {
2717
+ color: #333;
2718
+ }
2719
+ .on-off-switch input:checked + label {
2720
+ color: #333;
2721
+ }
2722
+ .on-off-switch input:last-of-type:checked + label {
2723
+ color: #fff;
2724
+ }
2725
+ .on-off-switch input:focus + label {
2726
+ outline: none;
2727
+ }
2728
+ .on-off-switch .slide-button {
2729
+ background: #b2d27e;
2730
+ border: 1px solid #7c9258;
2731
+ display: block;
2732
+ height: 29px;
2733
+ left: -1px;
2734
+ padding: 0;
2735
+ position: absolute;
2736
+ text-decoration: none;
2737
+ top: -1px;
2738
+ width: 51px;
2739
+ z-index: 1;
2740
+ -webkit-border-radius: 2px;
2741
+ -moz-border-radius: 2px;
2742
+ border-radius: 2px;
2743
+ -webkit-box-shadow: inset 0 1px 0 #c8eb8e, 0 1px 0 rgba(0,0,0,.08);
2744
+ -moz-box-shadow: inset 0 1px 0 #c8eb8e, 0 1px 0 rgba(0,0,0,.08);
2745
+ box-shadow: inset 0 1px 0 #c8eb8e, 0 1px 0 rgba(0,0,0,.08);
2746
+ -webkit-transition: all 0.2s ease-out;
2747
+ -moz-transition: all 0.2s ease-out;
2748
+ transition: all 0.2s ease-out;
2749
+ }
2750
+ .on-off-switch input:last-of-type:checked ~ .slide-button {
2751
+ background: #b73b27;
2752
+ border-color: #7f291b;
2753
+ color: #fff;
2754
+ left: 50px;
2755
+ -webkit-box-shadow: inset 0 1px 0 rgba(229,134,119,0.6), 0 1px 0 rgba(0,0,0,.15);
2756
+ -moz-box-shadow: inset 0 1px 0 rgba(229,134,119,0.6), 0 1px 0 rgba(0,0,0,.15);
2757
+ box-shadow: inset 0 1px 0 rgba(229,134,119,0.6), 0 1px 0 rgba(0,0,0,.15);
2758
+ }
2759
+ }
2760
+ @media only screen and (-webkit-max-device-pixel-ratio: 2) and (max-device-width: 1280px) {
2761
+ .on-off-switch {
2762
+ -webkit-animation: webkitSiblingBugfix infinite 1s;
2763
+ }
2764
+ }
2765
+ @-webkit-keyframes webkitSiblingBugfix {
2766
+ from {
2767
+ -webkit-transform: translate3d(0, 0, 0);
2768
+ }
2769
+ to {
2770
+ -webkit-transform: translate3d(0, 0, 0);
2771
+ }
2772
+ }
2773
+
2774
+ /* --------------------------------------------------
2775
+ :: Simple Input Append & Prepend
2776
+ ---------------------------------------------------*/
2777
+ .ot-input-append,
2778
+ .ot-input-prepend {
2779
+ display: inline-block;
2780
+ vertical-align: middle;
2781
+ font-size: 0;
2782
+ white-space: nowrap;
2783
+ }
2784
+ .ot-input-append input {
2785
+ position: relative;
2786
+ margin-bottom: 0;
2787
+ *margin-left: 0;
2788
+ vertical-align: top;
2789
+ -webkit-border-radius: 0 2px 2px 0;
2790
+ -moz-border-radius: 0 2px 2px 0;
2791
+ border-radius: 0 2px 2px 0;
2792
+ }
2793
+ .ot-input-append input:focus,
2794
+ .ot-input-prepend input:focus {
2795
+ z-index: 2;
2796
+ }
2797
+ .ot-input-append .ot-add-on,
2798
+ .ot-input-prepend .ot-add-on {
2799
+ display: inline-block;
2800
+ width: auto;
2801
+ height: 27px;
2802
+ line-height: 28px;
2803
+ min-width: 16px;
2804
+ padding: 0 6px;
2805
+ font-size: 16px;
2806
+ font-weight: normal;
2807
+ text-align: center;
2808
+ text-shadow: 0 1px 0 white;
2809
+ background-color: #f7f7f7;
2810
+ border: 1px solid #ccc;
2811
+ }
2812
+ .ot-input-prepend input {
2813
+ border-left: 0 !important;
2814
+ }
2815
+ .ot-input-prepend .ot-add-on:first-child {
2816
+ -webkit-border-radius: 2px 0 0 2px;
2817
+ -moz-border-radius: 2px 0 0 2px;
2818
+ border-radius: 2px 0 0 2px;
2819
+ }
2820
+ .ot-input-append input {
2821
+ border-right: 0 !important;
2822
+ -webkit-border-radius: 2px 0 0 2px;
2823
+ -moz-border-radius: 2px 0 0 2px;
2824
+ border-radius: 2px 0 0 2px;
2825
+ }
2826
+ .ot-input-append input + .btn-group .btn:first-child {
2827
+ -webkit-border-top-left-radius: 0;
2828
+ -moz-border-radius-topleft: 0;
2829
+ border-top-left-radius: 0;
2830
+ -webkit-border-bottom-left-radius: 0;
2831
+ -moz-border-radius-bottomleft: 0;
2832
+ border-bottom-left-radius: 0;
2833
+ }
2834
+ .ot-input-append .ot-add-on:last-child {
2835
+ -webkit-border-radius: 0 2px 2px 0;
2836
+ -moz-border-radius: 0 2px 2px 0;
2837
+ border-radius: 0 2px 2px 0;
2838
+ }
2839
+ .ot-input-prepend.ot-input-append input {
2840
+ -webkit-border-radius: 0;
2841
+ -moz-border-radius: 0;
2842
+ border-radius: 0;
2843
+ }
2844
+ .ot-input-prepend.ot-input-append .ot-add-on:first-child {
2845
+ -webkit-border-radius: 2px 0 0 2px;
2846
+ -moz-border-radius: 2px 0 0 2px;
2847
+ border-radius: 2px 0 0 2px;
2848
+ }
2849
+ .ot-input-prepend.ot-input-append .ot-add-on:last-child {
2850
+ -webkit-border-radius: 0 2px 2px 0;
2851
+ -moz-border-radius: 0 2px 2px 0;
2852
+ border-radius: 0 2px 2px 0;
2853
+ }
2854
+
2855
+ /* --------------------------------------------------
2856
+ :: CSS Editor
2857
+ ---------------------------------------------------*/
2858
+ #option-tree-settings-api pre.ot-css-editor,
2859
+ #poststuff .type-css pre.ot-css-editor {
2860
+ bottom: 0;
2861
+ height: 280px;
2862
+ left: 0;
2863
+ margin: 0 !important;
2864
+ right: 0;
2865
+ top: 0;
2866
+ }
2867
+ #option-tree-settings-api pre.ace-chrome,
2868
+ #poststuff .type-css pre.ace-chrome {
2869
+ background-color: #fff !important;
2870
+ border: 1px solid #ccc;
2871
+ -webkit-border-radius: 2px;
2872
+ -moz-border-radius: 2px;
2873
+ border-radius: 2px;
2874
+ }
2875
+ #option-tree-settings-api pre.ace-chrome:hover,
2876
+ #poststuff .type-css pre.ace-chrome:hover {
2877
+ border-color: #bbb !important;
2878
+ -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392);
2879
+ -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392);
2880
+ box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392);
2881
+ }
2882
+ #option-tree-settings-api pre.ace-chrome.ace_focus,
2883
+ #poststuff .type-css pre.ace-chrome.ace_focus {
2884
+ border-color: #999 !important;
2885
+ -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392);
2886
+ -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392);
2887
+ box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392);
2888
+ }
2889
+
2890
+ /* --------------------------------------------------
2891
+ :: Date Picker
2892
+ ---------------------------------------------------*/
2893
+ .ui-datepicker {
2894
+ background: #fff;
2895
+ border: 1px solid #ccc;
2896
+ height: auto;
2897
+ margin: 5px auto 0;
2898
+ width: 216px;
2899
+ z-index: 101 !important;
2900
+ -webkit-border-radius: 2px;
2901
+ -moz-border-radius: 2px;
2902
+ border-radius: 2px;
2903
+ }
2904
+ .ui-datepicker a {
2905
+ text-decoration: none;
2906
+ }
2907
+ .ui-datepicker table {
2908
+ border-collapse: collapse;
2909
+ border-spacing: 0;
2910
+ width: 100%;
2911
+ }
2912
+ .ui-datepicker .ui-widget-header {
2913
+ left: -1px;
2914
+ line-height: 30px;
2915
+ position: relative;
2916
+ top: -1px;
2917
+ width: 218px;
2918
+ -webkit-border-radius: 2px 2px 0 0;
2919
+ -moz-border-radius: 2px 2px 0 0;
2920
+ border-radius: 2px 2px 0 0;
2921
+ }
2922
+ .ui-datepicker .ui-datepicker-title {
2923
+ text-align: center;
2924
+ }
2925
+ .ui-datepicker-prev,
2926
+ .ui-datepicker-next {
2927
+ color: #ccc;
2928
+ display: inline-block;
2929
+ font-family: "option-tree-font";
2930
+ font-size: 16px;
2931
+ width: 30px;
2932
+ height: 30px;
2933
+ text-align: center;
2934
+ cursor: pointer;
2935
+ -webkit-border-radius: 2px 0 0 0;
2936
+ -moz-border-radius: 2px 0 0 0;
2937
+ border-radius: 2px 0 0 0;
2938
+ }
2939
+ .ui-datepicker-next {
2940
+ -webkit-border-radius: 0 2px 0 0;
2941
+ -moz-border-radius: 0 2px 0 0;
2942
+ border-radius: 0 2px 0 0;
2943
+ }
2944
+ .ui-datepicker-prev span,
2945
+ .ui-datepicker-next span {
2946
+ display: none;
2947
+ }
2948
+ .ui-datepicker-prev:hover,
2949
+ .ui-datepicker-next:hover {
2950
+ color: #fff;
2951
+ }
2952
+ .ui-datepicker-prev:before {
2953
+ border-right: 1px solid #555;
2954
+ content: "\f104";
2955
+ display: block;
2956
+ float: left;
2957
+ width: 31px;
2958
+ height: 30px;
2959
+ }
2960
+ .ui-datepicker-prev {
2961
+ border-right: 1px solid #333;
2962
+ float: left;
2963
+ }
2964
+ .ui-datepicker-next:before {
2965
+ border-left: 1px solid #555;
2966
+ content: "\f105";
2967
+ display: block;
2968
+ float: right;
2969
+ width: 30px;
2970
+ height: 30px;
2971
+ }
2972
+ .ui-datepicker-next {
2973
+ border-left: 1px solid #333;
2974
+ float: right;
2975
+ width: 31px;
2976
+ }
2977
+ a.ui-datepicker-prev,
2978
+ a.ui-datepicker-next {
2979
+ outline: 0;
2980
+ }
2981
+ .ui-datepicker thead {
2982
+ background-color: #fafafa;
2983
+ border-bottom: 1px solid #ccc;
2984
+ }
2985
+ .ui-datepicker th {
2986
+ text-transform: uppercase;
2987
+ font-size: 9px;
2988
+ padding: 5px 0;
2989
+ color: #555;
2990
+ text-shadow: 1px 0px 0px rgba(255,255,255,0.5);
2991
+ }
2992
+ .ui-datepicker tbody td {
2993
+ border-right: 1px solid #ccc;
2994
+ padding: 0;
2995
+ }
2996
+ .ui-datepicker tbody td:last-child {
2997
+ border-right: 0px;
2998
+ }
2999
+ .ui-datepicker tbody tr {
3000
+ border-bottom: 1px solid #ccc;
3001
+ }
3002
+ .ui-datepicker tbody tr:last-child {
3003
+ border-bottom: 0px;
3004
+ }
3005
+ .ui-datepicker td span,
3006
+ .ui-datepicker td a {
3007
+ display: inline-block;
3008
+ font-size: 11px;
3009
+ text-align: center;
3010
+ width: 30px;
3011
+ height: 29px;
3012
+ line-height: 30px;
3013
+ color: #555;
3014
+ text-shadow: 1px 0px 0px rgba(255,255,255,0.5);
3015
+ }
3016
+ .ui-datepicker-calendar .ui-state-default {
3017
+ background-color: #f1f1f1;
3018
+ }
3019
+ .ui-datepicker-calendar .ui-state-highlight {
3020
+ border-radius: 0px;
3021
+ border: none;
3022
+ color: #0074a2;
3023
+ }
3024
+ .ui-datepicker-calendar .ui-state-hover {
3025
+ background: #fff;
3026
+ }
3027
+ .ui-datepicker-calendar .ui-state-active {
3028
+ background-color: #0074a2;
3029
+ color: #fff !important;
3030
+ text-shadow: 0px 1px 0px rgba(0,0,0,0.25);
3031
+ position: relative;
3032
+ }
3033
+ .ui-datepicker-unselectable .ui-state-default {
3034
+ background: #fff;
3035
+ color: #aaa;
3036
+ }
3037
+ .ui-datepicker-calendar td:first-child .ui-state-active {
3038
+ margin-left: 0;
3039
+ width: 30px;
3040
+ }
3041
+ .ui-datepicker-calendar td:last-child .ui-state-active {
3042
+ margin-right: 0;
3043
+ width: 30px;
3044
+ }
3045
+ .ui-datepicker-calendar tr:last-child .ui-state-active {
3046
+ height: 30px;
3047
+ margin-bottom: 0;
3048
+ }
3049
+ .ui-datepicker .ui-datepicker-buttonpane {
3050
+ background-image: none;
3051
+ border-left: 0;
3052
+ border-right: 0;
3053
+ border-bottom: 0;
3054
+ margin: 0;
3055
+ padding: 0 .7em;
3056
+ }
3057
+ .ui-datepicker .ui-datepicker-buttonpane button {
3058
+ background: #f7f7f7;
3059
+ border: 1px solid #ccc;
3060
+ color: #555;
3061
+ cursor: pointer;
3062
+ float: right;
3063
+ height: auto;
3064
+ margin: .7em 0;
3065
+ padding: 5px 14px;
3066
+ width: auto;
3067
+ -webkit-border-radius: 3px;
3068
+ -moz-border-radius: 3px;
3069
+ border-radius: 3px;
3070
+ -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
3071
+ -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
3072
+ box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
3073
+ }
3074
+ .ui-datepicker .ui-datepicker-buttonpane button::-moz-focus-inner {
3075
+ border-width: 1px 0;
3076
+ border-style: solid none;
3077
+ border-color: transparent;
3078
+ padding: 0;
3079
+ }
3080
+ .ui-datepicker .ui-datepicker-buttonpane button:hover,
3081
+ .ui-datepicker .ui-datepicker-buttonpane button:focus {
3082
+ background: #fafafa;
3083
+ border-color: #999;
3084
+ color: #222;
3085
+ outline: 0;
3086
+ }
3087
+ .ui-datepicker .ui-datepicker-buttonpane button:focus {
3088
+ -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2);
3089
+ -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.2);
3090
+ box-shadow: 1px 1px 1px rgba(0,0,0,.2);
3091
+ }
3092
+ .ui-datepicker .ui-datepicker-buttonpane button:active {
3093
+ background: #eee;
3094
+ border-color: #999;
3095
+ color: #333;
3096
+ outline: 0;
3097
+ -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
3098
+ -moz-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
3099
+ box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
3100
+ }
3101
+ .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
3102
+ float: left;
3103
+ }
3104
+ .ui-datepicker-calendar + .ui-datepicker-buttonpane {
3105
+ border-bottom: 1px solid #ccc;
3106
+ }
3107
+ .ui-datepicker-multi-2 {
3108
+ width: 432px !important;
3109
+ }
3110
+ .ui-datepicker-multi-3 {
3111
+ width: 648px !important;
3112
+ }
3113
+ .ui-datepicker-multi-4 {
3114
+ width: 864px !important;
3115
+ }
3116
+ .ui-datepicker-group {
3117
+ float: left;
3118
+ width: 216px !important;
3119
+ }
3120
+ .ui-datepicker-row-break {
3121
+ clear: both;
3122
+ width: 100%;
3123
+ font-size: 0;
3124
+ }
3125
+ .ui-datepicker-multi .ui-datepicker-buttonpane {
3126
+ border-top: 1px solid #ccc !important;
3127
+ }
3128
+
3129
+ /* default color scheme */
3130
+ .ui-datepicker .ui-widget-header {
3131
+ background: #333;
3132
+ color: #bbb;
3133
+ }
3134
+ .ui-datepicker .ui-widget-header a {
3135
+ color: #999;
3136
+ }
3137
+ .ui-datepicker-prev,
3138
+ .ui-datepicker-next:before {
3139
+ border-color: #000;
3140
+ }
3141
+ .ui-datepicker-next,
3142
+ .ui-datepicker-prev:before {
3143
+ border-color: #444;
3144
+ }
3145
+ .ui-datepicker-prev:hover,
3146
+ .ui-datepicker-next:hover {
3147
+ background: #222;
3148
+ color: #0074a2 !important;
3149
+ }
3150
+ /* light */
3151
+ .admin-color-light .ui-datepicker .ui-widget-header {
3152
+ background: #888;
3153
+ color: #fff;
3154
+ }
3155
+ .admin-color-light .ui-datepicker .ui-widget-header a {
3156
+ color: #ccc;
3157
+ }
3158
+ .admin-color-light .ui-datepicker-prev,
3159
+ .admin-color-light .ui-datepicker-next:before {
3160
+ border-color: #3c3c3c;
3161
+ }
3162
+ .admin-color-light .ui-datepicker-next,
3163
+ .admin-color-light .ui-datepicker-prev:before {
3164
+ border-color: #999;
3165
+ }
3166
+ .admin-color-light .ui-datepicker-prev:hover,
3167
+ .admin-color-light .ui-datepicker-next:hover {
3168
+ background: #777;
3169
+ color: #eee !important;
3170
+ }
3171
+ /* blue */
3172
+ .admin-color-blue .ui-datepicker .ui-widget-header {
3173
+ background: #52accc;
3174
+ color: #fff;
3175
+ }
3176
+ .admin-color-blue .ui-datepicker .ui-widget-header a {
3177
+ color: #e2f8ff;
3178
+ }
3179
+ .admin-color-blue .ui-datepicker-prev,
3180
+ .admin-color-blue .ui-datepicker-next:before {
3181
+ border-color: #002b39;
3182
+ }
3183
+ .admin-color-blue .ui-datepicker-next,
3184
+ .admin-color-blue .ui-datepicker-prev:before {
3185
+ border-color: #5dc2e6;
3186
+ }
3187
+ .admin-color-blue .ui-datepicker-prev:hover,
3188
+ .admin-color-blue .ui-datepicker-next:hover {
3189
+ background: #006484;
3190
+ color: #fff !important;
3191
+ }
3192
+ /* coffee */
3193
+ .admin-color-coffee .ui-datepicker .ui-widget-header {
3194
+ background: #59524c;
3195
+ color: #c7cbc9;
3196
+ }
3197
+ .admin-color-coffee .ui-datepicker .ui-widget-header a {
3198
+ color: #f3f2f1;
3199
+ }
3200
+ .admin-color-coffee .ui-datepicker-prev,
3201
+ .admin-color-coffee .ui-datepicker-next:before {
3202
+ border-color: #0f0e0d;
3203
+ }
3204
+ .admin-color-coffee .ui-datepicker-next,
3205
+ .admin-color-coffee .ui-datepicker-prev:before {
3206
+ border-color: #675f58;
3207
+ }
3208
+ .admin-color-coffee .ui-datepicker-prev:hover,
3209
+ .admin-color-coffee .ui-datepicker-next:hover {
3210
+ background: #cca588;
3211
+ color: #fff !important;
3212
+ }
3213
+ /* ectoplasm */
3214
+ .admin-color-ectoplasm .ui-datepicker .ui-widget-header {
3215
+ background: #523f6d;
3216
+ color: #c6c6d3;
3217
+ }
3218
+ .admin-color-ectoplasm .ui-datepicker .ui-widget-header a {
3219
+ color: #f3f2f1;
3220
+ }
3221
+ .admin-color-ectoplasm .ui-datepicker-prev,
3222
+ .admin-color-ectoplasm .ui-datepicker-next:before {
3223
+ border-color: #181220;
3224
+ }
3225
+ .admin-color-ectoplasm .ui-datepicker-next,
3226
+ .admin-color-ectoplasm .ui-datepicker-prev:before {
3227
+ border-color: #644d85;
3228
+ }
3229
+ .admin-color-ectoplasm .ui-datepicker-prev:hover,
3230
+ .admin-color-ectoplasm .ui-datepicker-next:hover {
3231
+ background: #a3b542;
3232
+ color: #fff !important;
3233
+ }
3234
+ /* midnight */
3235
+ .admin-color-midnight .ui-datepicker .ui-widget-header {
3236
+ background: #363b3f;
3237
+ color: #f1f2f3;
3238
+ }
3239
+ .admin-color-midnight .ui-datepicker .ui-widget-header a {
3240
+ color: #f1f2f3;
3241
+ }
3242
+ .admin-color-midnight .ui-datepicker-prev,
3243
+ .admin-color-midnight .ui-datepicker-next:before {
3244
+ border-color: #090a0b;
3245
+ }
3246
+ .admin-color-midnight .ui-datepicker-next,
3247
+ .admin-color-midnight .ui-datepicker-prev:before {
3248
+ border-color: #4c5359;
3249
+ }
3250
+ .admin-color-midnight .ui-datepicker-prev:hover,
3251
+ .admin-color-midnight .ui-datepicker-next:hover {
3252
+ background: #ed543f;
3253
+ color: #fff !important;
3254
+ }
3255
+ /* ocean */
3256
+ .admin-color-ocean .ui-datepicker .ui-widget-header {
3257
+ background: #738e96;
3258
+ color: #f1fcff;
3259
+ }
3260
+ .admin-color-ocean .ui-datepicker .ui-widget-header a {
3261
+ color: #f1fcff;
3262
+ }
3263
+ .admin-color-ocean .ui-datepicker-prev,
3264
+ .admin-color-ocean .ui-datepicker-next:before {
3265
+ border-color: #39464a;
3266
+ }
3267
+ .admin-color-ocean .ui-datepicker-next,
3268
+ .admin-color-ocean .ui-datepicker-prev:before {
3269
+ border-color: #87a6af;
3270
+ }
3271
+ .admin-color-ocean .ui-datepicker-prev:hover,
3272
+ .admin-color-ocean .ui-datepicker-next:hover {
3273
+ background: #9ab8a0;
3274
+ color: #fff !important;
3275
+ }
3276
+ /* sunrise */
3277
+ .admin-color-sunrise .ui-datepicker .ui-widget-header {
3278
+ background: #da4f41;
3279
+ color: #fff;
3280
+ }
3281
+ .admin-color-sunrise .ui-datepicker .ui-widget-header a {
3282
+ color: #f3f1f1;
3283
+ }
3284
+ .admin-color-sunrise .ui-datepicker-prev,
3285
+ .admin-color-sunrise .ui-datepicker-next:before {
3286
+ border-color: #8a322a;
3287
+ }
3288
+ .admin-color-sunrise .ui-datepicker-next,
3289
+ .admin-color-sunrise .ui-datepicker-prev:before {
3290
+ border-color: #e75546;
3291
+ }
3292
+ .admin-color-sunrise .ui-datepicker-prev:hover,
3293
+ .admin-color-sunrise .ui-datepicker-next:hover {
3294
+ background: #e88436;
3295
+ color: #fff !important;
3296
+ }
3297
+
3298
+ /* --------------------------------------------------
3299
+ :: Time Picker
3300
+ ---------------------------------------------------*/
3301
+ .ui-timepicker-div {
3302
+ border-top: 1px solid #ccc;
3303
+ padding: 0 .4em;
3304
+ }
3305
+ .ui-timepicker-div .ui-widget-content {
3306
+ border: 1px solid #aaa;
3307
+ background: #fff;
3308
+ font-weight: normal;
3309
+ color: #212121;
3310
+ }
3311
+ .ui-timepicker-div .ui-slider {
3312
+ position: relative;
3313
+ text-align: left;
3314
+ }
3315
+ .ui-timepicker-div .ui-slider-horizontal {
3316
+ height: .8em;
3317
+ bottom: -.3em;
3318
+ position: relative;
3319
+ -webkit-border-radius: 2px;
3320
+ -moz-border-radius: 2px;
3321
+ border-radius: 2px;
3322
+ }
3323
+ .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle {
3324
+ background: #f7f7f7;
3325
+ border: 1px solid #ccc;
3326
+ color: #555;
3327
+ cursor: pointer;
3328
+ display: block;
3329
+ height: 1.3em;
3330
+ margin-left: -.5em;
3331
+ outline: 0;
3332
+ position: absolute;
3333
+ top: -.325em;
3334
+ width: .8em;
3335
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 rgba(0,0,0,.08);
3336
+ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 rgba(0,0,0,.08);
3337
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 rgba(0,0,0,.08);
3338
+ -webkit-border-radius: 2px;
3339
+ -moz-border-radius: 2px;
3340
+ border-radius: 2px;
3341
+ }
3342
+ .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle:hover {
3343
+ background: #fafafa;
3344
+ border-color: #999;
3345
+ color: #222;
3346
+ }
3347
+ .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle.ui-state-active {
3348
+ background: #eee;
3349
+ border-color: #999;
3350
+ color: #333;
3351
+ outline: none;
3352
+ }
3353
+ .ui-datepicker-prev,
3354
+ .ui-datepicker-next:before {
3355
+ border-color: #000;
3356
+ }
3357
+ .ui-datepicker-next,
3358
+ .ui-datepicker-prev:before {
3359
+ border-color: #444;
3360
+ }
3361
+ .ui-datepicker-prev:hover,
3362
+ .ui-datepicker-next:hover {
3363
+ background: #222;
3364
+ color: #0074a2 !important;
3365
+ }
3366
+
3367
+ .ui-timepicker-div dl {
3368
+ text-align: left;
3369
+ }
3370
+ .ui-timepicker-div dl dt {
3371
+ float: left;
3372
+ clear: left;
3373
+ padding: 0 0 0 5px;
3374
+ }
3375
+ .ui-timepicker-div dl dd {
3376
+ margin: 0 10px 10px 45%;
3377
+ }
3378
+ .ui-timepicker-div td {
3379
+ font-size: 90%;
3380
+ }
3381
+ .ui-tpicker-grid-label {
3382
+ background: none;
3383
+ border: none;
3384
+ margin: 0;
3385
+ padding: 0;
3386
+ }
3387
+ /* default */
3388
+ .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle {
3389
+ background: #333;
3390
+ border-color: #000;
3391
+ }
3392
+ .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle:hover,
3393
+ .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle.ui-state-active {
3394
+ background: #444;
3395
+ border-color: #111;
3396
+ }
3397
+ /* light */
3398
+ .admin-color-light .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle {
3399
+ background: #888;
3400
+ border-color: #3c3c3c;
3401
+ }
3402
+ .admin-color-light .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle:hover,
3403
+ .admin-color-light .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle.ui-state-active {
3404
+ background: #999;
3405
+ border-color: #777;
3406
+ }
3407
+ /* blue */
3408
+ .admin-color-blue .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle {
3409
+ background: #52accc;
3410
+ border-color: #002b39;
3411
+ }
3412
+ .admin-color-blue .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle:hover,
3413
+ .admin-color-blue .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle.ui-state-active {
3414
+ background: #5dc2e6;
3415
+ border-color: #006484;
3416
+ }
3417
+ /* coffee */
3418
+ .admin-color-coffee .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle {
3419
+ background: #59524c;
3420
+ border-color: #0f0e0d;
3421
+ }
3422
+ .admin-color-coffee .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle:hover,
3423
+ .admin-color-coffee .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle.ui-state-active {
3424
+ background: #cca588;
3425
+ border-color: #675f58;
3426
+ }
3427
+ /* ectoplasm */
3428
+ .admin-color-ectoplasm .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle {
3429
+ background: #523f6d;
3430
+ border-color: #181220;
3431
+ }
3432
+ .admin-color-ectoplasm .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle:hover,
3433
+ .admin-color-ectoplasm .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle.ui-state-active {
3434
+ background: #a3b542;
3435
+ border-color: #644d85;
3436
+ }
3437
+ /* midnight */
3438
+ .admin-color-midnight .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle {
3439
+ background: #363b3f;
3440
+ border-color: #090a0b;
3441
+ }
3442
+ .admin-color-midnight .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle:hover,
3443
+ .admin-color-midnight .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle.ui-state-active {
3444
+ background: #ed543f;
3445
+ border-color: #a0382a;
3446
+ }
3447
+ /* ocean */
3448
+ .admin-color-ocean .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle {
3449
+ background: #738e96;
3450
+ border-color: #39464a;
3451
+ }
3452
+ .admin-color-ocean .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle:hover,
3453
+ .admin-color-ocean .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle.ui-state-active {
3454
+ background: #9ab8a0;
3455
+ border-color: #5a6c5e;
3456
+ }
3457
+ /* sunrise */
3458
+ .admin-color-sunrise .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle {
3459
+ background: #da4f41;
3460
+ border-color: #8a322a;
3461
+ }
3462
+ .admin-color-sunrise .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle:hover,
3463
+ .admin-color-sunrise .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle.ui-state-active {
3464
+ background: #e88436;
3465
+ border-color: #e75546;
3466
+ }
3467
+
3468
+ /* --------------------------------------------------
3469
+ :: Meta Box Tabs
3470
+ ---------------------------------------------------*/
3471
+ .ot-metabox-tabs.ui-tabs {
3472
+ overflow: hidden;
3473
+ position: relative;
3474
+ }
3475
+ .ot-metabox-tabs.ui-tabs .ot-metabox-wrapper {
3476
+ overflow: hidden;
3477
+ }
3478
+ .ot-metabox-tabs.ui-tabs .ot-metabox-panels {
3479
+ background: white;
3480
+ border: 1px solid #ccc;
3481
+ margin: 7px 0 1px 0;
3482
+ min-height: 140px;
3483
+ overflow: hidden;
3484
+ padding: 12px;
3485
+ -webkit-border-radius: 2px;
3486
+ -moz-border-radius: 2px;
3487
+ border-radius: 2px;
3488
+ }
3489
+ .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav {
3490
+ float: left;
3491
+ list-style: none;
3492
+ margin: 0 -1px 0 0;
3493
+ padding: 18px 0 12px 0;
3494
+ width: 151px;
3495
+ }
3496
+ .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li,
3497
+ .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li.ui-state-focus {
3498
+ background: none;
3499
+ border: 1px solid transparent;
3500
+ border-right-width: 0px;
3501
+ display: block;
3502
+ margin: 0;
3503
+ outline: 0;
3504
+ padding: 1px 0;
3505
+ width: 150px;
3506
+ -webkit-border-radius: 2px 0 0 2px;
3507
+ -moz-border-radius: 2px 0 0 2px;
3508
+ border-radius: 2px 0 0 2px;
3509
+ }
3510
+ .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li.ui-state-active {
3511
+ background: white;
3512
+ border-color: #ccc;
3513
+ color: black;
3514
+ }
3515
+ .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li a {
3516
+ color: #21759b;
3517
+ display: block;
3518
+ line-height: 18px;
3519
+ outline: 0;
3520
+ padding: 5px 5px 5px 12px;
3521
+ text-decoration: none;
3522
+ }
3523
+ .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li a:hover {
3524
+ color: black;
3525
+ outline: none;
3526
+ }
3527
+ .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li.ui-state-active a {
3528
+ color: black;
3529
+ outline: none;
3530
+ }
3531
+ .ot-metabox-tabs.ui-tabs .ot-metabox-panel {
3532
+ clear: both;
3533
+ }
3534
+
3535
+ /* --------------------------------------------------
3536
+ :: Theme Option & Side Metabox Tabs
3537
+ ---------------------------------------------------*/
3538
+ .ot-theme-option-tabs.ui-tabs
3539
+ #side-sortables .ot-metabox-tabs.ui-tabs {
3540
+ position: relative;
3541
+ }
3542
+ .ot-theme-option-tabs.ui-tabs .inside,
3543
+ #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-wrapper {
3544
+ overflow: hidden;
3545
+ }
3546
+ .ot-theme-option-tabs.ui-tabs .ot-theme-option-panels,
3547
+ #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-panels {
3548
+ border: 0;
3549
+ margin: 0;
3550
+ overflow: hidden;
3551
+ padding: 0;
3552
+ width: 100%;
3553
+ }
3554
+ .ot-theme-option-tabs.ui-tabs .ot-theme-option-nav.ui-tabs-nav,
3555
+ #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav {
3556
+ border-bottom: 1px solid #ccc;
3557
+ float: none;
3558
+ font-size: 12px !important;
3559
+ height: 30px;
3560
+ list-style: none;
3561
+ margin: 2px 0 0 0;
3562
+ padding: 0;
3563
+ width: 100%;
3564
+ }
3565
+ #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav {
3566
+ margin-top: 10px;
3567
+ }
3568
+ .ot-theme-option-tabs.ui-tabs .ot-theme-option-nav.ui-tabs-nav li.ui-state-default,
3569
+ #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li.ui-state-default {
3570
+ background: #fafafa;
3571
+ border: 1px solid #ccc;
3572
+ border-width: 1px 1px 0px 1px;
3573
+ display: block;
3574
+ float: left;
3575
+ margin: 0 0 0 3px;
3576
+ padding: 0;
3577
+ outline: 0;
3578
+ -webkit-border-radius: 2px 2px 0 0;
3579
+ -moz-border-radius: 2px 2px 0 0;
3580
+ border-radius: 2px 2px 0 0;
3581
+ }
3582
+ .ot-theme-option-tabs.ui-tabs .ot-theme-option-nav.ui-tabs-nav li:hover,
3583
+ #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li:hover {
3584
+ background: #f1f1f1;
3585
+ border: 1px solid #ccc;
3586
+ border-width: 1px 1px 0px 1px;
3587
+ }
3588
+ .ot-theme-option-tabs.ui-tabs .ot-theme-option-nav.ui-tabs-nav li.ui-state-active,
3589
+ #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li.ui-state-active {
3590
+ background: white;
3591
+ border-color: #ccc;
3592
+ border-width: 1px 1px 0px 1px;
3593
+ color: black;
3594
+ padding: 0;
3595
+ -webkit-border-radius: 2px 2px 0 0;
3596
+ -moz-border-radius: 2px 2px 0 0;
3597
+ border-radius: 2px 2px 0 0;
3598
+ }
3599
+ .ot-theme-option-tabs.ui-tabs .ot-theme-option-nav.ui-tabs-nav li a,
3600
+ #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li a {
3601
+ color: #21759b;
3602
+ display: block;
3603
+ line-height: 18px;
3604
+ outline: 0;
3605
+ padding: 6px 12px 5px 12px !important;
3606
+ text-decoration: none;
3607
+ }
3608
+ .ot-theme-option-tabs.ui-tabs .ot-theme-option-nav.ui-tabs-nav li a:hover,
3609
+ #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li a:hover {
3610
+ color: black;
3611
+ outline: none;
3612
+ }
3613
+ .ot-theme-option-tabs.ui-tabs .ot-theme-option-nav.ui-tabs-nav li.ui-state-active a,
3614
+ #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li.ui-state-active a {
3615
+ color: black;
3616
+ outline: none;
3617
+ padding: 6px 12px 6px 12px !important;
3618
+ }
3619
+ .ot-theme-option-tabs.ui-tabs .ot-theme-option-panel,
3620
+ #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-panel {
3621
+ clear: both;
3622
+ }
3623
+ #side-sortables .ot-metabox-tabs.ui-tabs .format-setting .description,
3624
+ #side-sortables .ot-metabox-tabs.ui-tabs .format-setting .format-setting-inner {
3625
+ width: 100%;
3626
+ }
3627
+
3628
+ /* --------------------------------------------------
3629
+ :: Metabox Tabs for Small Screens & Mobile Devices
3630
+ ---------------------------------------------------*/
3631
+ @media screen and ( max-width: 1020px ) {
3632
+ .ot-metabox-tabs.ui-tabs {
3633
+ position: relative;
3634
+ }
3635
+ .ot-metabox-tabs.ui-tabs .ot-metabox-wrapper {
3636
+ overflow: hidden;
3637
+ }
3638
+ .ot-metabox-tabs.ui-tabs .ot-metabox-panels {
3639
+ border: 0;
3640
+ margin: 0;
3641
+ overflow: hidden;
3642
+ padding: 0;
3643
+ width: 100%;
3644
+ }
3645
+ .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav {
3646
+ border-bottom: 1px solid #ccc;
3647
+ float: none;
3648
+ font-size: 12px !important;
3649
+ height: 30px;
3650
+ list-style: none;
3651
+ margin: 2px 0 0 0;
3652
+ padding: 0;
3653
+ width: 100%;
3654
+ }
3655
+ #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav {
3656
+ margin-top: 10px;
3657
+ }
3658
+ .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li.ui-state-default {
3659
+ background: #fafafa;
3660
+ border: 1px solid #ccc;
3661
+ border-width: 1px 1px 0px 1px;
3662
+ display: block;
3663
+ float: left;
3664
+ margin: 0 0 0 3px;
3665
+ padding: 0;
3666
+ outline: 0;
3667
+ -webkit-border-radius: 2px 2px 0 0;
3668
+ -moz-border-radius: 2px 2px 0 0;
3669
+ border-radius: 2px 2px 0 0;
3670
+ }
3671
+ .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li:hover {
3672
+ background: #f1f1f1;
3673
+ border: 1px solid #ccc;
3674
+ border-width: 1px 1px 0px 1px;
3675
+ }
3676
+ .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li.ui-state-active {
3677
+ background: white;
3678
+ border-color: #ccc;
3679
+ border-width: 1px 1px 0px 1px;
3680
+ color: black;
3681
+ padding: 0;
3682
+ -webkit-border-radius: 2px 2px 0 0;
3683
+ -moz-border-radius: 2px 2px 0 0;
3684
+ border-radius: 2px 2px 0 0;
3685
+ }
3686
+ .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li a {
3687
+ color: #21759b;
3688
+ display: block;
3689
+ line-height: 18px;
3690
+ outline: 0;
3691
+ padding: 6px 12px 5px 12px !important;
3692
+ text-decoration: none;
3693
+ }
3694
+ .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li a:hover {
3695
+ color: black;
3696
+ outline: none;
3697
+ }
3698
+ .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li.ui-state-active a {
3699
+ color: black;
3700
+ outline: none;
3701
+ padding: 6px 12px 6px 12px !important;
3702
+ }
3703
+ .ot-metabox-tabs.ui-tabs .ot-metabox-panel {
3704
+ clear: both;
3705
+ }
3706
+ }
3707
+ .webriti_settings_loding{
3708
+ background: url("../images/loading83.gif") no-repeat;
3709
+ border: 1px solid #2F96B4;
3710
+ border-radius: 10px;
3711
+ box-shadow: 0 5px 30px #323232;
3712
+ display: none;
3713
+ font-size: 20px;
3714
+ height: 170px;
3715
+ left: 50%;
3716
+ padding: 23px 6px 10px 52px;
3717
+ position: fixed;
3718
+ text-align: center;
3719
+ top: 50%;
3720
+ vertical-align: middle;
3721
+ width: 150px;
3722
+ z-index: 9999;
3723
+ }
3724
+ .webriti_settings_massage{
3725
+ background: url("../images/button_check.png") no-repeat scroll 13px 23px rgba(47, 150, 180, 0.6);
3726
+ border: 1px solid #2F96B4;
3727
+ border-radius: 10px;
3728
+ box-shadow: 0 5px 30px #323232;
3729
+ color: #FFFFFF;
3730
+ display: none;
3731
+ font-size: 20px;
3732
+ height: 50px;
3733
+ left: 50%;
3734
+ padding: 23px 6px 10px 52px;
3735
+ position: fixed;
3736
+ text-align: center;
3737
+ top: 50%;
3738
+ vertical-align: middle;
3739
+ width: auto;
3740
+ z-index: 9999;
3741
+ }
3742
+ .select{ width:25%;}
3743
+ textarea { width: 50%; height: auto;}
3744
+ .btn {
3745
+ -moz-border-bottom-colors: none;
3746
+ -moz-border-image: none;
3747
+ -moz-border-left-colors: none;
3748
+ -moz-border-right-colors: none;
3749
+ -moz-border-top-colors: none;
3750
+ background-color: #F5F5F5;
3751
+ background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6);
3752
+ background-repeat: repeat-x;
3753
+ border-bottom-color: #A2A2A2;
3754
+ border-bottom-left-radius: 4px;
3755
+ border-bottom-right-radius: 4px;
3756
+ border-bottom-style: solid;
3757
+ border-bottom-width: 1px;
3758
+ border-top-color: rgba(0, 0, 0, 0.1);
3759
+ border-top-left-radius: 4px;
3760
+ border-top-right-radius: 4px;
3761
+ border-top-style: solid;
3762
+ border-top-width: 1px;
3763
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
3764
+ color: #333333;
3765
+ cursor: pointer;
3766
+ display: inline-block;
3767
+ font-size: 14px;
3768
+ line-height: 20px;
3769
+ margin-bottom: 0;
3770
+ padding-bottom: 4px;
3771
+ padding-left: 12px;
3772
+ padding-right: 12px;
3773
+ padding-top: 4px;
3774
+ text-align: center;
3775
+ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
3776
+ vertical-align: middle;
3777
+ }
3778
+ .btn-primary {
3779
+ background-color: #1e8cbe;
3780
+ background-image: -moz-linear-gradient(center top , #0088CC, #0044CC);
3781
+ border-color: rgba(0, 0, 0, 0.25);
3782
+ color: #FFFFFF;
3783
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
3784
+ }
3785
+ .primary-fb{
3786
+ background-color: #3b5998 !important;
3787
+ background-image: -moz-linear-gradient(center top , #0088CC, #0044CC) !important;
3788
+ border-color: rgba(0, 0, 0, 0.25) !important;
3789
+ color: #FFFFFF !important;
3790
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
3791
+ }
3792
+ .btn-info {
3793
+ background-color: #49AFCD;
3794
+ background-image: -moz-linear-gradient(center top , #5BC0DE, #2F96B4);
3795
+ background-repeat: repeat-x;
3796
+ border-bottom-color: rgba(0, 0, 0, 0.25);
3797
+ border-left-color-ltr-source: physical;
3798
+ border-left-color-rtl-source: physical;
3799
+ border-left-color-value: rgba(0, 0, 0, 0.1);
3800
+ border-right-color-ltr-source: physical;
3801
+ border-right-color-rtl-source: physical;
3802
+ border-right-color-value: rgba(0, 0, 0, 0.1);
3803
+ border-top-color: rgba(0, 0, 0, 0.1);
3804
+ color: #FFFFFF;
3805
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
3806
+ }
3807
+ .btn-success {
3808
+ background-color: #5BB75B;
3809
+ background-image: -moz-linear-gradient(center top , #62C462, #51A351);
3810
+ background-repeat: repeat-x;
3811
+ border-bottom-color: rgba(0, 0, 0, 0.25);
3812
+ border-left-color-ltr-source: physical;
3813
+ border-left-color-rtl-source: physical;
3814
+ border-left-color-value: rgba(0, 0, 0, 0.1);
3815
+ border-right-color-ltr-source: physical;
3816
+ border-right-color-rtl-source: physical;
3817
+ border-right-color-value: rgba(0, 0, 0, 0.1);
3818
+ border-top-color: rgba(0, 0, 0, 0.1);
3819
+ color: #FFFFFF;
3820
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
3821
+ }
3822
+ .btn-inverse {
3823
+ background-color: #363636;
3824
+ background-image: -moz-linear-gradient(center top , #444444, #222222);
3825
+ background-repeat: repeat-x;
3826
+ border-bottom-color: rgba(0, 0, 0, 0.25);
3827
+ border-left-color-ltr-source: physical;
3828
+ border-left-color-rtl-source: physical;
3829
+ border-left-color-value: rgba(0, 0, 0, 0.1);
3830
+ border-right-color-ltr-source: physical;
3831
+ border-right-color-rtl-source: physical;
3832
+ border-right-color-value: rgba(0, 0, 0, 0.1);
3833
+ border-top-color: rgba(0, 0, 0, 0.1);
3834
+ color: #FFFFFF;
3835
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
3836
+ }
3837
+ .webriti-header {
3838
+ background-attachment: scroll;
3839
+ background-clip: border-box;
3840
+ background-color: transparent;
3841
+ background-image: -moz-linear-gradient(center top , #FEFEFE 0%, #EDEDED 100%);
3842
+ background-origin: padding-box;
3843
+ background-position: 0 0;
3844
+ background-repeat: repeat;
3845
+ background-size: auto auto;
3846
+ border-top-color: #C8C8C8;
3847
+ border-left-color: #C8C8C8;
3848
+ border-right-color: #C8C8C8;
3849
+ border-style: solid;
3850
+ border-width: 1px;
3851
+ min-height: 40px;
3852
+ padding-bottom: 0px;
3853
+ padding-left: 0;
3854
+ padding-right: 0;
3855
+ margin-top:10px;
3856
+ }
3857
+ .webriti-submenu {
3858
+ background-attachment: scroll;
3859
+ background-clip: border-box;
3860
+ background-color: transparent;
3861
+ background-color: #464646;
3862
+ background-image: -moz-linear-gradient(center top , #464646 0%, #464646 100%);
3863
+ background-origin: padding-box;
3864
+ background-position: 0 0;
3865
+ background-repeat: repeat;
3866
+ background-size: auto auto;
3867
+ //border-bottom-color: #626262;
3868
+ border-bottom-style: solid;
3869
+ border-bottom-width: 1px;
3870
+ box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.2) inset;
3871
+ padding-bottom: 5px;
3872
+ padding-left: 10px;
3873
+ padding-right: 0;
3874
+ padding-top: 0px;
3875
+ }
3876
+ .webriti-submenu h2{ color:#E9E9E9;}
3877
+
3878
+ .webriti-submenu-links { float: right; margin-right: 20px; }
3879
+ .webriti-submenu-links a{text-decoration:none;
3880
+
3881
+ font-family: sans-serif;
3882
+ font-size: 13px;
3883
+ font-size-adjust: none;
3884
+ font-stretch: normal;
3885
+ font-style: normal;
3886
+ font-variant: normal;
3887
+ font-weight: bold;
3888
+ line-height: 18px;
3889
+ }
3890
+ .webriti-submenu-links a:hover {color:#E9E9E9;}
3891
+
3892
+ /******** Tooltips style ***/
3893
+ .icons {
3894
+ display: inline-block; width: 16px; height: 16px; position: relative; padding: 0 4px 0 0;
3895
+ /*background: url(../images/icons.png) no-repeat;*/
3896
+ }
3897
+ .tooltip
3898
+ { display: none; width: 250px; position: absolute; padding: 10px; margin: 4px 0 0 4px;
3899
+ top: 0; left: 16px; border: 1px solid #464646; border-radius: 5px; background: #bedffe;font-size: 13px;
3900
+ box-shadow: 0 1px 2px -1px #21759B; z-index: 999;
3901
+ }
3902
+ .help { background-position: 0 0; }
3903
+
3904
+ .help .tooltip { border-color: #464646; background-color: #FFFFFF; box-shadow-color: #21759B;}
3905
+
3906
+ .icons:hover .tooltip { display: block;}
3907
+
3908
+ /***** inner option style ******/
3909
+ .ui-tabs-panel #heading{
3910
+ border: 0;
3911
+ border-bottom: 1px solid #E7E7E7;
3912
+ }
3913
+
3914
+ .ui-tabs-panel .section {
3915
+ border-bottom-color: #E7E7E7;
3916
+ border-bottom-style: solid;
3917
+ border-bottom-width: 1px;
3918
+ margin-bottom: 10px;
3919
+ padding-bottom: 15px;
3920
+ }
3921
+ #content {
3922
+ background: none repeat scroll 0 0 #FFFFFF;
3923
+ border-left: 1px solid #CCCCCC;
3924
+ border-right: 1px solid #CCCCCC;
3925
+ }
3926
+
3927
+ #content .section .explain {
3928
+ color: #999999;
3929
+ font-family: sans-serif;
3930
+ font-size: 14px;
3931
+ padding-bottom: 0;
3932
+ padding-left: 0;
3933
+ padding-right: 0;
3934
+ padding-top: 0;
3935
+ width: auto;
3936
+ margin-left:10px;
3937
+ }
3938
+ #content .section h3 {
3939
+ font-size: 1.1em;
3940
+ margin-bottom: 5px;
3941
+ margin-left: 0;
3942
+ margin-right: 0;
3943
+ margin-top: 15px;
3944
+ padding-bottom: 7px;
3945
+ padding-left: 0;
3946
+ padding-right: 0;
3947
+ padding-top: 5px;
3948
+ }
3949
+ #nav-shadow {
3950
+ background: url("../images/menu-shadow.png") repeat-y scroll right top rgba(0, 0, 0, 0);
3951
+ bottom: 0;
3952
+ position: absolute;
3953
+ right: 0;
3954
+ top: 0;
3955
+ width: 1px;
3956
+ height:auto;
3957
+ z-index: 25;
3958
+ }
3959
+ #framework_wrap .ui-tabs {
3960
+ background: url("../images/tabs_bg.png") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
3961
+ }
3962
+ /*Options pane home page settigns*/
3963
+
3964
+ input[type=radio] { margin:10px; }
3965
+ input[type=radio] + label { display:inline-block; margin:-2px;
3966
+ padding: 4px 12px; background-color: #e7e7e7; border-color: #ddd; }
3967
+
3968
+ input[type=radio]:checked + label { background-image: none;
3969
+ background-color:#d0d0d0;
3970
+ }
3971
+ input[type=radio] + label, input[type=checkbox] + label {
3972
+ display:inline-block; margin:-2px; padding: 4px 12px; margin-bottom: 0;
3973
+ font-size: 14px; line-height: 20px; color: #333; text-align: center;
3974
+ text-shadow: 0 1px 1px rgba(255,255,255,0.75);
3975
+ vertical-align: middle;
3976
+ cursor: pointer;
3977
+ background-color: #f5f5f5;
3978
+ background-repeat: repeat-x;
3979
+ border: 0px solid #ccc;
3980
+ border-color: #e6e6e6 #e6e6e6 #bfbfbf;
3981
+ border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
3982
+ border-bottom-color: #b3b3b3;
3983
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
3984
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
3985
+ -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
3986
+ -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
3987
+ box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
3988
+ }
3989
+
3990
+ input[type=radio]:checked + label, input[type=checkbox]:checked + label{
3991
+ background-image: none;
3992
+ outline: 0;
3993
+ -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
3994
+ -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
3995
+ box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
3996
+ background-color:#e0e0e0;
3997
+ }
3998
+ #custom_back_image
3999
+ { border-radius: 7px;
4000
+ box-shadow: 0 0 2px #777777;
4001
+ cursor: pointer;
4002
+ display: block;
4003
+ height: 29px;
4004
+ width: 29px;"
4005
+ }
4006
+ .btn {
4007
+ -moz-border-bottom-colors: none;
4008
+ -moz-border-image: none;
4009
+ -moz-border-left-colors: none;
4010
+ -moz-border-right-colors: none;
4011
+ -moz-border-top-colors: none;
4012
+ background-color: #F5F5F5;
4013
+ background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6);
4014
+ background-repeat: repeat-x;
4015
+ border-bottom-color: #A2A2A2;
4016
+ border-bottom-left-radius: 4px;
4017
+ border-bottom-right-radius: 4px;
4018
+ border-bottom-style: solid;
4019
+ border-bottom-width: 1px;
4020
+ border-top-color: rgba(0, 0, 0, 0.1);
4021
+ border-top-left-radius: 4px;
4022
+ border-top-right-radius: 4px;
4023
+ border-top-style: solid;
4024
+ border-top-width: 1px;
4025
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
4026
+ color: #333333;
4027
+ cursor: pointer;
4028
+ display: inline-block;
4029
+ font-size: 14px;
4030
+ line-height: 20px;
4031
+ margin-bottom: 0;
4032
+ padding-bottom: 4px;
4033
+ padding-left: 12px;
4034
+ padding-right: 12px;
4035
+ padding-top: 4px;
4036
+ text-align: center;
4037
+ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
4038
+ vertical-align: middle;
4039
+ }
4040
+ .btn-primary {
4041
+ background-color: #1e8cbe;
4042
+ background-image: -moz-linear-gradient(center top , #0088CC, #0044CC);
4043
+ border-color: rgba(0, 0, 0, 0.25);
4044
+ color: #FFFFFF !important;
4045
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
4046
+
4047
+ }
4048
+ .fb-btn {
4049
+ float: right;
4050
+ margin: 0 10px 0 0;
4051
+ }
4052
+ .slider_select_cat {
4053
+ height: auto;
4054
+ min-height: 150px;
4055
+ width: 200px;
4056
+ }
{images → theme_options/images}/arrow1.png RENAMED
File without changes
theme_options/images/button_check.png ADDED
Binary file
theme_options/images/close_256.png ADDED
Binary file
{images → theme_options/images}/cross.png RENAMED
File without changes
theme_options/images/ico-changelog.png ADDED
Binary file
theme_options/images/ico-docs.png ADDED
Binary file
theme_options/images/ico-forum.png ADDED
Binary file
{images → theme_options/images}/icon_add.png RENAMED
File without changes
{images → theme_options/images}/icon_check.png RENAMED
File without changes
{images → theme_options/images}/icon_header.png RENAMED
File without changes
theme_options/images/icon_off.png ADDED
Binary file
{images → theme_options/images}/icon_on.png RENAMED
File without changes
{images → theme_options/images}/loading.gif RENAMED
File without changes
theme_options/images/loading83.gif ADDED
Binary file
theme_options/images/openquote.gif ADDED
Binary file
theme_options/images/option-icon-ads.png ADDED
Binary file
theme_options/images/option-icon-audio.png ADDED
Binary file
theme_options/images/option-icon-box.png ADDED
Binary file
theme_options/images/option-icon-calendar.png ADDED
Binary file
theme_options/images/option-icon-cart.png ADDED
Binary file
theme_options/images/option-icon-connect.png ADDED
Binary file
theme_options/images/option-icon-favorite.png ADDED
Binary file
theme_options/images/option-icon-featured.png ADDED
Binary file
theme_options/images/option-icon-footer.png ADDED
Binary file
images/general.png → theme_options/images/option-icon-general.png RENAMED
File without changes
theme_options/images/option-icon-header.png ADDED
Binary file
theme_options/images/option-icon-homepage.png ADDED
Binary file
theme_options/images/option-icon-image.png ADDED
Binary file
theme_options/images/option-icon-layout.png ADDED
Binary file
theme_options/images/option-icon-listing.png ADDED
Binary file
theme_options/images/option-icon-main.png ADDED
Binary file
theme_options/images/option-icon-maps.png ADDED
Binary file
theme_options/images/option-icon-media.png ADDED
Binary file
theme_options/images/option-icon-misc.png ADDED
Binary file
theme_options/images/option-icon-nav.png ADDED
Binary file
theme_options/images/option-icon-portfolio.png ADDED
Binary file
theme_options/images/option-icon-post.png ADDED
Binary file
theme_options/images/option-icon-presstrends.png ADDED
Binary file
theme_options/images/option-icon-search.png ADDED
Binary file
theme_options/images/option-icon-sidebar.png ADDED
Binary file
theme_options/images/option-icon-slider.png ADDED
Binary file
images/design.png → theme_options/images/option-icon-styling.png RENAMED
File without changes
theme_options/images/option-icon-tumblog.png ADDED
Binary file
theme_options/images/option-icon-typography.png ADDED
Binary file
theme_options/images/option-icon-upload.png ADDED
Binary file
theme_options/images/png.png ADDED
Binary file
theme_options/images/project.png ADDED
Binary file
theme_options/images/satisfied-clients.jpg ADDED
Binary file
theme_options/images/service.png ADDED
Binary file
theme_options/images/service1.png ADDED
Binary file
theme_options/images/slides.png ADDED
Binary file
theme_options/images/team.png ADDED
Binary file
theme_options/images/testimonial.png ADDED
Binary file
theme_options/js/my-custom.js ADDED
@@ -0,0 +1,4 @@
 
 
 
 
1
+ jQuery(function($) {
2
+ $( "#option-tree-settings-api" ).tabs().addClass( "ui-tabs-vertical ui-helper-clearfix" );
3
+ $( "#option-tree-settings-api li" ).removeClass( "ui-corner-top" ).addClass( "ui-corner-left" );
4
+ });
theme_options/js/option-panel-js.js ADDED
@@ -0,0 +1,112 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ // js to active the link of option pannel
2
+ jQuery(document).ready(function() {
3
+ jQuery('ul li.active ul').slideDown();
4
+ // menu click
5
+ jQuery('#nav > li > a').click(function(){
6
+ if (jQuery(this).attr('class') != 'active')
7
+ {
8
+ jQuery('#nav li ul').slideUp(350);
9
+ jQuery(this).next().slideToggle(350);
10
+ jQuery('#nav li a').removeClass('active');
11
+ jQuery(this).addClass('active');
12
+
13
+ jQuery('ul.options_tabs li').removeClass('active');
14
+ jQuery(this).parent().addClass('active');
15
+ var divid = jQuery(this).attr("id");
16
+ var add="div#option-"+divid;
17
+ var strlenght = add.length;
18
+
19
+ if(strlenght<17)
20
+ {
21
+ var add="div#option-ui-id-"+divid;
22
+ var ulid ="#ui-id-"+divid;
23
+ jQuery('ul.options_tabs li li ').removeClass('currunt');
24
+ jQuery(ulid).parent().addClass('currunt');
25
+ }
26
+ jQuery('div.ui-tabs-panel').addClass('deactive');
27
+ jQuery('div.ui-tabs-panel').removeClass('active');
28
+ jQuery(add).removeClass('deactive');
29
+ jQuery(add).addClass('active');
30
+ }
31
+ });
32
+
33
+ // child submenu click
34
+ jQuery('ul.options_tabs li li ').click(function() {
35
+ jQuery('ul.options_tabs li li ').removeClass('currunt');
36
+ jQuery(this).addClass('currunt');
37
+ var sub_a_id = jQuery(this).children("a").attr("id");
38
+ var option_add="div#option-"+sub_a_id;
39
+ jQuery('div.ui-tabs-panel').addClass('deactive');
40
+ jQuery('div.ui-tabs-panel').removeClass('active');
41
+ jQuery(option_add).removeClass('deactive');
42
+ jQuery(option_add).addClass('active');
43
+
44
+ });
45
+
46
+ /********media-upload******/
47
+ // media upload js
48
+ var uploadID = ''; /*setup the var*/
49
+ jQuery('.upload_image_button').click(function() {
50
+ uploadID = jQuery(this).prev('input'); /*grab the specific input*/
51
+
52
+ formfield = jQuery('.upload').attr('name');
53
+ tb_show('', 'media-upload.php?type=image&amp;TB_iframe=true');
54
+
55
+ window.send_to_editor = function(html)
56
+ {
57
+ imgurl = jQuery('img',html).attr('src');
58
+ uploadID.val(imgurl); /*assign the value to the input*/
59
+ tb_remove();
60
+ };
61
+ return false;
62
+ });
63
+
64
+ });
65
+
66
+ /*Admin options pannal data value*/
67
+ function commingsoon_option_data_save(id)
68
+ {
69
+ var commingsoon_lite_settings_save= "#commingsoon_lite_settings_save_"+id;
70
+ var commingsoon_lite_theme_options = "#commingsoon_lite_theme_options_"+id;
71
+ var commingsoon_lite_settings_save_success = commingsoon_lite_settings_save+"_success";
72
+ var loding_image ="#commingsoon_loding_"+id;
73
+ var commingsoon_loding_image = loding_image +"_image";
74
+
75
+ jQuery(commingsoon_loding_image).show();
76
+ jQuery(commingsoon_lite_settings_save).val("1");
77
+ jQuery.ajax({
78
+ url:'admin.php?page=coming_soon',
79
+ type:'post',
80
+ data : jQuery(commingsoon_lite_theme_options).serialize(),
81
+ success : function(data)
82
+ {
83
+ jQuery(commingsoon_loding_image).fadeOut();
84
+ jQuery(commingsoon_lite_settings_save_success).show();
85
+ jQuery(commingsoon_lite_settings_save_success).fadeOut(5000);
86
+ }
87
+ });
88
+ }
89
+
90
+ /*Admin options value reset */
91
+ function commingsoon_option_data_reset(id)
92
+ { var r=confirm("Do you want reset your theme setting!")
93
+ if (r==true)
94
+ { var commingsoon_lite_settings_save= "#commingsoon_lite_settings_save_"+id;
95
+ var commingsoon_lite_theme_options = "#commingsoon_lite_theme_options_"+id;
96
+ var commingsoon_lite_settings_save_reset = commingsoon_lite_settings_save+"_reset";
97
+ jQuery(commingsoon_lite_settings_save).val("2");
98
+ jQuery.ajax({
99
+ url:'admin.php?page=coming_soon',
100
+ type:'post',
101
+ data : jQuery(commingsoon_lite_theme_options).serialize(),
102
+ success : function(data)
103
+ { jQuery(commingsoon_lite_settings_save_reset).show();
104
+ jQuery(commingsoon_lite_settings_save_reset).fadeOut(5000);
105
+ }
106
+ });
107
+ }
108
+ else
109
+ {
110
+ alert("Cancel! reset theme setting process")
111
+ }
112
+ }
theme_options/pages/aboutpro_version_settings.php ADDED
@@ -0,0 +1,257 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <div class="block ui-tabs-panel active" id="option-ui-id-7" >
2
+ <form method="post" id="commingsoon_lite_theme_options_7">
3
+
4
+ <div class="row" style="margin-left:10px;background:#fff;text-align:center">
5
+
6
+ <div class="span6" style="width:80%;margin-top: auto;text-align:center">
7
+ <h3 style="font-size: 45px !important;
8
+ font-style: normal;
9
+ font-weight: 900;
10
+ line-height:1.1;
11
+ color: #000;
12
+ letter-spacing: -1px;
13
+ text-align: center;
14
+ ">Coming Soon Pro Features</h3>
15
+ <p style="font-size: 18px;
16
+ font-style: normal;
17
+
18
+ color: #707070;
19
+ text-align: left;">Hey There, <br><br>Thanks for using the lite version of Easy Coming Soon. I hope the plugin will enable you to quickly and easily create a landing page.<br><br>
20
+
21
+ If you are looking to create a more feature rich landing page then I would suggest you to have a look at the premium version of the Easy Coming Soon Plugin.
22
+ It has a lot of additional features which will allow you to quickly create a good looking landing page. <br><br>
23
+
24
+ I would suggest you to checkout the <a href = "http://webriti.com/demo/plugins/easycomingsoon/" target="_blank">Sample Coming Soon Page</a> created by the premium version of the plugin. <br><br>
25
+ Also Check out the Admin Panel <a href = "http://webriti.com/coming-soon-demo-select/" target="_blank">here</a>. User Login: user and Password: user
26
+ <br><br>
27
+ </p>
28
+ </div>
29
+
30
+
31
+
32
+
33
+ </div>
34
+
35
+ <!-- Email Capture Feature Start -->
36
+
37
+ <div class = "row" style="margin-left:25px;background:#f7f7f7;">
38
+ <h3 style="margin-left:25px;font-size:20px;">Here is the complete List of Features in Pro Version </h3><br>
39
+ </div>
40
+ <div class="row" style="margin-left:10px;background:white;padding-top:70px;padding-bottom:70px;">
41
+
42
+
43
+
44
+ <div class="span6" style="width:84%;margin-top: auto;margin-left:5%; font-size:15px;">
45
+
46
+ <h3>1. Multiple Design Templates </h3>
47
+ <p>A Launch Page can play an important role in branding so we made sure that all included templates are good looking. <br>
48
+ As a user you just have to fill in the data via option panel and a Coming Soon Page will be created as per the selected template.</p>
49
+
50
+
51
+ <h3>2. Email Capture Form</h3>
52
+ <p>A Launch Page is ideal for collecting Email address of the interested visitors. You can quickly setup a Email Capture Form and Start collecting Email Address. All the Emails are stored on in your Website Database </p>
53
+
54
+ <h3>3. Newsletter / Autoresponder Integration</h3>
55
+ <p>Easy Coming Soon integrates with MailChimp, Aweber, Constant Contact , CampaignMonitor and Madmimi. You can connect the plugin to third party services and started building your Email List
56
+ </p>
57
+
58
+ <h3>4. User White List</h3>
59
+
60
+ <p>This feature is very useful if you are building the website for a client. With this feature you can allow client / contributor to view the live site while all others will be presented with the Coming Soon Page. </p>
61
+
62
+ <h3>5. Landing Page Mode</h3>
63
+ <p> With this feature you can choose to display the Coming Soon Page on the entire site or on a single Page. <br> Here is a Use Case: Suppose you want the blog to be accessible to all users while displaying the coming soon page on the font page. It can be done with the Landing Page Mode. </p>
64
+
65
+
66
+
67
+
68
+
69
+
70
+
71
+ <h3>6. Custom Favicon and Logo Support </h3>
72
+
73
+ <p>You can quickly upload a Custom Logo and favicon via the option Panel. We make use of Wordpress Mdeia Uploader, so you can also insert the logo from the Wordpress Media Library.</p>
74
+
75
+
76
+ <h3>7. Count-Down Timer Support </h3>
77
+
78
+ <p> This feature was implemented as a response to a suggestion by one of our user. With this feature you can display a count down timer on the coming soon page. The timer can be quickly configure via option panel.</p>
79
+
80
+
81
+
82
+ <h3>8. Progress Bar Support </h3>
83
+
84
+ <p>It is also possible to display a Progress Bar on the coming soon page. Currently 3 styles of progress bars are supported, Basic, Striped and Animated. </p>
85
+
86
+ <h3>9. Custom Text Strings</h3>
87
+ <p>This feature allows you to quickly change the labels of the Text Fields and Buttons. </p>
88
+
89
+
90
+ <h3>10. BackGround Slide-Show</h3>
91
+ <p>You can create a SlideShow and display it as a background with this feature. You may add as many slides as you want. It is also possible to display a Static Image or simply a color as a background. </p>
92
+
93
+ <h3>11. Video BackGround Support</h3>
94
+ <p>This feature allows you to create a Full Screen Video BackGround. Just upload the video on Youtube and configure the settings via the Admin Panel. Its that simple! </p>
95
+
96
+ <h3>12. Social Icon Support</h3>
97
+ <p>The premium version has support for 20 Social Media Network. You just need to fill in the url and the respective icon will be displayed on the coming soon page. </p>
98
+
99
+ <h3>13. Design Customization Options</h3>
100
+ <p>The plugin allows you to quickly customize the settings like Font Color, Font Size, Font type, Button Color etc. All of these settings can be accessed via the Option Panel. </p>
101
+
102
+ <h3>14. Custom CSS Support</h3>
103
+ <p>A lot of times the inbuilt settings are just not enough. With the Custom CSS support you can quikly add style rules to the coming soon page. </p>
104
+
105
+ <h3>15. Google Analytics Support</h3>
106
+ <p>You can paste the google analytics tracking code and track the pageviews. No need to install a separate plugin.. </p>
107
+
108
+
109
+
110
+ </div>
111
+
112
+ </div>
113
+
114
+
115
+ <!-- Email Capture Feature End -->
116
+
117
+
118
+
119
+
120
+
121
+
122
+
123
+ <div class="row" style="margin-left:10px;background: #f7f7f7;padding-top: 70px;padding-bottom: 70px;">
124
+
125
+ <div class="span6" style="width:85%;margin-top: auto;">
126
+ <h3>Pricing</h3>
127
+ <p> The pro version is priced at <strong>very reasonable 29 USD</strong> and entitles you to receive <strong>support and updates for 1 year</strong>. <br><br>If you need updates and support after one year, then simply renew the license. If not, then you may keep using the plugin. <br>You may use the plugin on any number of websites you want</p>
128
+
129
+
130
+ <h3>How to Purchase.</h3>
131
+ <p>If you are interested then you can buy the plugin <a href = "http://webriti.com/easy-coming-soon-pro-detail-page/" target = "_blank">here.</a> </p>
132
+
133
+ <h3>I look Forward to Working with you</h3>
134
+ <p>Thousands of users have enjoyed using our. I hope you will also enjoy working with us </p>
135
+
136
+ </div>
137
+
138
+ </div>
139
+
140
+ <div class="row" style="margin-left:10px;background:white;padding-top: 70px;padding-bottom: 70px;">
141
+
142
+
143
+ <div class="span6" style="width:45%;margin-top: auto;"></div>
144
+ <div class="span6" style="width:45%;margin-top: auto;">
145
+
146
+
147
+ <h3>Cheers</h3>
148
+ <h3>Priyanshu</h3>
149
+ <h3>Co-Founder, Webriti Themes and Plugins</p></h3>
150
+ </div>
151
+ </div>
152
+
153
+ <div class="row" style="margin-left:10px;background:#fff;text-align:center">
154
+
155
+ </div>
156
+ <br>
157
+
158
+ <br>
159
+
160
+ <br>
161
+ <div style="text-align: center;">
162
+ <a class="btn btn-danger btn-large" href="http://webriti.com/easy-coming-soon-pro-detail-page/" target="_new">Upgrade To Pro Version</a>&nbsp;
163
+ <a class="btn btn-success btn-large" href="http://webriti.com/easy-coming-soon-pro-detail-page/" target="_new">View Live demo</a>
164
+ </div>
165
+ <br>
166
+
167
+ <!--<div id="button_section">
168
+ <input type="hidden" value="1" id="commingsoon_lite_settings_save_7" name="commingsoon_lite_settings_save_7" />
169
+ <input class="reset-button btn" type="button" name="reset" value="Restore Defaults" onclick="commingsoon_option_data_reset('7');">
170
+ <input class="button button-primary" type="button" value="Save Options" onclick="commingsoon_option_data_save('7')" >
171
+ </div>-->
172
+ </form>
173
+ </div>
174
+ <style>
175
+ .span6 h3{
176
+ font: 33px/29px "Helvetica Neue","Helvetica Neue",Helvetica,Arial,sans-serif;
177
+ color: #000;
178
+ -webkit-font-smoothing: antialiased;
179
+ }
180
+ .span6 p{
181
+ font-size: 17px;
182
+ font-family: "Source Sans Pro",sans-serif;
183
+ color: #707070;
184
+ line-height:1.8;
185
+ }
186
+
187
+ /* =Tooltips style
188
+ ========================================================================*/
189
+
190
+ .icon1 {
191
+ display: inline-block;
192
+ width: 13px;
193
+ height: 13px;
194
+ position: relative;
195
+ padding: 0 0px 0 0;
196
+ vertical-align: middle;
197
+
198
+ background: url(<?php echo plugins_url('images/icons1.png',__FILE__) ?>) no-repeat;
199
+ }
200
+
201
+ .tooltip1 {
202
+ display: none;
203
+ width: 200px;
204
+ position: absolute;
205
+ padding: 10px;
206
+ margin: 4px 0 0 4px;
207
+ top: 0;
208
+ left: 16px;
209
+ border: 1px solid #76B6D7;
210
+ border-radius: 0 8px 8px 8px;
211
+ background: #bedffe;
212
+ font-size: 13px;
213
+ box-shadow: 0 1px 2px -1px #21759B;
214
+ z-index: 999;
215
+ }
216
+
217
+ /* Icons Sprite Position */
218
+
219
+ .help {
220
+ background-position: 0 0;
221
+ }
222
+
223
+ .warning {
224
+ background-position: -20px 0;
225
+ }
226
+
227
+ .error {
228
+ background-position: -40px 0;
229
+ }
230
+
231
+ /* Tooltip Colors */
232
+
233
+ .help .tooltip1 {
234
+ border-color: #76B6D7;
235
+ background-color: #bedffe;
236
+ box-shadow-color: #21759B;
237
+ }
238
+
239
+ .warning .tooltip1 {
240
+ border-color: #cca863;
241
+ background-color: #ffff70;
242
+ box-shadow-color: #ac8c4e;
243
+ }
244
+
245
+ .error .tooltip1 {
246
+ border-color: #b50d0d;
247
+ background-color: #e44d4e;
248
+ box-shadow-color: #810606;
249
+ }
250
+
251
+ .icon1:hover .tooltip1 {
252
+ display: block;
253
+ box-shadow: 0 10px 20px -1px rgba(0,0,0,0.5);
254
+
255
+
256
+ }
257
+ </style>
theme_options/pages/design_page_settings.php ADDED
@@ -0,0 +1,183 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ $design_page_setting = array(
4
+
5
+ // design page settings
6
+ 'background_color'=>'#21759B',
7
+ 'title_color'=>'#ffffff',
8
+ 'descrip_color'=>'#ffffff',
9
+ 'title_font_size'=>'30',
10
+ 'title_font_format'=>'Arial Black, sans-serif',
11
+ 'description_font_size'=>'20',
12
+ 'description_font_format'=>'Verdana, Geneva, sans-serif',
13
+ 'background_effect'=>'0'
14
+
15
+ );
16
+
17
+ ?>
18
+ <div class="block ui-tabs-panel " id="option-ui-id-2" >
19
+ <?php $current_options = wp_parse_args( get_option( 'soon_page_desgin_settings', array() ),$design_page_setting );
20
+
21
+
22
+ if(isset($_POST['commingsoon_lite_settings_save_2']))
23
+ {
24
+
25
+ $current_options['background_color']=$_POST['background_color'];
26
+ $current_options['title_color']=$_POST['title_color'];
27
+ $current_options['title_font_size']=$_POST['title_font_size'];
28
+ $current_options['title_font_format']=$_POST['title_font_format'];
29
+ $current_options['description_font_size']=$_POST['description_font_size'];
30
+ $current_options['descrip_color']=$_POST['descrip_color'];
31
+ $current_options['description_font_format']=$_POST['description_font_format'];
32
+ $current_options['background_effect']=$_POST['background_effect'];
33
+
34
+ update_option('soon_page_desgin_settings',$current_options);
35
+ }
36
+
37
+
38
+ if(isset($_POST['commingsoon_lite_settings_reset_2']))
39
+ {
40
+ $current_options['background_color']='#21759B';
41
+ $current_options['title_color']='#ffffff';
42
+ $current_options['descrip_color']='#ffffff';
43
+ $current_options['title_font_size']='30';
44
+ $current_options['title_font_format']='Arial Black, sans-serif';
45
+ $current_options['description_font_size']='20';
46
+ $current_options['description_font_format']='Verdana, Geneva, sans-serif';
47
+ $current_options['background_effect']='0';
48
+
49
+ update_option('soon_page_desgin_settings',$current_options);
50
+ }
51
+ ?>
52
+ <style>
53
+ #more_faq,#remove_button{ text-decoration: none;}
54
+ </style>
55
+ <form method="post" action="#section_design">
56
+ <div id="heading">
57
+ <table style="width:100%;"><tr>
58
+ <td><h2><?php _e('Design Settings','commingsoon');?></h2></td>
59
+ <td style="width:30%;">
60
+ <div class="commingsoon_lite_settings_loding" id="commingsoon_loding_2_image"></div>
61
+ <div class="commingsoon_lite_settings_massage" id="commingsoon_lite_settings_save_2_success" ><?php _e('Options data successfully Saved','commingsoon');?></div>
62
+ <div class="commingsoon_lite_settings_massage" id="commingsoon_lite_settings_save_2_reset" ><?php _e('Options data successfully reset','commingsoon');?></div>
63
+ </td>
64
+ <td style="text-align:right;">
65
+ <input class="button" type="submit" name="commingsoon_lite_settings_reset_2" value="Restore Defaults">&nbsp;
66
+ <input class="button button-primary button-large" type="submit" name="commingsoon_lite_settings_save_2" value="Save Options">
67
+ </td>
68
+ </tr>
69
+ </table>
70
+ </div>
71
+
72
+ <div class="section">
73
+ <h3><?php _e('Background Color','commingsoon'); ?> </h3>
74
+ <input type="text" id="background_color" name="background_color" value="<?php if(!empty($current_options['background_color'])){ echo $current_options['background_color']; } ?>">
75
+ </div>
76
+
77
+ <div class="section">
78
+ <h3><?php _e('Headline font-color','commingsoon'); ?> </h3>
79
+ <input type="text" id="title_color" name="title_color" value="<?php if(!empty($current_options['title_color'])){ echo $current_options['title_color']; } ?>">
80
+ </div>
81
+
82
+ <div class="section">
83
+ <h3><?php _e('Headline font-size','commingsoon'); ?> </h3>
84
+ <select id="title_font_size" name="title_font_size">
85
+ <?php for( $i=10; $i<=100; $i++ ) { ?>
86
+ <option value="<?php echo $i; ?>" <?php if($i == $current_options['title_font_size']) { echo "selected"; } ?>><?php echo $i; ?></option>
87
+ <?php } ?>
88
+ </select>
89
+ <span>px</span>
90
+ </div>
91
+
92
+ <div class="section">
93
+ <h3><?php _e('Headline font-style','commingsoon'); ?> </h3>
94
+ <select name="title_font_format" id="title_font_format">
95
+ <optgroup label="Select Fonts">
96
+ <?php if(!empty($current_options['title_font_format'])) { ?>
97
+ <option value="<?php echo $current_options['title_font_format']; ?>" selected="selected"><?php echo $current_options['title_font_format']; ?></option>
98
+ <?php } ?>
99
+ <option value="roboto">roboto</option>
100
+ <option value="Arial, sans-serif">Arial</option>
101
+ <option value="Verdana, Geneva, sans-serif">Verdana</option>
102
+ <option value="Trebuchet MS, Tahoma, sans-serif">Trebuchet</option>
103
+ <option value="Georgia, serif">Georgia</option>
104
+ <option value="Times New Roman, serif">Times New Roman</option>
105
+ <option value="Tahoma, Geneva, Verdana, sans-serif">Tahoma</option>
106
+ <option value="Palatino, Palatino Linotype, serif">Palatino</option>
107
+ <option value="Helvetica Neue, Helvetica, sans-serif">Helvetica*</option>
108
+ <option value="Calibri, Candara, Segoe, Optima, sans-serif">Calibri*</option>
109
+ <option value="Myriad Pro, Myriad, sans-serif">Myriad Pro*</option>
110
+ <option value="Lucida Grande, Lucida Sans Unicode, Lucida Sans, sans-serif">Lucida</option>
111
+ <option value="Arial Black, sans-serif">Arial Black</option>
112
+ <option value="Gill Sans, Gill Sans MT, Calibri, sans-serif">Gill Sans*</option>
113
+ <option value="Geneva, Tahoma, Verdana, sans-serif">Geneva*</option>
114
+ <option value="Impact, Charcoal, sans-serif">Impact</option>
115
+ <option value="Courier, Courier New, monospace">Courier</option>
116
+ <option value="Abel">Abel</option>
117
+ </optgroup>
118
+ </select>
119
+ </div>
120
+
121
+ <div class="section">
122
+ <h3><?php _e('Description font-color','commingsoon'); ?> </h3>
123
+ <input type="text" id="descrip_color" name="descrip_color" value="<?php if(!empty($current_options['descrip_color'])){ echo $current_options['descrip_color']; } ?>">
124
+ </div>
125
+
126
+ <div class="section">
127
+ <h3><?php _e('Description font-size','commingsoon'); ?> </h3>
128
+ <select id="description_font_size" name="description_font_size">
129
+ <?php for( $i=10; $i<=100; $i++ ) { ?>
130
+ <option value="<?php echo $i; ?>" <?php if($i == $current_options['description_font_size']) { echo "selected"; } ?>><?php echo $i; ?></option>
131
+ <?php } ?>
132
+ </select>
133
+ <span>px</span>
134
+ </div>
135
+
136
+ <div class="section">
137
+ <h3><?php _e('Description font-style','commingsoon'); ?> </h3>
138
+ <select name="description_font_format" id="description_font_format">
139
+ <optgroup label="Select Fonts">
140
+ <?php if(!empty($current_options['description_font_format'])) { ?>
141
+ <option value="<?php echo $current_options['description_font_format']; ?>" selected="selected"><?php echo $current_options['description_font_format']; ?></option>
142
+ <?php } ?>
143
+ <option value="roboto">roboto</option>
144
+ <option value="Arial, sans-serif">Arial</option>
145
+ <option value="Verdana, Geneva, sans-serif">Verdana</option>
146
+ <option value="Trebuchet MS, Tahoma, sans-serif">Trebuchet</option>
147
+ <option value="Georgia, serif">Georgia</option>
148
+ <option value="Times New Roman, serif">Times New Roman</option>
149
+ <option value="Tahoma, Geneva, Verdana, sans-serif">Tahoma</option>
150
+ <option value="Palatino, Palatino Linotype, serif">Palatino</option>
151
+ <option value="Helvetica Neue, Helvetica, sans-serif">Helvetica*</option>
152
+ <option value="Calibri, Candara, Segoe, Optima, sans-serif">Calibri*</option>
153
+ <option value="Myriad Pro, Myriad, sans-serif">Myriad Pro*</option>
154
+ <option value="Lucida Grande, Lucida Sans Unicode, Lucida Sans, sans-serif">Lucida</option>
155
+ <option value="Arial Black, sans-serif">Arial Black</option>
156
+ <option value="Gill Sans, Gill Sans MT, Calibri, sans-serif">Gill Sans*</option>
157
+ <option value="Geneva, Tahoma, Verdana, sans-serif">Geneva*</option>
158
+ <option value="Impact, Charcoal, sans-serif">Impact</option>
159
+ <option value="Courier, Courier New, monospace">Courier</option>
160
+ <option value="Abel">Abel</option>
161
+ </optgroup>
162
+ </select>
163
+ </div>
164
+
165
+ <div class="section">
166
+ <div class="element">
167
+ <h3>Background Noise Effect</h3>
168
+ <input type="radio" name="background_effect" value="0" id="background_effect" <?php if($current_options['background_effect']=='0') echo 'checked' ?>/>&nbsp;None<br>
169
+ <input type="radio" name="background_effect" value="1" id="background_effect" <?php if($current_options['background_effect']=='1') echo 'checked' ?>/>&nbsp;Noise
170
+ </div>
171
+ </div>
172
+
173
+ <div id="button_section">
174
+ <input class="button button-primary button-large" type="submit" name="commingsoon_lite_settings_save_2" value="Save Options">&nbsp;
175
+ <input class="button" type="submit" name="commingsoon_lite_settings_reset_2" value="Restore Defaults">
176
+ </div>
177
+ </form>
178
+ </div>
179
+ <script>
180
+ jQuery(document).ready(function(){
181
+ jQuery('#background_color,#title_color,#descrip_color').wpColorPicker();
182
+ });
183
+ </script>
theme_options/pages/header_page_settings.php ADDED
@@ -0,0 +1,136 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ $general_default_settings = array(
4
+
5
+ // general page settings
6
+
7
+ 'status'=>'1',
8
+ 'background'=>'',
9
+ 'title'=>'',
10
+ 'descrip'=>'',
11
+ 'google_code'=>'',
12
+ 'fb'=>'',
13
+ 'twit'=>'',
14
+ 'gp'=>''
15
+
16
+ );
17
+ ?>
18
+ <div class="block ui-tabs-panel active" id="option-ui-id-1" >
19
+ <?php $current_options = wp_parse_args( get_option( 'soon_page_settings', array() ), $general_default_settings );
20
+
21
+ if(isset($_POST['commingsoon_lite_settings_save_1']))
22
+ {
23
+
24
+ $current_options['status']=$_POST['status'];
25
+ $current_options['background']=$_POST['background'];
26
+ $current_options['title']=$_POST['title'];
27
+ $current_options['descrip']=stripcslashes($_POST['descrip']);
28
+ $current_options['google_code']=stripslashes($_POST['google_code']);
29
+ $current_options['fb']=$_POST['fb'];
30
+ $current_options['twit']=$_POST['twit'];
31
+ $current_options['gp']=$_POST['gp'];
32
+
33
+
34
+ update_option('soon_page_settings',$current_options);
35
+ }
36
+
37
+ if(isset($_POST['commingsoon_lite_settings_reset_1']))
38
+ {
39
+ $current_options['status']='1';
40
+ $current_options['background']='';
41
+ $current_options['title']='';
42
+ $current_options['descrip']='';
43
+ $current_options['google_code']='';
44
+ $current_options['fb']='';
45
+ $current_options['twit']='';
46
+ $current_options['gp']='';
47
+
48
+ update_option('soon_page_settings',$current_options);
49
+ }
50
+ ?>
51
+ <form method="post" action="#section_general">
52
+ <div id="heading">
53
+ <table style="width:100%;"><tr>
54
+ <td><h2><?php _e('Quick Start Settings','commingsoon');?></h2></td>
55
+ <td style="width:30%;">
56
+ <div class="commingsoon_lite_settings_loding" id="commingsoon_loding_1_image"></div>
57
+ <div class="commingsoon_lite_settings_massage" id="commingsoon_lite_settings_save_1_success" ><?php _e('Options data successfully Saved','commingsoon');?></div>
58
+ <div class="commingsoon_lite_settings_massage" id="commingsoon_lite_settings_save_1_reset" ><?php _e('Options data successfully reset','commingsoon');?></div>
59
+ </td>
60
+ <td style="text-align:right;">
61
+ <input class="button" type="submit" name="commingsoon_lite_settings_reset_1" value="Restore Defaults" >&nbsp;
62
+ <input class="button button-primary button-large" type="submit" name="commingsoon_lite_settings_save_1" value="Save Options">
63
+ </td>
64
+ </tr>
65
+ </table>
66
+ </div>
67
+ <?php wp_nonce_field('commingsoon_lite_customization_nonce_gernalsetting','commingsoon_lite_gernalsetting_nonce_customization'); ?>
68
+
69
+ <div class="section">
70
+ <div class="element">
71
+ <h3>Select status</h3>
72
+ <input type="radio" name="status" value="0" id="status" <?php if($current_options['status']=='0') echo 'checked' ?>/>&nbsp;Disabled<br>
73
+ <input type="radio" name="status" value="1" id="status" <?php if($current_options['status']=='1') echo 'checked' ?>/>&nbsp;Coming soon enabled
74
+ </div>
75
+ </div>
76
+
77
+ <div class="section">
78
+ <div class="element">
79
+ <h3>Enter background image</h3>
80
+ <input type="text" value="<?php if(!empty($current_options['background'])){ echo $current_options['background']; } ?>" id="background" name="background" size="36">
81
+ <input type="button" value="Upload Background Image" class="button-primary upload-primary" style="margin-left:10px;height:30px">
82
+ </div>
83
+ <br/>
84
+ <?php if(!empty($current_options['background'])) { ?>
85
+ <div><img style="display: inline; width:200px; border:1px solid #3894BD;" src="<?php echo $current_options['background']; ?>"></div>
86
+ <?php } ?>
87
+ </div>
88
+
89
+ <div class="section">
90
+ <div class="element">
91
+ <h3>Enter the title</h3>
92
+ <input type="text" id="title" name="title" value="<?php if(!empty($current_options['title'])){ echo $current_options['title']; } ?>"/>
93
+ </div>
94
+ </div>
95
+
96
+ <div class="section">
97
+ <div class="element">
98
+ <h3>Enter description</h3>
99
+ <textarea id="descrip" name="descrip" rows="5"><?php if(!empty($current_options['descrip'])){ echo $current_options['descrip']; } ?></textarea>
100
+ </div>
101
+ </div>
102
+
103
+ <div class="section">
104
+ <div class="element">
105
+ <h3>Google Analytics Code</h3>
106
+ <textarea id="google_code" name="google_code" rows="5"><?php if(!empty($current_options['google_code'])){ echo $current_options['google_code']; } ?></textarea>
107
+ </div>
108
+ </div>
109
+
110
+ <div class="section">
111
+ <div class="element">
112
+ <h3>Enter facebook URL</h3>
113
+ <input type="text" id="fb" name="fb" placeholder="Enter facebook url" value="<?php if(!empty($current_options['fb'])){ echo $current_options['fb']; } ?>"/>
114
+ </div>
115
+ </div>
116
+
117
+ <div class="section">
118
+ <div class="element">
119
+ <h3>Enter twitter URL</h3>
120
+ <input type="text" id="twit" name="twit" placeholder="Enter twitter url" value="<?php if(!empty($current_options['twit'])){ echo $current_options['twit']; } ?>"/>
121
+ </div>
122
+ </div>
123
+
124
+ <div class="section">
125
+ <div class="element">
126
+ <h3>Enter google-plus URL</h3>
127
+ <input type="text" id="gp" name="gp" placeholder="Enter google-plus url" value="<?php if(!empty($current_options['gp'])){ echo $current_options['gp']; } ?>"/>
128
+ </div>
129
+ </div>
130
+
131
+ <div id="button_section">
132
+ <input class="button button-primary" type="submit" name="commingsoon_lite_settings_save_1"value="Save Options">&nbsp;
133
+ <input class="button" type="submit" name="commingsoon_lite_settings_reset_1" value="Restore Defaults">
134
+ </div>
135
+ </form>
136
+ </div>
{images → theme_options/pages/images}/Home-icon.png RENAMED
File without changes
{images → theme_options/pages/images}/Untitled.png RENAMED
File without changes
{images → theme_options/pages/images}/Untitled1.png RENAMED
File without changes
{images → theme_options/pages/images}/Untitled2.png RENAMED
File without changes
{images → theme_options/pages/images}/arrow-dark.png RENAMED
File without changes
theme_options/pages/images/arrow1.png ADDED
Binary file
{images → theme_options/pages/images}/black_px.png RENAMED
File without changes
{images → theme_options/pages/images}/btn.png RENAMED
File without changes
theme_options/pages/images/cross.png ADDED
Binary file
theme_options/pages/images/design.png ADDED
Binary file
{images → theme_options/pages/images}/empty.gif RENAMED
File without changes
{images → theme_options/pages/images}/facebook.png RENAMED
File without changes
theme_options/pages/images/general.png ADDED
Binary file
{images → theme_options/pages/images}/googleplus.png RENAMED
File without changes
{images → theme_options/pages/images}/header.png RENAMED
File without changes
{images → theme_options/pages/images}/headertile.jpg RENAMED
File without changes
{images → theme_options/pages/images}/help.png RENAMED
File without changes
theme_options/pages/images/icon_add.png ADDED
Binary file
{images → theme_options/pages/images}/icon_arrow.png RENAMED
File without changes
theme_options/pages/images/icon_check.png ADDED
Binary file
{images → theme_options/pages/images}/icon_classic.png RENAMED
File without changes
{images → theme_options/pages/images}/icon_dark.png RENAMED
File without changes
{images → theme_options/pages/images}/icon_delete.png RENAMED
File without changes
{images → theme_options/pages/images}/icon_edit.png RENAMED
File without changes
{images → theme_options/pages/images}/icon_error.png RENAMED
File without changes
theme_options/pages/images/icon_header.png ADDED
Binary file
theme_options/pages/images/icon_on.png ADDED
Binary file
{images → theme_options/pages/images}/icon_option.png RENAMED
File without changes
{images → theme_options/pages/images}/icon_option_classic.png RENAMED
File without changes
{images → theme_options/pages/images}/icon_up.png RENAMED
File without changes
{images → theme_options/pages/images}/icon_up_down.png RENAMED
File without changes
{images → theme_options/pages/images}/icons.png RENAMED
File without changes
{images → theme_options/pages/images}/icons1.png RENAMED
File without changes
{images → theme_options/pages/images}/img/browsericons.png RENAMED
File without changes
{images → theme_options/pages/images}/img/design2.png RENAMED
File without changes
{images → theme_options/pages/images}/img/landing page.png RENAMED
File without changes
{images → theme_options/pages/images}/img/language.png RENAMED
File without changes
{images → theme_options/pages/images}/img/laptop1.png RENAMED
File without changes
{images → theme_options/pages/images}/img/mailchimp snap.png RENAMED
File without changes
{images → theme_options/pages/images}/img/multiple-mode.png RENAMED
File without changes
{images → theme_options/pages/images}/img/responsive.png RENAMED
File without changes
{images → theme_options/pages/images}/img/social.jpg RENAMED
File without changes
{images → theme_options/pages/images}/img/subscriber.png RENAMED
File without changes
{images → theme_options/pages/images}/img/users_lock.png RENAMED
File without changes
theme_options/pages/images/loading.gif ADDED
Binary file
{images → theme_options/pages/images}/loading2.gif RENAMED
File without changes
{images → theme_options/pages/images}/logo_classic.png RENAMED
File without changes
{images → theme_options/pages/images}/logo_dark.png RENAMED
File without changes
{images → theme_options/pages/images}/marker.png RENAMED
File without changes
{images → theme_options/pages/images}/menu-shadow.png RENAMED
File without changes
{images → theme_options/pages/images}/message.png RENAMED
File without changes
{images → theme_options/pages/images}/overlay-1.png RENAMED
File without changes
{images → theme_options/pages/images}/plugin-naked.png RENAMED
File without changes
{images → theme_options/pages/images}/plugin-naked1.png RENAMED
File without changes
{images → theme_options/pages/images}/png.png RENAMED
File without changes
{images → theme_options/pages/images}/pre_bg.gif RENAMED
File without changes
{images → theme_options/pages/images}/pre_classic_bg.gif RENAMED
File without changes
{images → theme_options/pages/images}/screenshot-28.png RENAMED
File without changes
{images → theme_options/pages/images}/screenshot-31.png RENAMED
File without changes
{images → theme_options/pages/images}/screenshot-4.png RENAMED
File without changes
{images → theme_options/pages/images}/select.png RENAMED
File without changes
{images → theme_options/pages/images}/star.png RENAMED
File without changes
{images → theme_options/pages/images}/support.png RENAMED
File without changes
{images → theme_options/pages/images}/tabs_bg.png RENAMED
File without changes
{images → theme_options/pages/images}/template.png RENAMED
File without changes
{images → theme_options/pages/images}/template3-new.png RENAMED
File without changes
{images → theme_options/pages/images}/template4.png RENAMED
File without changes
{images → theme_options/pages/images}/title_back.png RENAMED
File without changes
{images → theme_options/pages/images}/toggle_tabs.png RENAMED
File without changes
{images → theme_options/pages/images}/twitter.png RENAMED
File without changes
{images → theme_options/pages/images}/under_construction-1.png RENAMED
File without changes
{images → theme_options/pages/images}/wheel.png RENAMED
File without changes
{images → theme_options/pages/images}/white_px.png RENAMED
File without changes
theme_options/pages/live_preview_settings.php ADDED
@@ -0,0 +1,30 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <div class="block ui-tabs-panel active" id="option-ui-id-5" >
2
+ <form method="post" id="commingsoon_lite_theme_options_5">
3
+ <div id="heading">
4
+ <table style="width:100%;"><tr>
5
+ <td><h2><?php _e('Live Preview Page','commingsoon');?></h2></td>
6
+ <td style="width:30%;">
7
+ <div class="commingsoon_lite_settings_loding" id="commingsoon_loding_5_image"></div>
8
+ <div class="commingsoon_lite_settings_massage" id="commingsoon_lite_settings_save_5_success" ><?php _e('Options data successfully Saved','commingsoon');?></div>
9
+ <div class="commingsoon_lite_settings_massage" id="commingsoon_lite_settings_save_5_reset" ><?php _e('Options data successfully reset','commingsoon');?></div>
10
+ </td>
11
+ <td style="text-align:right;">
12
+ <!--<input class="reset-button btn" type="button" name="reset" value="Restore Defaults" onclick="commingsoon_option_data_reset('1');">
13
+ <input class="button button-primary button-large" type="button" value="Save Options" onclick="commingsoon_option_data_save('1')" >-->
14
+ </td>
15
+ </tr>
16
+ </table>
17
+ </div>
18
+
19
+ <div class="section">
20
+ <p><a href="<?php echo bloginfo("url"); ?>?my_preview=true&TB_iframe=true&width=500&height=532">Click here</a> for live preview template</p>
21
+ </div>
22
+
23
+
24
+ <!--<div id="button_section">
25
+ <input type="hidden" value="1" id="commingsoon_lite_settings_save_5" name="commingsoon_lite_settings_save_5" />
26
+ <input class="reset-button btn" type="button" name="reset" value="Restore Defaults" onclick="commingsoon_option_data_reset('5');">
27
+ <input class="button button-primary" type="button" value="Save Options" onclick="commingsoon_option_data_save('5')" >
28
+ </div>-->
29
+ </form>
30
+ </div>
theme_options/pages/notification_page_setting.php ADDED
@@ -0,0 +1,157 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ $notification_default_settings = array(
4
+
5
+ // notification page settings
6
+
7
+ 'mailto'=>'no',
8
+ 'email_address'=>'',
9
+ 'message'=>'Thanks for subscribing this page',
10
+ 'sb_btn'=>'',
11
+ 'placeholder_text'=>''
12
+
13
+ );
14
+ ?>
15
+ <div class="block ui-tabs-panel active" id="option-ui-id-3" >
16
+ <?php $current_options = wp_parse_args( get_option( 'soon_page_notification_settings', array() ), $notification_default_settings );
17
+
18
+ if(isset($_POST['commingsoon_lite_settings_save_3']))
19
+ {
20
+
21
+
22
+ $current_options['mailto']=$_POST['mailto'];
23
+ $current_options['email_address']=$_POST['email_address'];
24
+ $current_options['message']=$_POST['message'];
25
+ $current_options['sb_btn']=$_POST['sb_btn'];
26
+ $current_options['placeholder_text']=$_POST['placeholder_text'];
27
+
28
+ update_option('soon_page_notification_settings',$current_options);
29
+
30
+ }
31
+
32
+ if(isset($_POST['commingsoon_lite_settings_reset_3']))
33
+ {
34
+ $current_options['mailto']='no';
35
+ $current_options['email_address']='';
36
+ $current_options['message']='Thanks for subscribing this page';
37
+ $current_options['sb_btn']='';
38
+ $current_options['placeholder_text']='';
39
+
40
+ update_option('soon_page_notification_settings',$current_options);
41
+ }
42
+ ?>
43
+ <form method="post" action="#section_notification">
44
+ <div id="heading">
45
+ <table style="width:100%;"><tr>
46
+ <td><h2><?php _e('Mailing Option settings','commingsoon');?></h2></td>
47
+ <td style="width:30%;">
48
+ <div class="commingsoon_lite_settings_loding" id="commingsoon_loding_3_image"></div>
49
+ <div class="commingsoon_lite_settings_massage" id="commingsoon_lite_settings_save_3_success" ><?php _e('Options data successfully Saved','commingsoon');?></div>
50
+ <div class="commingsoon_lite_settings_massage" id="commingsoon_lite_settings_save_3_reset" ><?php _e('Options data successfully reset','commingsoon');?></div>
51
+ </td>
52
+ <td style="text-align:right;">
53
+ <input class="button" type="submit" name="commingsoon_lite_settings_reset_3" value="Restore Defaults">&nbsp;
54
+ <input class="button button-primary button-large" type="submit" name="commingsoon_lite_settings_save_3" value="Save Options">
55
+ </td>
56
+ </tr>
57
+ </table>
58
+ </div>
59
+ <?php wp_nonce_field('commingsoon_lite_customization_nonce_gernalsetting','commingsoon_lite_gernalsetting_nonce_customization'); ?>
60
+
61
+ <div class="section">
62
+ <div class="element">
63
+ <h3>Mail option</h3>
64
+ <select name="mailto" id="mailto" onchange="mail_field_display()">
65
+ <option onclick="hideAll()" value="no" <?php if($current_options['mailto'] == 'no'){ echo "selected"; } ?>>Do not display signup field</option>
66
+ <option onclick="show_mail_field()" value="yes" <?php if($current_options['mailto'] == 'yes'){ echo "selected"; } ?>>Mail to the Owner</option>
67
+ </select>
68
+ </div>
69
+ </div>
70
+
71
+ <div class="section email_address_section">
72
+ <div class="element">
73
+ <h3>Owner Email Address</h3>
74
+ <input onchange="return email_check();" type="text" id="email_address" name="email_address" placeholder="example@gmail.com" value="<?php if(!empty($current_options['email_address'])){ echo $current_options['email_address']; } ?>">
75
+ </div>
76
+ </div>
77
+
78
+ <div class="section message_section">
79
+ <div class="element">
80
+ <h3>Display Message after user subscribing</h3>
81
+ <input type="text" id="message" name="message" placeholder="Thanks you for subscribing" value="<?php if(!empty($current_options['message'])){ echo $current_options['message']; } ?>">
82
+ </div>
83
+ </div>
84
+
85
+ <div class="section sb_btn_section">
86
+ <div class="element">
87
+ <h3>Subscribe Button</h3>
88
+ <input type="text" id="sb_btn" name="sb_btn" placeholder="Notify Me!" value="<?php if(!empty($current_options['sb_btn'])){ echo $current_options['sb_btn']; } ?>">
89
+ </div>
90
+ </div>
91
+
92
+ <div class="section placeholder_text_section">
93
+ <div class="element">
94
+ <h3>Email Textbox Placeholder</h3>
95
+ <input type="text" id="placeholder_text" name="placeholder_text" placeholder="Enter your email to notify" value="<?php if(!empty($current_options['placeholder_text'])){ echo $current_options['placeholder_text']; } ?>">
96
+ </div>
97
+ </div>
98
+
99
+
100
+ <div id="button_section">
101
+ <input class="button button-primary button-large" type="submit" name="commingsoon_lite_settings_save_3" value="Save Options">&nbsp;
102
+ <input class="button" type="submit" name="commingsoon_lite_settings_reset_3" value="Restore Defaults">
103
+ </div>
104
+ </form>
105
+ </div>
106
+ <script>
107
+
108
+ <?php if($current_options['mailto'] == 'no'){ echo "hideAll();"; } ?>
109
+
110
+ function mail_field_display()
111
+ {
112
+ var mailfield = jQuery("#mailto").val();
113
+ //alert(mailfield)
114
+ if(mailfield=="no"){ hideAll(); }
115
+ if(mailfield=="yes"){ show_mail_field(); }
116
+
117
+ }
118
+
119
+ function hideAll()
120
+ {
121
+ jQuery('.placeholder_text_section').hide();
122
+ jQuery('.sb_btn_section').hide();
123
+ jQuery('.message_section').hide();
124
+ jQuery('.email_address_section').hide();
125
+
126
+ }
127
+
128
+ function show_mail_field()
129
+ {
130
+ jQuery('.placeholder_text_section').show();
131
+ jQuery('.sb_btn_section').show();
132
+ jQuery('.message_section').show();
133
+ jQuery('.email_address_section').show();
134
+
135
+ }
136
+
137
+ function email_check()
138
+ {
139
+
140
+ var email_address = jQuery('#email_address').val();
141
+
142
+ var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
143
+
144
+ if(email_address == '')
145
+ {
146
+ alert("Please enter your email");
147
+ return false;
148
+ }
149
+
150
+ if(!regex.test(email_address))
151
+ {
152
+ alert("Please Enter a valid Email Address");
153
+ return false;
154
+ }
155
+ }
156
+
157
+ </script>
pro.php → theme_options/pages/pro_features_settings.php RENAMED
@@ -1,606 +1,614 @@
1
- <style>
2
- .span6 h3{
3
- font: 33px/29px "Helvetica Neue","Helvetica Neue",Helvetica,Arial,sans-serif;
4
- color: #000;
5
- -webkit-font-smoothing: antialiased;
6
- }
7
- .span6 p{
8
- font-size: 20px;
9
- font-family: "Source Sans Pro",sans-serif;
10
- color: #707070;
11
- line-height:1.8;
12
- }
13
-
14
- /* =Tooltips style
15
- ========================================================================*/
16
-
17
- .icon1 {
18
- display: inline-block;
19
- width: 13px;
20
- height: 13px;
21
- position: relative;
22
- padding: 0 0px 0 0;
23
- vertical-align: middle;
24
-
25
- background: url(<?php echo plugins_url('images/icons1.png',__FILE__) ?>) no-repeat;
26
- }
27
-
28
- .tooltip1 {
29
- display: none;
30
- width: 200px;
31
- position: absolute;
32
- padding: 10px;
33
- margin: 4px 0 0 4px;
34
- top: 0;
35
- left: 16px;
36
- border: 1px solid #76B6D7;
37
- border-radius: 0 8px 8px 8px;
38
- background: #bedffe;
39
- font-size: 13px;
40
- box-shadow: 0 1px 2px -1px #21759B;
41
- z-index: 999;
42
- }
43
-
44
- /* Icons Sprite Position */
45
-
46
- .help {
47
- background-position: 0 0;
48
- }
49
-
50
- .warning {
51
- background-position: -20px 0;
52
- }
53
-
54
- .error {
55
- background-position: -40px 0;
56
- }
57
-
58
- /* Tooltip Colors */
59
-
60
- .help .tooltip1 {
61
- border-color: #76B6D7;
62
- background-color: #bedffe;
63
- box-shadow-color: #21759B;
64
- }
65
-
66
- .warning .tooltip1 {
67
- border-color: #cca863;
68
- background-color: #ffff70;
69
- box-shadow-color: #ac8c4e;
70
- }
71
-
72
- .error .tooltip1 {
73
- border-color: #b50d0d;
74
- background-color: #e44d4e;
75
- box-shadow-color: #810606;
76
- }
77
-
78
- .icon1:hover .tooltip1 {
79
- display: block;
80
- box-shadow: 0 10px 20px -1px rgba(0,0,0,0.5);
81
-
82
-
83
- }
84
- </style>
85
- <div class="block ui-tabs-panel ui-widget-content ui-corner-bottom" id="coming_soon_pro" aria-labelledby="ui-id-1" style="display: none;" >
86
- <div class="row" style="margin-left:10px;background:#fff;text-align:center">
87
-
88
- <div class="span12" style="width:90%;margin-top: auto;text-align:center">
89
- <h3 style="font-size: 45px;
90
- font-style: normal;
91
- font-weight: 900;
92
- line-height:1.1;
93
- color: #000;
94
- letter-spacing: -1px;
95
- text-align: center;
96
- ">Coming Soon Pro Features</h3>
97
- <p style="font-size: 22px;
98
- font-style: normal;
99
- font-weight: 300;
100
- color: #707070;
101
- text-align: center;">The premium version allows you to capture Visitor Email address, integrates with various AutoResponders , Comes with 2 different Template and provide loads of Design Customization Options. <br><br>
102
- <a class="btn btn-danger btn-large" href="http://webriti.com/easy-coming-soon-pro-detail-page/" target="_new">Upgrade To Pro Version</a>
103
- <a class="btn btn-success btn-large" href="http://webriti.com/easy-coming-soon-pro-detail-page/" target="_new">View Live demo</a>
104
- </p>
105
- </div>
106
-
107
-
108
-
109
-
110
- </div>
111
-
112
- <!-- Email Capture Feature Start -->
113
-
114
-
115
- <div class="row" style="margin-left:10px;background:#ededed;padding-top:70px;padding-bottom:70px;">
116
-
117
-
118
- <div class="span6" style="width:45%">
119
- <img src="<?php echo plugins_url('/images/img/subscriber.png',__FILE__);?>" alt="" style="width:100%">
120
- </div>
121
- <div class="span6" style="width:45%;margin-top: auto;margin-left:5%; font-size:15px;">
122
- <h3>Email Capture Field</h3>
123
- <p>Collect email address of your visitors with an email Capture Field. The Captured Email address are stored in your Wordpress website.</p>
124
- </div>
125
-
126
-
127
-
128
-
129
- </div>
130
-
131
-
132
- <!-- Email Capture Feature End -->
133
-
134
-
135
-
136
-
137
-
138
-
139
-
140
- <div class="row" style="margin-left:10px;background: #f7f7f7;padding-top: 70px;padding-bottom: 70px;">
141
-
142
- <div class="span6" style="width:45%;margin-top: auto;">
143
- <h3>Newsletter Integration</h3>
144
- <p>Premium version integrates with popular newsletter services like <ul style="list-style-type: disc;margin-left:5%;font-size:15px"><li> Mailchimp</li><li>Aweber</li><li>Madmimi</li><li>Constant Contact</li><li>Campaign Monitor</li><li>FeedBurner</li></ul></p>
145
- </div>
146
-
147
- <div class="span6" style="width:45%">
148
- <img src="<?php echo plugins_url('/images/img/mailchimp snap.png',__FILE__);?>" alt="" style="width:100%">
149
- </div>
150
-
151
-
152
- </div>
153
-
154
-
155
-
156
- <div class="row" style="margin-left:10px;background: #ededed;padding-top: 70px;padding-bottom: 70px;">
157
-
158
- <div class="span6" style="width:45%">
159
- <img src="<?php echo plugins_url('/images/img/responsive.png',__FILE__);?>" alt="" style="width:100%">
160
- </div>
161
-
162
- <div class="span6" style="width:45%;margin-top: auto;">
163
- <h3>Responsive Design</h3>
164
- <p>Create a Responsive Landing Page Mode. Easy coming soon support Bootstrap Based landing page which display perfectly on mobile and tablet device.</p>
165
- </div>
166
-
167
-
168
- </div>
169
-
170
-
171
-
172
-
173
- <div class="row" style="margin-left:10px;background:#f7f7f7;padding-top:70px;padding-bottom:70px;">
174
-
175
-
176
-
177
- <div class="span6" style="width:45%;margin-top: auto;margin-left:5%">
178
- <h3>4 additional Design Templates</h3>
179
- <p>The premium version comes with 4 extra templates. All the templates are completely customizable.</p>
180
- </div>
181
- <div class="span6" style="width:45%">
182
- <img src="<?php echo plugins_url('/images/img/laptop1.png',__FILE__);?>" alt="" style="width:100%">
183
- </div>
184
-
185
-
186
-
187
-
188
- </div>
189
-
190
- <div class="row" style="margin-left:10px;background:#ededed;padding-top:70px;padding-bottom:70px;">
191
-
192
- <div class="span6" style="width:45%">
193
- <img src="<?php echo plugins_url('/images/img/design2.png',__FILE__);?>" alt="" style="width:100%">
194
- </div>
195
-
196
- <div class="span6" style="width:45%;margin-top: auto;margin-left:5%">
197
- <h3>Powerful Design Settings</h3>
198
- <p>Make your maintenance page look Sexy!!! The premium version comes with loads of design settings like : <ul style="list-style-type: disc;margin-left:5%;font-size:15px"><li>Video Back-Grounds</li><li>Background Slideshow</li><li>Google Font integration</li><li>Text color Customization</li><li>Custom Css</li></ul></p>
199
- </div>
200
-
201
-
202
-
203
-
204
- </div>
205
-
206
- <div class="row" style="margin-left:10px;background: #f7f7f7;padding-top: 70px;padding-bottom: 70px;">
207
-
208
- <div class="span6" style="width:45%;margin-top: auto;">
209
- <h3>Landing Page Mode</h3>
210
- <p>Design and Publish a Landing Page on your Wordpress Website. The premium version enables you add a landing page to your existing wordpress website. </p>
211
- </div>
212
-
213
- <div class="span6" style="width:45%">
214
- <img src="<?php echo plugins_url('/images/img/multiple-mode.png',__FILE__);?>" alt="" style="width:100%">
215
- </div>
216
-
217
-
218
- </div>
219
-
220
-
221
- <div class="row" style="margin-left:10px;background:#ededed;padding-top:70px;padding-bottom:70px;">
222
-
223
-
224
- <div class="span6" style="width:45%">
225
- <img src="<?php echo plugins_url('/images/img/users_lock.png',__FILE__);?>" alt="" style="width:70%;margin-left:5%">
226
- </div>
227
- <div class="span6" style="width:45%;margin-top:auto;margin-left:5%">
228
- <h3>Access Controls</h3>
229
- <p>Powerful Access Control feature lets you decide which users can view the Live Website. Whitelist IP address and User Roles. Assign Coming Soon Page to a particualr Wordpress Page.</p>
230
- </div>
231
-
232
-
233
-
234
-
235
- </div>
236
-
237
-
238
-
239
-
240
-
241
- <div class="row" style="margin-left:10px;background:#f7f7f7;padding-top:70px;padding-bottom:70px;">
242
-
243
-
244
-
245
- <div class="span6" style="width:45%;margin-top: auto;margin-left:5%">
246
- <h3>Social Media Icons Support</h3>
247
- <p>Quickly add links to your social profiles. The plugin supports adding links to Facebook, Twitter, Google+, Pinterest, Youtube, Tumblr, Viemo etc..</p>
248
- </div>
249
- <div class="span6" style="width:45%">
250
- <img src="<?php echo plugins_url('/images/img/social.jpg',__FILE__);?>" alt="" style="width:100%">
251
- </div>
252
-
253
-
254
-
255
- </div>
256
- <div class="row" style="margin-left:10px;background:#ededed;padding-top:70px;padding-bottom:70px;">
257
-
258
- <div class="span6" style="width:45%">
259
- <img src="<?php echo plugins_url('/images/img/browsericons.png',__FILE__);?>" alt="" style="width:100%">
260
- </div>
261
- <div class="span6" style="width:45%;margin-top: auto;margin-left:5%">
262
- <h3>All Browser Support</h3>
263
- <p>Plugin Tested with all popular browsers like <ul style="list-style-type: disc;margin-left:5%;font-size:15px"><li> IE 9 +</li><li> Google Chrome</li><li> Mozilla Firefox </li><li> Apple Safari</li></ul></p>
264
- </div>
265
-
266
-
267
-
268
-
269
- </div>
270
-
271
-
272
-
273
- <div class="row" style="margin-left:10px;background: #f7f7f7;padding-top: 70px;padding-bottom: 70px;">
274
-
275
-
276
-
277
- <div class="span6" style="width:45%;margin-top: auto;">
278
- <h3>Translation Ready</h3>
279
- <p>Quickly translate the plugin in the language of your choice.</p>
280
- </div>
281
-
282
- <div class="span6" style="width:45%">
283
- <img src="<?php echo plugins_url('/images/img/language.png',__FILE__);?>" alt="" style="width:100%">
284
- </div>
285
-
286
-
287
-
288
- </div>
289
-
290
- <div class="row" style="margin-left:10px;background:#fff;text-align:center">
291
-
292
- <div class="span12" style="width:90%;margin-top: auto;text-align:center">
293
- <h3 style="font-size: 45px;
294
- font-style: normal;
295
- font-weight: 900;
296
- line-height:1.1;
297
- color: #000;
298
- letter-spacing: -1px;
299
- text-align: center;
300
- ">Upgarde to Coming Soon Pro Here</h3>
301
- <p style="font-size: 22px;
302
- font-style: normal;
303
- font-weight: 300;
304
- color: #707070;
305
- text-align: center;">
306
- <a class="btn btn-danger btn-large" href="http://webriti.com/easy-coming-soon-pro-detail-page/" target="_new">Upgrade To Pro Version</a>&nbsp;
307
- <a class="btn btn-success btn-large" href="http://webriti.com/easy-coming-soon-pro-detail-page/" target="_new">View Live demo</a>
308
- </p>
309
- </div>
310
-
311
-
312
-
313
-
314
- </div>
315
- <br>
316
- <h3 style="font-size: 35px;
317
- font-style: normal;
318
- font-weight: 400;
319
- line-height:1.1;
320
- color: #000;
321
- letter-spacing: -1px;
322
- text-align: center;
323
- ">Comparison Table of Free And Pro Version</h3>
324
- <br>
325
- <table class="table table-hover table-bordered" style="font-size:15px;margin-bottom:0px;" >
326
- <thead class="alert alert-info">
327
- <tr>
328
- <th></th>
329
- <th style="text-align: center; font-size: 16px;">Features</th>
330
- <th style="text-align: center; font-size: 16px;">Free</th>
331
- <th style="text-align: center; font-size: 16px;">Premium</th>
332
- </tr>
333
- </thead>
334
- <tbody>
335
-
336
-
337
- <tr style="height:6px;">
338
- <td><span class="icon1 help" style="float:right">
339
- <span class="tooltip1"><?php _e('Plugin is work with any wordpress theme easily.');?></span></span></td>
340
- <td><p style="font-size:16px"><strong>Works With Any Wordpress Theme</strong></p></td>
341
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
342
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
343
- </tr>
344
-
345
- <tr>
346
- <td><span class="icon1 help" style="float:right">
347
- <span class="tooltip1"><?php _e('Plugin template is compatible with all devices. It have completely resposive feature.');?></span></span></td>
348
- <td><p style="font-size:16px"><b>Responsive Design</b></p></td>
349
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
350
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
351
- </tr>
352
-
353
- <tr>
354
- <td><span class="icon1 help" style="float:right">
355
- <span class="tooltip1"><?php _e('Defalut template is availale in both pro and free .');?></span></span></td>
356
- <td><p style="font-size:16px"><b>Free Coming Soon Page Template</b></p></td>
357
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
358
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
359
- </tr>
360
- <tr>
361
- <td><span class="icon1 help" style="float:right">
362
- <span class="tooltip1"><?php _e('Easily customizable admin panel and very user friendly.');?></span></span></td>
363
- <td><p style="font-size:16px"><b> User-friendly Setup</b> </p></td>
364
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
365
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
366
- </tr>
367
-
368
- <tr>
369
- <td><span class="icon1 help" style="float:right">
370
- <span class="tooltip1"><?php _e('Default fonts are availabel in both.');?></span></span></td>
371
- <td><p style="font-size:16px"><b>Default fonts</b> </p></td>
372
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
373
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
374
- </tr>
375
-
376
-
377
- <tr>
378
- <td><span class="icon1 help" style="float:right">
379
- <span class="tooltip1"><?php _e('Buddy Press Supportive.','sis_spa');?></span></span></td>
380
- <td><p style="font-size:16px"><b>BuddyPress Support</b></p></td>
381
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
382
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
383
- </tr>
384
-
385
-
386
- <tr>
387
- <td><span class="icon1 help" style="float:right">
388
- <span class="tooltip1"><?php _e('Visible only non loggeed user, if you are not login then you are not able to view regular site.');?></span></span></td>
389
- <td><p style="font-size:16px"><b>Visible only non logged user</b></p></td>
390
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
391
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
392
- </tr>
393
-
394
-
395
- <tr>
396
- <td><span class="icon1 help" style="float:right">
397
- <span class="tooltip1"><?php _e('Easily collect user notify mail.');?></span></span></td>
398
- <td><p style="font-size:16px"><b>Easily collect visitor emails</b> </p></td>
399
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
400
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
401
- </tr>
402
-
403
-
404
-
405
-
406
-
407
- <tr>
408
- <td><span class="icon1 help" style="float:right">
409
- <span class="tooltip1"><?php _e('Google Analytics supportive.');?></span></span></td>
410
- <td><p style="font-size:16px"><b>Google Analytics Support</b></p></td>
411
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
412
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
413
- </tr>
414
-
415
- <tr>
416
- <td><span class="icon1 help" style="float:right">
417
- <span class="tooltip1"><?php _e('Get social support.','sis_spa');?></span></span></td>
418
- <td><p style="font-size:16px"><b>Social Follow Icons</b></p></td>
419
- <td style="text-align: center;"><p>Facebook, Twitter, Google+</p></td>
420
- <td style="text-align: center;">Twitter, Facebook, Linkedin, Google+, Youtube, Email, Pinterest, Yahoo etc.</td>
421
- </tr>
422
-
423
- <tr>
424
- <td><span class="icon1 help" style="float:right">
425
- <span class="tooltip1"><?php _e('Google fonts api are integreted with coming soon.');?></span></span></td>
426
- <td><p style="font-size:16px"><b>Google Fonts Support</b></p></td>
427
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
428
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
429
- </tr>
430
-
431
- <tr>
432
- <td><span class="icon1 help" style="float:right">
433
- <span class="tooltip1"><?php _e('Get our fast and friendly support.');?></span></span></td>
434
- <td><p style="font-size:16px"><b>Multisite Support</b></p></td>
435
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
436
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
437
- </tr>
438
-
439
-
440
- <tr>
441
- <td><span class="icon1 help" style="float:right">
442
- <span class="tooltip1"><?php _e('laguage Translation is available in premium.');?></span></span></td>
443
- <td><p style="font-size:16px"><b>Language Translation Support</b></p></td>
444
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
445
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
446
- </tr>
447
-
448
- <tr>
449
- <td><span class="icon1 help" style="float:right">
450
- <span class="tooltip1"><?php _e('limit access with clients who want to view regular sites.');?></span></span></td>
451
- <td><p style="font-size:16px"><b>Limit Access with Client View</b></p></td>
452
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
453
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
454
- </tr>
455
-
456
- <tr>
457
- <td><span class="icon1 help" style="float:right">
458
- <span class="tooltip1"><?php _e('Multiple page template is available for coming soon page.');?></span></span></td>
459
- <td><p style="font-size:16px"><b>Multiple Page Templates</b></p></td>
460
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
461
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
462
- </tr>
463
-
464
- <tr>
465
- <td><span class="icon1 help" style="float:right">
466
- <span class="tooltip1"><?php _e('Add user whitelist who access the site after login.');?></span></span></td>
467
- <td><p style="font-size:16px"><b>Add User Whitelist</b></p></td>
468
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
469
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
470
- </tr>
471
-
472
- <tr>
473
- <td><span class="icon1 help" style="float:right">
474
- <span class="tooltip1"><?php _e('Add ip access for user.');?></span></span></td>
475
- <td><p style="font-size:16px"><b>Access By Ip</b></p></td>
476
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
477
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
478
- </tr>
479
-
480
- <tr>
481
- <td><span class="icon1 help" style="float:right">
482
- <span class="tooltip1"><?php _e('page landing mode is available that mean you will able to add coming soon template for single site page .');?></span></span></td>
483
- <td><p style="font-size:16px"><b>Single Page View Access</b></p></td>
484
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
485
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
486
- </tr>
487
-
488
- <tr>
489
- <td><span class="icon1 help" style="float:right">
490
- <span class="tooltip1"><?php _e('Add fullscreen background slideshow.');?></span></span></td>
491
- <td><p style="font-size:16px"><b>Background Image SlideShow</b></p></td>
492
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
493
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
494
- </tr>
495
-
496
- <tr>
497
- <td><span class="icon1 help" style="float:right">
498
- <span class="tooltip1"><?php _e('Add youtube video background.');?></span></span></td>
499
- <td><p style="font-size:16px"><b>Youtube Video background</b></p></td>
500
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
501
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
502
- </tr>
503
-
504
- <tr>
505
- <td><span class="icon1 help" style="float:right">
506
- <span class="tooltip1"><?php _e('Mailchimp Integration for Email Marketing & Data Capture.');?></span></span></td>
507
- <td><p style="font-size:16px"><b>Mailchimp Support</b></p></td>
508
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
509
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
510
- </tr>
511
-
512
- <tr>
513
- <td><span class="icon1 help" style="float:right">
514
- <span class="tooltip1"><?php _e('Compaign Monitor for Email Marketing & Data Capture.');?></span></span></td>
515
- <td><p style="font-size:16px"><b>Compaign Monitor</b></p></td>
516
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
517
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
518
- </tr>
519
- <tr>
520
- <td><span class="icon1 help" style="float:right">
521
- <span class="tooltip1"><?php _e('Constant Contact for Email Marketing & Data Capture.');?></span></span></td>
522
- <td><p style="font-size:16px"><b>Constant Contact</b></p></td>
523
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
524
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
525
- </tr>
526
- <tr>
527
- <td><span class="icon1 help" style="float:right">
528
- <span class="tooltip1"><?php _e('Madmimi Integration for Email Marketing & Data Capture.');?></span></span></td>
529
- <td><p style="font-size:16px"><b>Madmimi Support</b></p></td>
530
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
531
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
532
- </tr>
533
- <tr>
534
- <td><span class="icon1 help" style="float:right">
535
- <span class="tooltip1"><?php _e('Aweber Integration for Email Marketing & Data Capture.');?></span></span></td>
536
- <td><p style="font-size:16px"><b>Aweber Support</b></p></td>
537
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
538
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
539
- </tr>
540
-
541
- <tr>
542
- <td><span class="icon1 help" style="float:right">
543
- <span class="tooltip1"><?php _e('feedburner Integration for Email Marketing & Data Capture.');?></span></span></td>
544
- <td><p style="font-size:16px"><b>Feedburner Support</b></p></td>
545
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
546
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
547
- </tr>
548
-
549
-
550
- <tr>
551
- <td><span class="icon1 help" style="float:right">
552
- <span class="tooltip1"><?php _e('Add countdown timer for coming soon page.');?></span></span></td>
553
- <td><p style="font-size:16px"><b>Countdown Timer</b></p></td>
554
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
555
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
556
- </tr>
557
-
558
-
559
-
560
- <tr>
561
- <td><span class="icon1 help" style="float:right">
562
- <span class="tooltip1"><?php _e('progress bar enable');?></span></span></td>
563
- <td><p style="font-size:16px"><b>Progress Bar</b></p></td>
564
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
565
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
566
- </tr>
567
-
568
- <tr>
569
- <td><span class="icon1 help" style="float:right">
570
- <span class="tooltip1"><?php _e('SEO supportive. Add meta title, description and favicon image. ');?></span></span></td>
571
- <td><p style="font-size:16px"><b>Custom Faviceon, Meta Title and Description </b></p></td>
572
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
573
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
574
- </tr>
575
-
576
- <tr>
577
- <td><span class="icon1 help" style="float:right">
578
- <span class="tooltip1"><?php _e('Get multiple mode of coming soon like Maintanance mode,Landing mode etc.');?></span></span></td>
579
- <td><p style="font-size:16px"><b>Enable Multiple Mode of Coming Soon</b></p></td>
580
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
581
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
582
- </tr>
583
- <tr>
584
- <td><span class="icon1 help" style="float:right">
585
- <span class="tooltip1"><?php _e('Company logo and credit image insertig option.','sis_spa');?></span></span></td>
586
- <td><p style="font-size:16px"><b>Company Logo and Credit Links</b></p></td>
587
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
588
- <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
589
- </tr>
590
-
591
-
592
-
593
- </tbody>
594
-
595
- </table>
596
- <br>
597
- <div style="text-align: center;">
598
- <a class="btn btn-danger btn-large" href="http://webriti.com/easy-coming-soon-pro-detail-page/" target="_new">Upgrade To Pro Version</a>&nbsp;
599
- <a class="btn btn-success btn-large" href="http://webriti.com/easy-coming-soon-pro-detail-page/" target="_new">View Live demo</a>
600
- </div>
601
- <br>
602
- </div>
603
-
604
-
605
-
606
-
 
 
 
 
 
 
 
 
1
+ <div class="block ui-tabs-panel active" id="option-ui-id-6" >
2
+ <form method="post" id="commingsoon_lite_theme_options_6">
3
+
4
+ <div class="row" style="margin-left:10px;background:#fff;text-align:center">
5
+
6
+ <div class="span12" style="width:90%;margin-top: auto;text-align:center">
7
+ <h3 style="font-size: 45px !important;
8
+ font-style: normal;
9
+ font-weight: 900;
10
+ line-height:1.1;
11
+ color: #000;
12
+ letter-spacing: -1px;
13
+ text-align: center;
14
+ ">Coming Soon Pro Features</h3>
15
+ <p style="font-size: 22px;
16
+ font-style: normal;
17
+ font-weight: 300;
18
+ color: #707070;
19
+ text-align: center;">The premium version allows you to capture Visitor Email address, integrates with various AutoResponders , Comes with 2 different Template and provide loads of Design Customization Options. <br><br>
20
+ <a class="btn btn-danger btn-large" href="http://webriti.com/easy-coming-soon-pro-detail-page/" target="_new">Upgrade To Pro Version</a>
21
+ <a class="btn btn-success btn-large" href="http://webriti.com/easy-coming-soon-pro-detail-page/" target="_new">View Live demo</a>
22
+ </p>
23
+ </div>
24
+
25
+
26
+
27
+
28
+ </div>
29
+
30
+ <!-- Email Capture Feature Start -->
31
+
32
+
33
+ <div class="row" style="margin-left:10px;background:#ededed;padding-top:70px;padding-bottom:70px;">
34
+
35
+
36
+ <div class="span6" style="width:45%">
37
+ <img src="<?php echo plugins_url('/images/img/subscriber.png',__FILE__);?>" alt="" style="width:100%">
38
+ </div>
39
+ <div class="span6" style="width:45%;margin-top: auto;margin-left:5%; font-size:15px;">
40
+ <h3>Email Capture Field</h3>
41
+ <p>Collect email address of your visitors with an email Capture Field. The Captured Email address are stored in your Wordpress website.</p>
42
+ </div>
43
+
44
+
45
+
46
+
47
+ </div>
48
+
49
+
50
+ <!-- Email Capture Feature End -->
51
+
52
+
53
+
54
+
55
+
56
+
57
+
58
+ <div class="row" style="margin-left:10px;background: #f7f7f7;padding-top: 70px;padding-bottom: 70px;">
59
+
60
+ <div class="span6" style="width:45%;margin-top: auto;">
61
+ <h3>Newsletter Integration</h3>
62
+ <p>Premium version integrates with popular newsletter services like <ul style="list-style-type: disc;margin-left:5%;font-size:15px"><li> Mailchimp</li><li>Aweber</li><li>Madmimi</li><li>Constant Contact</li><li>Campaign Monitor</li><li>FeedBurner</li></ul></p>
63
+ </div>
64
+
65
+ <div class="span6" style="width:45%">
66
+ <img src="<?php echo plugins_url('/images/img/mailchimp snap.png',__FILE__);?>" alt="" style="width:100%">
67
+ </div>
68
+
69
+
70
+ </div>
71
+
72
+
73
+
74
+ <div class="row" style="margin-left:10px;background: #ededed;padding-top: 70px;padding-bottom: 70px;">
75
+
76
+ <div class="span6" style="width:45%">
77
+ <img src="<?php echo plugins_url('/images/img/responsive.png',__FILE__);?>" alt="" style="width:100%">
78
+ </div>
79
+
80
+ <div class="span6" style="width:45%;margin-top: auto;">
81
+ <h3>Responsive Design</h3>
82
+ <p>Create a Responsive Landing Page Mode. Easy coming soon support Bootstrap Based landing page which display perfectly on mobile and tablet device.</p>
83
+ </div>
84
+
85
+
86
+ </div>
87
+
88
+
89
+
90
+
91
+ <div class="row" style="margin-left:10px;background:#f7f7f7;padding-top:70px;padding-bottom:70px;">
92
+
93
+
94
+
95
+ <div class="span6" style="width:45%;margin-top: auto;margin-left:5%">
96
+ <h3>4 additional Design Templates</h3>
97
+ <p>The premium version comes with 4 extra templates. All the templates are completely customizable.</p>
98
+ </div>
99
+ <div class="span6" style="width:45%">
100
+ <img src="<?php echo plugins_url('/images/img/laptop1.png',__FILE__);?>" alt="" style="width:100%">
101
+ </div>
102
+
103
+
104
+
105
+
106
+ </div>
107
+
108
+ <div class="row" style="margin-left:10px;background:#ededed;padding-top:70px;padding-bottom:70px;">
109
+
110
+ <div class="span6" style="width:45%">
111
+ <img src="<?php echo plugins_url('/images/img/design2.png',__FILE__);?>" alt="" style="width:100%">
112
+ </div>
113
+
114
+ <div class="span6" style="width:45%;margin-top: auto;margin-left:5%">
115
+ <h3>Powerful Design Settings</h3>
116
+ <p>Make your maintenance page look Sexy!!! The premium version comes with loads of design settings like : <ul style="list-style-type: disc;margin-left:5%;font-size:15px"><li>Video Back-Grounds</li><li>Background Slideshow</li><li>Google Font integration</li><li>Text color Customization</li><li>Custom Css</li></ul></p>
117
+ </div>
118
+
119
+
120
+
121
+
122
+ </div>
123
+
124
+ <div class="row" style="margin-left:10px;background: #f7f7f7;padding-top: 70px;padding-bottom: 70px;">
125
+
126
+ <div class="span6" style="width:45%;margin-top: auto;">
127
+ <h3>Landing Page Mode</h3>
128
+ <p>Design and Publish a Landing Page on your Wordpress Website. The premium version enables you add a landing page to your existing wordpress website. </p>
129
+ </div>
130
+
131
+ <div class="span6" style="width:45%">
132
+ <img src="<?php echo plugins_url('/images/img/multiple-mode.png',__FILE__);?>" alt="" style="width:100%">
133
+ </div>
134
+
135
+
136
+ </div>
137
+
138
+
139
+ <div class="row" style="margin-left:10px;background:#ededed;padding-top:70px;padding-bottom:70px;">
140
+
141
+
142
+ <div class="span6" style="width:45%">
143
+ <img src="<?php echo plugins_url('/images/img/users_lock.png',__FILE__);?>" alt="" style="width:70%;margin-left:5%">
144
+ </div>
145
+ <div class="span6" style="width:45%;margin-top:auto;margin-left:5%">
146
+ <h3>Access Controls</h3>
147
+ <p>Powerful Access Control feature lets you decide which users can view the Live Website. Whitelist IP address and User Roles. Assign Coming Soon Page to a particualr Wordpress Page.</p>
148
+ </div>
149
+
150
+
151
+
152
+
153
+ </div>
154
+
155
+
156
+
157
+
158
+
159
+ <div class="row" style="margin-left:10px;background:#f7f7f7;padding-top:70px;padding-bottom:70px;">
160
+
161
+
162
+
163
+ <div class="span6" style="width:45%;margin-top: auto;margin-left:5%">
164
+ <h3>Social Media Icons Support</h3>
165
+ <p>Quickly add links to your social profiles. The plugin supports adding links to Facebook, Twitter, Google+, Pinterest, Youtube, Tumblr, Viemo etc..</p>
166
+ </div>
167
+ <div class="span6" style="width:45%">
168
+ <img src="<?php echo plugins_url('/images/img/social.jpg',__FILE__);?>" alt="" style="width:100%">
169
+ </div>
170
+
171
+
172
+
173
+ </div>
174
+ <div class="row" style="margin-left:10px;background:#ededed;padding-top:70px;padding-bottom:70px;">
175
+
176
+ <div class="span6" style="width:45%">
177
+ <img src="<?php echo plugins_url('/images/img/browsericons.png',__FILE__);?>" alt="" style="width:100%">
178
+ </div>
179
+ <div class="span6" style="width:45%;margin-top: auto;margin-left:5%">
180
+ <h3>All Browser Support</h3>
181
+ <p>Plugin Tested with all popular browsers like <ul style="list-style-type: disc;margin-left:5%;font-size:15px"><li> IE 9 +</li><li> Google Chrome</li><li> Mozilla Firefox </li><li> Apple Safari</li></ul></p>
182
+ </div>
183
+
184
+
185
+
186
+
187
+ </div>
188
+
189
+
190
+
191
+ <div class="row" style="margin-left:10px;background: #f7f7f7;padding-top: 70px;padding-bottom: 70px;">
192
+
193
+
194
+
195
+ <div class="span6" style="width:45%;margin-top: auto;">
196
+ <h3>Translation Ready</h3>
197
+ <p>Quickly translate the plugin in the language of your choice.</p>
198
+ </div>
199
+
200
+ <div class="span6" style="width:45%">
201
+ <img src="<?php echo plugins_url('/images/img/language.png',__FILE__);?>" alt="" style="width:100%">
202
+ </div>
203
+
204
+
205
+
206
+ </div>
207
+
208
+ <div class="row" style="margin-left:10px;background:#fff;text-align:center">
209
+
210
+ <div class="span12" style="width:90%;margin-top: auto;text-align:center">
211
+ <h3 style="font-size: 45px !important;
212
+ font-style: normal;
213
+ font-weight: 900;
214
+ line-height:1.1;
215
+ color: #000;
216
+ letter-spacing: -1px;
217
+ text-align: center;
218
+ ">Upgarde to Coming Soon Pro Here</h3>
219
+ <p style="font-size: 22px;
220
+ font-style: normal;
221
+ font-weight: 300;
222
+ color: #707070;
223
+ text-align: center;">
224
+ <a class="btn btn-danger btn-large" href="http://webriti.com/easy-coming-soon-pro-detail-page/" target="_new">Upgrade To Pro Version</a>&nbsp;
225
+ <a class="btn btn-success btn-large" href="http://webriti.com/easy-coming-soon-pro-detail-page/" target="_new">View Live demo</a>
226
+ </p>
227
+ </div>
228
+
229
+
230
+
231
+
232
+ </div>
233
+ <br>
234
+ <h3 style="font-size: 35px !important;
235
+ font-style: normal;
236
+ font-weight: 400;
237
+ line-height:1.1;
238
+ color: #000;
239
+ letter-spacing: -1px;
240
+ text-align: center;
241
+ ">Comparison Table of Free And Pro Version</h3>
242
+ <br>
243
+ <table class="table table-hover table-bordered" style="font-size:15px;margin-bottom:0px;" >
244
+ <thead class="alert alert-info">
245
+ <tr>
246
+ <th></th>
247
+ <th style="text-align: center; font-size: 16px;">Features</th>
248
+ <th style="text-align: center; font-size: 16px;">Free</th>
249
+ <th style="text-align: center; font-size: 16px;">Premium</th>
250
+ </tr>
251
+ </thead>
252
+ <tbody>
253
+
254
+
255
+ <tr style="height:6px;">
256
+ <td><span class="icon1 help" style="float:right">
257
+ <span class="tooltip1"><?php _e('Plugin is work with any wordpress theme easily.');?></span></span></td>
258
+ <td><p style="font-size:16px"><strong>Works With Any Wordpress Theme</strong></p></td>
259
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
260
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
261
+ </tr>
262
+
263
+ <tr>
264
+ <td><span class="icon1 help" style="float:right">
265
+ <span class="tooltip1"><?php _e('Plugin template is compatible with all devices. It have completely resposive feature.');?></span></span></td>
266
+ <td><p style="font-size:16px"><b>Responsive Design</b></p></td>
267
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
268
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
269
+ </tr>
270
+
271
+ <tr>
272
+ <td><span class="icon1 help" style="float:right">
273
+ <span class="tooltip1"><?php _e('Defalut template is availale in both pro and free .');?></span></span></td>
274
+ <td><p style="font-size:16px"><b>Free Coming Soon Page Template</b></p></td>
275
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
276
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
277
+ </tr>
278
+ <tr>
279
+ <td><span class="icon1 help" style="float:right">
280
+ <span class="tooltip1"><?php _e('Easily customizable admin panel and very user friendly.');?></span></span></td>
281
+ <td><p style="font-size:16px"><b> User-friendly Setup</b> </p></td>
282
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
283
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
284
+ </tr>
285
+
286
+ <tr>
287
+ <td><span class="icon1 help" style="float:right">
288
+ <span class="tooltip1"><?php _e('Default fonts are availabel in both.');?></span></span></td>
289
+ <td><p style="font-size:16px"><b>Default fonts</b> </p></td>
290
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
291
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
292
+ </tr>
293
+
294
+
295
+ <tr>
296
+ <td><span class="icon1 help" style="float:right">
297
+ <span class="tooltip1"><?php _e('Buddy Press Supportive.','sis_spa');?></span></span></td>
298
+ <td><p style="font-size:16px"><b>BuddyPress Support</b></p></td>
299
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
300
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
301
+ </tr>
302
+
303
+
304
+ <tr>
305
+ <td><span class="icon1 help" style="float:right">
306
+ <span class="tooltip1"><?php _e('Visible only non loggeed user, if you are not login then you are not able to view regular site.');?></span></span></td>
307
+ <td><p style="font-size:16px"><b>Visible only non logged user</b></p></td>
308
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
309
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
310
+ </tr>
311
+
312
+
313
+ <tr>
314
+ <td><span class="icon1 help" style="float:right">
315
+ <span class="tooltip1"><?php _e('Easily collect user notify mail.');?></span></span></td>
316
+ <td><p style="font-size:16px"><b>Easily collect visitor emails</b> </p></td>
317
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
318
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
319
+ </tr>
320
+
321
+
322
+
323
+
324
+
325
+ <tr>
326
+ <td><span class="icon1 help" style="float:right">
327
+ <span class="tooltip1"><?php _e('Google Analytics supportive.');?></span></span></td>
328
+ <td><p style="font-size:16px"><b>Google Analytics Support</b></p></td>
329
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
330
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
331
+ </tr>
332
+
333
+ <tr>
334
+ <td><span class="icon1 help" style="float:right">
335
+ <span class="tooltip1"><?php _e('Get social support.','sis_spa');?></span></span></td>
336
+ <td><p style="font-size:16px"><b>Social Follow Icons</b></p></td>
337
+ <td style="text-align: center;"><p>Facebook, Twitter, Google+</p></td>
338
+ <td style="text-align: center;">Twitter, Facebook, Linkedin, Google+, Youtube, Email, Pinterest, Yahoo etc.</td>
339
+ </tr>
340
+
341
+ <tr>
342
+ <td><span class="icon1 help" style="float:right">
343
+ <span class="tooltip1"><?php _e('Google fonts api are integreted with coming soon.');?></span></span></td>
344
+ <td><p style="font-size:16px"><b>Google Fonts Support</b></p></td>
345
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
346
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
347
+ </tr>
348
+
349
+ <tr>
350
+ <td><span class="icon1 help" style="float:right">
351
+ <span class="tooltip1"><?php _e('Get our fast and friendly support.');?></span></span></td>
352
+ <td><p style="font-size:16px"><b>Multisite Support</b></p></td>
353
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
354
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
355
+ </tr>
356
+
357
+
358
+ <tr>
359
+ <td><span class="icon1 help" style="float:right">
360
+ <span class="tooltip1"><?php _e('laguage Translation is available in premium.');?></span></span></td>
361
+ <td><p style="font-size:16px"><b>Language Translation Support</b></p></td>
362
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
363
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
364
+ </tr>
365
+
366
+ <tr>
367
+ <td><span class="icon1 help" style="float:right">
368
+ <span class="tooltip1"><?php _e('limit access with clients who want to view regular sites.');?></span></span></td>
369
+ <td><p style="font-size:16px"><b>Limit Access with Client View</b></p></td>
370
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
371
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
372
+ </tr>
373
+
374
+ <tr>
375
+ <td><span class="icon1 help" style="float:right">
376
+ <span class="tooltip1"><?php _e('Multiple page template is available for coming soon page.');?></span></span></td>
377
+ <td><p style="font-size:16px"><b>Multiple Page Templates</b></p></td>
378
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
379
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
380
+ </tr>
381
+
382
+ <tr>
383
+ <td><span class="icon1 help" style="float:right">
384
+ <span class="tooltip1"><?php _e('Add user whitelist who access the site after login.');?></span></span></td>
385
+ <td><p style="font-size:16px"><b>Add User Whitelist</b></p></td>
386
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
387
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
388
+ </tr>
389
+
390
+ <tr>
391
+ <td><span class="icon1 help" style="float:right">
392
+ <span class="tooltip1"><?php _e('Add ip access for user.');?></span></span></td>
393
+ <td><p style="font-size:16px"><b>Access By Ip</b></p></td>
394
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
395
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
396
+ </tr>
397
+
398
+ <tr>
399
+ <td><span class="icon1 help" style="float:right">
400
+ <span class="tooltip1"><?php _e('page landing mode is available that mean you will able to add coming soon template for single site page .');?></span></span></td>
401
+ <td><p style="font-size:16px"><b>Single Page View Access</b></p></td>
402
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
403
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
404
+ </tr>
405
+
406
+ <tr>
407
+ <td><span class="icon1 help" style="float:right">
408
+ <span class="tooltip1"><?php _e('Add fullscreen background slideshow.');?></span></span></td>
409
+ <td><p style="font-size:16px"><b>Background Image SlideShow</b></p></td>
410
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
411
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
412
+ </tr>
413
+
414
+ <tr>
415
+ <td><span class="icon1 help" style="float:right">
416
+ <span class="tooltip1"><?php _e('Add youtube video background.');?></span></span></td>
417
+ <td><p style="font-size:16px"><b>Youtube Video background</b></p></td>
418
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
419
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
420
+ </tr>
421
+
422
+ <tr>
423
+ <td><span class="icon1 help" style="float:right">
424
+ <span class="tooltip1"><?php _e('Mailchimp Integration for Email Marketing & Data Capture.');?></span></span></td>
425
+ <td><p style="font-size:16px"><b>Mailchimp Support</b></p></td>
426
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
427
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
428
+ </tr>
429
+
430
+ <tr>
431
+ <td><span class="icon1 help" style="float:right">
432
+ <span class="tooltip1"><?php _e('Compaign Monitor for Email Marketing & Data Capture.');?></span></span></td>
433
+ <td><p style="font-size:16px"><b>Compaign Monitor</b></p></td>
434
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
435
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
436
+ </tr>
437
+ <tr>
438
+ <td><span class="icon1 help" style="float:right">
439
+ <span class="tooltip1"><?php _e('Constant Contact for Email Marketing & Data Capture.');?></span></span></td>
440
+ <td><p style="font-size:16px"><b>Constant Contact</b></p></td>
441
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
442
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
443
+ </tr>
444
+ <tr>
445
+ <td><span class="icon1 help" style="float:right">
446
+ <span class="tooltip1"><?php _e('Madmimi Integration for Email Marketing & Data Capture.');?></span></span></td>
447
+ <td><p style="font-size:16px"><b>Madmimi Support</b></p></td>
448
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
449
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
450
+ </tr>
451
+ <tr>
452
+ <td><span class="icon1 help" style="float:right">
453
+ <span class="tooltip1"><?php _e('Aweber Integration for Email Marketing & Data Capture.');?></span></span></td>
454
+ <td><p style="font-size:16px"><b>Aweber Support</b></p></td>
455
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
456
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
457
+ </tr>
458
+
459
+ <tr>
460
+ <td><span class="icon1 help" style="float:right">
461
+ <span class="tooltip1"><?php _e('feedburner Integration for Email Marketing & Data Capture.');?></span></span></td>
462
+ <td><p style="font-size:16px"><b>Feedburner Support</b></p></td>
463
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
464
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
465
+ </tr>
466
+
467
+
468
+ <tr>
469
+ <td><span class="icon1 help" style="float:right">
470
+ <span class="tooltip1"><?php _e('Add countdown timer for coming soon page.');?></span></span></td>
471
+ <td><p style="font-size:16px"><b>Countdown Timer</b></p></td>
472
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
473
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
474
+ </tr>
475
+
476
+
477
+
478
+ <tr>
479
+ <td><span class="icon1 help" style="float:right">
480
+ <span class="tooltip1"><?php _e('progress bar enable');?></span></span></td>
481
+ <td><p style="font-size:16px"><b>Progress Bar</b></p></td>
482
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
483
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
484
+ </tr>
485
+
486
+ <tr>
487
+ <td><span class="icon1 help" style="float:right">
488
+ <span class="tooltip1"><?php _e('SEO supportive. Add meta title, description and favicon image. ');?></span></span></td>
489
+ <td><p style="font-size:16px"><b>Custom Faviceon, Meta Title and Description </b></p></td>
490
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
491
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
492
+ </tr>
493
+
494
+ <tr>
495
+ <td><span class="icon1 help" style="float:right">
496
+ <span class="tooltip1"><?php _e('Get multiple mode of coming soon like Maintanance mode,Landing mode etc.');?></span></span></td>
497
+ <td><p style="font-size:16px"><b>Enable Multiple Mode of Coming Soon</b></p></td>
498
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
499
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
500
+ </tr>
501
+ <tr>
502
+ <td><span class="icon1 help" style="float:right">
503
+ <span class="tooltip1"><?php _e('Company logo and credit image insertig option.','sis_spa');?></span></span></td>
504
+ <td><p style="font-size:16px"><b>Company Logo and Credit Links</b></p></td>
505
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/cross.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
506
+ <td style="text-align: center;"><p><img src="<?php echo plugins_url('/images/icon_check.png',__FILE__); ?>" style="vertical-align: middle;"/></p></td>
507
+ </tr>
508
+
509
+
510
+
511
+ </tbody>
512
+
513
+ </table>
514
+ <br>
515
+ <div style="text-align: center;">
516
+ <a class="btn btn-danger btn-large" href="http://webriti.com/easy-coming-soon-pro-detail-page/" target="_new">Upgrade To Pro Version</a>&nbsp;
517
+ <a class="btn btn-success btn-large" href="http://webriti.com/easy-coming-soon-pro-detail-page/" target="_new">View Live demo</a>
518
+ </div>
519
+ <br>
520
+
521
+
522
+ <!--<div id="button_section">
523
+ <input type="hidden" value="1" id="commingsoon_lite_settings_save_6" name="commingsoon_lite_settings_save_6" />
524
+ <input class="reset-button btn" type="button" name="reset" value="Restore Defaults" onclick="commingsoon_option_data_reset('6');">
525
+ <input class="button button-primary" type="button" value="Save Options" onclick="commingsoon_option_data_save('6')" >
526
+ </div>-->
527
+ </form>
528
+ </div>
529
+ <style>
530
+ .span6 h3{
531
+ font:"Helvetica Neue","Helvetica Neue",Helvetica,Arial,sans-serif;
532
+ color: #000;
533
+ -webkit-font-smoothing: antialiased;
534
+ font-size: 20px !important;
535
+ }
536
+ .span6 p,.span6 li{
537
+ font-size: 17px;
538
+ font-family: "Source Sans Pro",sans-serif;
539
+ color: #707070;
540
+ line-height:1.8;
541
+ }
542
+
543
+ /* =Tooltips style
544
+ ========================================================================*/
545
+
546
+ .icon1 {
547
+ display: inline-block;
548
+ width: 13px;
549
+ height: 13px;
550
+ position: relative;
551
+ padding: 0 0px 0 0;
552
+ vertical-align: middle;
553
+
554
+ background: url(<?php echo plugins_url('images/icons1.png',__FILE__) ?>) no-repeat;
555
+ }
556
+
557
+ .tooltip1 {
558
+ display: none;
559
+ width: 200px;
560
+ position: absolute;
561
+ padding: 10px;
562
+ margin: 4px 0 0 4px;
563
+ top: 0;
564
+ left: 16px;
565
+ border: 1px solid #76B6D7;
566
+ border-radius: 0 8px 8px 8px;
567
+ background: #bedffe;
568
+ font-size: 13px;
569
+ box-shadow: 0 1px 2px -1px #21759B;
570
+ z-index: 999;
571
+ }
572
+
573
+ /* Icons Sprite Position */
574
+
575
+ .help {
576
+ background-position: 0 0;
577
+ }
578
+
579
+ .warning {
580
+ background-position: -20px 0;
581
+ }
582
+
583
+ .error {
584
+ background-position: -40px 0;
585
+ }
586
+
587
+ /* Tooltip Colors */
588
+
589
+ .help .tooltip1 {
590
+ border-color: #76B6D7;
591
+ background-color: #bedffe;
592
+ box-shadow-color: #21759B;
593
+ }
594
+
595
+ .warning .tooltip1 {
596
+ border-color: #cca863;
597
+ background-color: #ffff70;
598
+ box-shadow-color: #ac8c4e;
599
+ }
600
+
601
+ .error .tooltip1 {
602
+ border-color: #b50d0d;
603
+ background-color: #e44d4e;
604
+ box-shadow-color: #810606;
605
+ }
606
+
607
+ .icon1:hover .tooltip1 {
608
+ display: block;
609
+ box-shadow: 0 10px 20px -1px rgba(0,0,0,0.5);
610
+
611
+
612
+ }
613
+ b,strong{ color:#555;}
614
+ </style>
theme_options/pages/template_page_settings.php ADDED
@@ -0,0 +1,257 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ $general_default_settings = array(
4
+
5
+ // general page settings
6
+
7
+ 'status'=>'1',
8
+ 'background'=>'',
9
+ 'title'=>'',
10
+ 'descrip'=>'',
11
+ 'google_code'=>'',
12
+ 'fb'=>'',
13
+ 'twit'=>'',
14
+ 'gp'=>''
15
+
16
+ );
17
+ ?>
18
+ <div class="block ui-tabs-panel active" id="option-ui-id-4" >
19
+ <?php $current_options = wp_parse_args( get_option( 'soon_page_settings', array() ), $general_default_settings );
20
+ if(isset($_POST['commingsoon_lite_settings_save_4']))
21
+ {
22
+ if($_POST['commingsoon_lite_settings_save_4'] == 1)
23
+ {
24
+ if ( empty($_POST) || !wp_verify_nonce($_POST['commingsoon_lite_gernalsetting_nonce_customization'],'commingsoon_lite_customization_nonce_gernalsetting') )
25
+ {
26
+ print __('Sorry, your nonce did not verify.','commingsoon'); exit;
27
+ }
28
+ else
29
+ {
30
+
31
+ $current_options['status']=$_POST['status'];
32
+
33
+ update_option('soon_page_settings',$current_options);
34
+ }
35
+ }
36
+ if($_POST['commingsoon_lite_settings_save_4'] == 2)
37
+ {
38
+ $current_options['status']='1';
39
+
40
+ update_option('soon_page_settings',$current_options);
41
+ }
42
+ } ?>
43
+ <form method="post" id="commingsoon_lite_theme_options_4">
44
+ <div id="heading">
45
+ <table style="width:100%;"><tr>
46
+ <td><h2><?php _e('Templates Settings','commingsoon');?></h2></td>
47
+ <td style="width:30%;">
48
+ <div class="commingsoon_lite_settings_loding" id="commingsoon_loding_4_image"></div>
49
+ <div class="commingsoon_lite_settings_massage" id="commingsoon_lite_settings_save_4_success" ><?php _e('Options data successfully Saved','commingsoon');?></div>
50
+ <div class="commingsoon_lite_settings_massage" id="commingsoon_lite_settings_save_4_reset" ><?php _e('Options data successfully reset','commingsoon');?></div>
51
+ </td>
52
+ <td style="text-align:right;">
53
+ <!--<input class="reset-button btn" type="button" name="reset" value="Restore Defaults" onclick="commingsoon_option_data_reset('1');">
54
+ <input class="button button-primary button-large" type="button" value="Save Options" onclick="commingsoon_option_data_save('1')" >-->
55
+ </td>
56
+ </tr>
57
+ </table>
58
+ </div>
59
+
60
+
61
+ <table class="form-table">
62
+ <tr>
63
+ <th scope="row" class="page-title"><?php _e('Templates','webriti_soon_pro')?></th>
64
+ <td></td>
65
+ </tr>
66
+ </table><br>
67
+ <table class="form-table">
68
+ <tr>
69
+
70
+ <td>
71
+
72
+ <div class="template">
73
+
74
+ <div class="template-screenshot">
75
+ <img src="<?php echo plugin_dir_url(__FILE__)."images/screenshot-4.png";?>" alt="">
76
+ </div>
77
+
78
+ <h3 class="template-name">Default</h3>
79
+
80
+
81
+ <div class="template-actions">
82
+
83
+
84
+
85
+ <button class="btn btn-danger" disabled="disabled" id="template1_active" style="vertical-align:middle;">Activated</button>
86
+
87
+
88
+ </div>
89
+
90
+
91
+ </div>
92
+ <div class="template">
93
+
94
+ <div class="template-screenshot">
95
+ <a href="http://webriti.com/easy-coming-soon-pro-detail-page/" target= "_new"><img src="<?php echo plugins_url('/images/screenshot-28.png',__FILE__);?>" alt=""></a>
96
+ </div>
97
+
98
+ <h3 class="template-name">Template1</h3>
99
+
100
+
101
+ <div class="template-actions">
102
+
103
+
104
+
105
+ <a class="btn btn-danger" href="http://webriti.com/easy-coming-soon-pro-detail-page/" target= "_new" style="vertical-align:middle;">Available In Pro</a>
106
+
107
+
108
+ </div>
109
+
110
+
111
+ </div>
112
+
113
+
114
+ <div class="template">
115
+
116
+ <div class="template-screenshot">
117
+ <a href="http://webriti.com/easy-coming-soon-pro-detail-page/" target= "_new"> <img src="<?php echo plugins_url('/images/screenshot-31.png',__FILE__);?>" alt=""></a>
118
+ </div>
119
+
120
+ <h3 class="template-name">Template2</h3>
121
+
122
+
123
+ <div class="template-actions">
124
+
125
+
126
+
127
+ <a class="btn btn-danger" href="http://webriti.com/easy-coming-soon-pro-detail-page/" target= "_new" style="vertical-align:middle;">Available In Pro</a>
128
+
129
+
130
+
131
+ </div>
132
+
133
+
134
+ </div>
135
+
136
+ <div class="template">
137
+
138
+ <div class="template-screenshot">
139
+ <a href="http://webriti.com/easy-coming-soon-pro-detail-page/" target= "_new"> <img src="<?php echo plugins_url('/images/template3-new.png',__FILE__);?>" alt=""></a>
140
+ </div>
141
+
142
+ <h3 class="template-name">Template3</h3>
143
+
144
+
145
+ <div class="template-actions">
146
+
147
+
148
+
149
+ <a class="btn btn-danger" href="http://webriti.com/easy-coming-soon-pro-detail-page/" target= "_new" style="vertical-align:middle;">Available In Pro</a>
150
+
151
+
152
+
153
+ </div>
154
+
155
+
156
+ </div>
157
+
158
+ <div class="template">
159
+
160
+ <div class="template-screenshot">
161
+ <a href="http://webriti.com/easy-coming-soon-pro-detail-page/" target= "_new"> <img src="<?php echo plugins_url('/images/template4.png',__FILE__);?>" alt=""></a>
162
+ </div>
163
+
164
+ <h3 class="template-name">Template4</h3>
165
+
166
+
167
+ <div class="template-actions">
168
+
169
+
170
+
171
+ <a class="btn btn-danger" href="http://webriti.com/easy-coming-soon-pro-detail-page/" target= "_new" style="vertical-align:middle;">Available In Pro</a>
172
+
173
+
174
+
175
+ </div>
176
+
177
+
178
+ </div>
179
+
180
+ </td>
181
+ </tr>
182
+
183
+ </table>
184
+
185
+ <!--<div id="button_section">
186
+ <input type="hidden" value="1" id="commingsoon_lite_settings_save_4" name="commingsoon_lite_settings_save_4" />
187
+ <input class="reset-button btn" type="button" name="reset" value="Restore Defaults" onclick="commingsoon_option_data_reset('4');">
188
+ <input class="button button-primary" type="button" value="Save Options" onclick="commingsoon_option_data_save('4')" >
189
+ </div>-->
190
+ </form>
191
+ </div>
192
+ <style>
193
+ .template{
194
+ cursor: pointer;
195
+ float: left;
196
+ margin: 0 4% 4% 0;
197
+ position: relative;
198
+ width: 300px;
199
+ border: 1px solid #dedede;
200
+ -webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,.1);
201
+ box-shadow: 0 1px 1px -1px rgba(0,0,0,.1);
202
+ -webkit-box-sizing: border-box;
203
+ -moz-box-sizing: border-box;
204
+ box-sizing: border-box;
205
+ }
206
+
207
+ .template-screenshot{
208
+ display: block;
209
+ overflow: hidden;
210
+ position: relative;
211
+ -webkit-transition: opacity .2s ease-in-out;
212
+ transition: opacity .2s ease-in-out;
213
+ }
214
+ .template-screenshot:hover{
215
+ display: block;
216
+ overflow: hidden;
217
+ position: relative;
218
+ opacity:0.8;
219
+ -webkit-transition: opacity .2s ease-in-out;
220
+ transition: opacity .2s ease-in-out;
221
+ }
222
+ .template-screenshot img {
223
+
224
+
225
+ width: 100%;
226
+
227
+ }
228
+ .template-name{
229
+ font-size: 15px;
230
+ font-weight: 600;
231
+ margin: 0;
232
+ padding: 15px;
233
+ -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
234
+ box-shadow: inset 0 1px 0 rgba(0,0,0,.1);
235
+ overflow: hidden;
236
+ white-space: nowrap;
237
+ text-overflow: ellipsis;
238
+ background: #fff;
239
+ background: rgba(255,255,255,.65);
240
+ }
241
+ .template-actions{
242
+ opacity: 1;
243
+ -webkit-transition: opacity .1s ease-in-out;
244
+ transition: opacity .1s ease-in-out;
245
+ position: absolute;
246
+ bottom: 0;
247
+ right: 0;
248
+ height: 38px;
249
+ padding: 9px 10px 0;
250
+ background: rgba(244,244,244,.7);
251
+ border-left: 1px solid rgba(0,0,0,.05);
252
+ }
253
+ #option-tree-settings-api #poststuff .template h3 {
254
+ padding: 9px 15px !important;
255
+ line-height: 35px;
256
+ }
257
+ </style>
theme_options/webriti_option_pannel.php ADDED
@@ -0,0 +1,249 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <div class="wrap settings-wrap" id="page-settings">
2
+ <h2><?php _e('Settings >>','commingsoon'); ?></h2>
3
+ <div id="option-tree-header-wrap">
4
+ <ul id="option-tree-header">
5
+ <li id=""><a href="" target="_blank"></a></li>
6
+ <li id="option-tree-version"><span><?php _e('Easy Coming Soon Plugin','commingsoon'); ?></span></li>
7
+ <a style="margin-right:16px;" target="_blank" href="<?php bloginfo("url"); ?>/?my_preview=true&TB_iframe=true&width=500&height=532" class="button button-primary button-large fb-btn"><?php _e('Preview','commingsoon'); ?></a>
8
+ <a style="margin-right:16px;" target="_blank" href="http://webriti.com/easy-coming-soon-pro-detail-page/" class="button button-primary button-large fb-btn"><?php _e('Upgrade to Pro version','commingsoon'); ?></a>
9
+ <a style="margin-right:16px;" target="_blank" href="https://wordpress.org/plugins/easy-coming-soon" class="button button-primary button-large fb-btn"><?php _e('Rate us on wordpress','commingsoon'); ?></a>
10
+ </ul>
11
+
12
+ </div>
13
+ <div id="option-tree-settings-api">
14
+ <div id="option-tree-sub-header"></div>
15
+ <div class = "ui-tabs ui-widget ui-widget-content ui-corner-all">
16
+ <ul>
17
+
18
+ <li id="tab_create_setting"><a href="#section_general"><?php _e('General Settings','commingsoon');?></a>
19
+ </li>
20
+ <li id="tab_design_setting"><a href="#section_design"><?php _e('Design','commingsoon');?></a>
21
+ </li>
22
+ <li id="tab_notification_setting"><a href="#section_notification"><?php _e('Notification','commingsoon');?></a>
23
+ </li>
24
+ <li id="tab_templates_setting"><a href="#section_templates"><?php _e('Templates','commingsoon');?></a>
25
+ </li>
26
+ <li id="tab_live_preview_setting"><a href="#section_live_preview"><?php _e('Live Preview','commingsoon');?></a>
27
+ </li>
28
+ <li id="tab_pro_features_setting"><a href="#section_pro_features"><?php _e('Pro Features','commingsoon');?></a>
29
+ </li>
30
+ <li id="tab_aboutpro_version_setting"><a href="#section_aboutpro_version"><?php _e('Whats included in the Pro Version','commingsoon');?></a>
31
+ </li>
32
+ <li id="tab_about_show_some_love"><a href="#section_about_show_some_love"><?php _e('Show Some Love','commingsoon');?></a>
33
+ </li>
34
+
35
+ </ul>
36
+ <div id="poststuff" class="metabox-holder">
37
+ <div id="post-body">
38
+ <div id="post-body-content">
39
+ <div id="section_general" class = "postbox">
40
+ <div class="inside">
41
+ <div id="setting_theme_options_ui_text" class="format-settings">
42
+ <div class="format-setting-wrap">
43
+ <?php load_template( dirname( __FILE__ ) . '/pages/header_page_settings.php' ); ?>
44
+ </div>
45
+ </div>
46
+ </div>
47
+ </div>
48
+
49
+
50
+ <div id="section_design" class = "postbox">
51
+ <div class="inside">
52
+ <div id="design_customization_settings" class="format-settings">
53
+ <div class="format-setting-wrap">
54
+ <div class = "format-setting type-textarea has-desc">
55
+ <div class = "format-setting-inner">
56
+
57
+ <?php load_template( dirname( __FILE__ ) . '/pages/design_page_settings.php' ); ?>
58
+
59
+ </div>
60
+ </div>
61
+ </div>
62
+ </div>
63
+ </div>
64
+ </div>
65
+
66
+
67
+ <div id="section_notification" class = "postbox">
68
+ <div class="inside">
69
+ <div id="design_customization_settings" class="format-settings">
70
+ <div class="format-setting-wrap">
71
+ <div class = "format-setting type-textarea has-desc">
72
+ <div class = "format-setting-inner">
73
+
74
+ <?php load_template( dirname( __FILE__ ) . '/pages/notification_page_setting.php' ); ?>
75
+
76
+ </div>
77
+ </div>
78
+ </div>
79
+ </div>
80
+ </div>
81
+ </div>
82
+
83
+ <div id="section_templates" class = "postbox">
84
+ <div class="inside">
85
+ <div id="design_customization_settings" class="format-settings">
86
+ <div class="format-setting-wrap">
87
+ <div class = "format-setting type-textarea has-desc">
88
+ <div class = "format-setting-inner">
89
+
90
+ <?php load_template( dirname( __FILE__ ) . '/pages/template_page_settings.php' ); ?>
91
+
92
+ </div>
93
+ </div>
94
+ </div>
95
+ </div>
96
+ </div>
97
+ </div>
98
+
99
+
100
+ <div id="section_live_preview" class = "postbox">
101
+ <div class="inside">
102
+ <div id="design_customization_settings" class="format-settings">
103
+ <div class="format-setting-wrap">
104
+ <div class = "format-setting type-textarea has-desc">
105
+ <div class = "format-setting-inner">
106
+
107
+ <?php load_template( dirname( __FILE__ ) . '/pages/live_preview_settings.php' ); ?>
108
+
109
+ </div>
110
+ </div>
111
+ </div>
112
+ </div>
113
+ </div>
114
+ </div>
115
+
116
+
117
+ <div id="section_pro_features" class = "postbox">
118
+ <div class="inside">
119
+ <div id="design_customization_settings" class="format-settings">
120
+ <div class="format-setting-wrap">
121
+ <div class = "format-setting type-textarea has-desc">
122
+ <div class = "format-setting-inner">
123
+
124
+ <?php load_template( dirname( __FILE__ ) . '/pages/pro_features_settings.php' ); ?>
125
+
126
+ </div>
127
+ </div>
128
+ </div>
129
+ </div>
130
+ </div>
131
+ </div>
132
+
133
+
134
+
135
+ <div id="section_aboutpro_version" class = "postbox">
136
+ <div class="inside">
137
+ <div id="design_customization_settings" class="format-settings">
138
+ <div class="format-setting-wrap">
139
+ <div class = "format-setting type-textarea has-desc">
140
+ <div class = "format-setting-inner">
141
+
142
+ <?php load_template( dirname( __FILE__ ) . '/pages/aboutpro_version_settings.php' ); ?>
143
+
144
+ </div>
145
+ </div>
146
+ </div>
147
+ </div>
148
+ </div>
149
+ </div>
150
+
151
+ <div id="section_about_show_some_love" class = "postbox">
152
+ <div class="inside">
153
+ <div id="design_customization_settings" class="format-settings">
154
+ <div class="format-setting-wrap">
155
+ <div class = "format-setting type-textarea has-desc">
156
+ <div class = "format-setting-inner">
157
+ <div class="block ui-tabs-panel active" id="option-ui-id-5" >
158
+ <form method="post" id="commingsoon_lite_theme_options_5">
159
+ <div id="heading">
160
+ <table style="width:100%;"><tr>
161
+ <td><h2><?php _e('Show Some Love','commingsoon');?></h2>
162
+ <br>
163
+ <p>Like this plugin? Show your support by:</p>
164
+ </td>
165
+ <td style="width:30%;">
166
+ </td>
167
+ <td style="text-align:right;">
168
+
169
+ </tr>
170
+ </table>
171
+ </div>
172
+
173
+ <div class="section">
174
+ <a class="button button-primary button-large" target="_blank" href="https://wordpress.org/support/view/plugin-reviews/easy-coming-soon">Rate It</a>
175
+ <a class="button button-primary button-large" target="_blank" href="http://twitter.com/share?url=https%3A%2F%2Fwordpress.org%2Fplugins%2Feasy-coming-soon%2F&amp;text=Check out this awesome %23WordPress Plugin I'm using, Easy Coming Soon by @webriti"><i class="fa fa-twitter"></i>Tweet It</a>
176
+ <a class="button button-primary button-large" target="_blank" href="http://webriti.com/easy-coming-soon-pro-detail-page/">Buy Pro</a>
177
+ </div>
178
+ </form>
179
+ </div>
180
+ </div>
181
+ </div>
182
+ </div>
183
+ </div>
184
+ </div>
185
+ </div>
186
+
187
+
188
+ </div>
189
+ </div>
190
+ </div>
191
+ <div class="webriti-submenu" style="height:35px;">
192
+ <div class="webriti-submenu-links" style="margin-top:5px;">
193
+ <form method="POST">
194
+ <input type="submit" onclick="return confirm( 'Click OK to reset theme data. Theme settings will be lost!' );" value="Restore All Defaults" name="restore_all_defaults" id="restore_all_defaults" class="reset-button btn">
195
+ <form>
196
+ </div><!-- webriti-submenu-links -->
197
+ </div>
198
+ <div class="clear"></div>
199
+ </div>
200
+ </div>
201
+ </div>
202
+
203
+ <?php
204
+ $general_default_settings = array(
205
+
206
+ // general page settings
207
+
208
+ 'status'=>'1',
209
+ 'background'=>'',
210
+ 'title'=>'',
211
+ 'descrip'=>'',
212
+ 'google_code'=>'',
213
+ 'fb'=>'',
214
+ 'twit'=>'',
215
+ 'gp'=>''
216
+
217
+ );
218
+ $design_page_setting = array(
219
+
220
+ // design page settings
221
+ 'background_color'=>'#21759B',
222
+ 'title_color'=>'#ffffff',
223
+ 'descrip_color'=>'#ffffff',
224
+ 'title_font_size'=>'30',
225
+ 'title_font_format'=>'Arial Black, sans-serif',
226
+ 'description_font_size'=>'20',
227
+ 'description_font_format'=>'Verdana, Geneva, sans-serif',
228
+ 'background_effect'=>'0'
229
+
230
+ );
231
+ $notification_default_settings = array(
232
+
233
+ // notification page settings
234
+
235
+ 'mailto'=>'no',
236
+ 'email_address'=>'',
237
+ 'message'=>'Thanks for subscribing this page',
238
+ 'sb_btn'=>'',
239
+ 'placeholder_text'=>''
240
+
241
+ );
242
+ // Restore all defaults
243
+ if(isset($_POST['restore_all_defaults']))
244
+ {
245
+ update_option('soon_page_settings',$general_default_settings);
246
+ update_option('soon_page_desgin_settings',$design_page_setting);
247
+ update_option('soon_page_notification_settings',$notification_default_settings);
248
+ }
249
+ ?>