Click to Chat for WhatsApp Chat - Version 1.7.1

Version Description

  • Style-8 simplified
Download this release

Release Info

Developer bhvreddy
Plugin Icon 128x128 Click to Chat for WhatsApp Chat
Version 1.7.1
Comparing to
See all releases

Code changes from version 1.7 to 1.7.1

admin/class-ccw-admin-page-customize-styles.php CHANGED
@@ -28,7 +28,6 @@ class CCW_Admin_Page_Customize_Styles {
28
add_settings_section( 'ccw_settings_cs', '', array( $this, 'ccw_settings_section_cs_cb' ), 'ccw_options_settings_cs' );
29
30
add_settings_field( 'ccw_style_1_cs', 'Style 1', array( $this, 'ccw_style_1_cb' ), 'ccw_options_settings_cs', 'ccw_settings_cs' );
31
- // add_settings_field( 'ccw_style_1_cs', 'Style 1', array( $this, 'ccw_style_1_cb_prev' ), 'ccw_options_settings_cs', 'ccw_settings_cs' );
32
add_settings_field( 'ccw_style_2_cs', 'Style 2', array( $this, 'ccw_style_2_cb' ), 'ccw_options_settings_cs', 'ccw_settings_cs' );
33
add_settings_field( 'ccw_style_3_cs', 'Style 3', array( $this, 'ccw_style_3_cb' ), 'ccw_options_settings_cs', 'ccw_settings_cs' );
34
add_settings_field( 'ccw_style_4_cs', 'Style 4', array( $this, 'ccw_style_4_cb' ), 'ccw_options_settings_cs', 'ccw_settings_cs' );
@@ -63,7 +62,7 @@ class CCW_Admin_Page_Customize_Styles {
63
<br>
64
<p class="description">For customizable button, please select style-8</p>
65
<br><br>
66
- <p class="description">changes made in style-1 since <a href="https://holithemes.com/whatsapp-chat/v-1-7">Version-1.7</a></p>
67
</div>
68
69
</div>
@@ -76,95 +75,6 @@ class CCW_Admin_Page_Customize_Styles {
76
}
77
78
79
- // style - 1 - previous one .. created a new one..
80
- function ccw_style_1_cb_prev() {
81
- $ccw_style_1 = get_option('ccw_options_cs');
82
- ?>
83
- <ul class="collapsible" data-collapsible="accordion">
84
- <li>
85
- <div class="collapsible-header">Style 1</div>
86
- <div class="collapsible-body">
87
-
88
- <div class="row">
89
- <div class="col s6">
90
- <p><?php _e( 'Color of text' , 'click-to-chat-for-whatsapp' ) ?></p>
91
- </div>
92
- <div class="input-field col s6">
93
- <input name="ccw_options_cs[s1_text_color]" data-default-color="#9e9e9e" value="<?php echo esc_attr( $ccw_style_1['s1_text_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
94
- </div>
95
- </div>
96
-
97
- <div class="row">
98
- <div class="col s6">
99
- <p><?php _e( 'Color of text when focus on input box' , 'click-to-chat-for-whatsapp' ) ?></p>
100
- </div>
101
- <div class="input-field col s6">
102
- <input name="ccw_options_cs[s1_text_color_onfocus]" data-default-color="#26a69a" value="<?php echo esc_attr( $ccw_style_1['s1_text_color_onfocus'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
103
- </div>
104
- </div>
105
-
106
- <div class="row">
107
- <div class="col s6">
108
- <p><?php _e( 'Color of input field bottom border' , 'click-to-chat-for-whatsapp' ) ?></p>
109
- </div>
110
- <div class="input-field col s6">
111
- <input name="ccw_options_cs[s1_border_color]" data-default-color="#9e9e9e" value="<?php echo esc_attr( $ccw_style_1['s1_border_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
112
- </div>
113
- </div>
114
-
115
- <div class="row">
116
- <div class="col s6">
117
- <p><?php _e( 'Color of input field border bottom on focus' , 'click-to-chat-for-whatsapp' ) ?></p>
118
- </div>
119
- <div class="input-field col s6">
120
- <input name="ccw_options_cs[s1_border_color_onfocus]" data-default-color="#26a69a" value="<?php echo esc_attr( $ccw_style_1['s1_border_color_onfocus'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
121
- </div>
122
- </div>
123
-
124
- <div class="row">
125
- <div class="col s6">
126
- <p><?php _e( 'Color of submit button' , 'click-to-chat-for-whatsapp' ) ?></p>
127
- </div>
128
- <div class="input-field col s6">
129
- <input name="ccw_options_cs[s1_submit_btn_color]" data-default-color="#26a69a" value="<?php echo esc_attr( $ccw_style_1['s1_submit_btn_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
130
- </div>
131
- </div>
132
-
133
- <div class="row">
134
- <div class="col s6">
135
- <p><?php _e( 'Color of submit button - text, icon' , 'click-to-chat-for-whatsapp' ) ?> </p>
136
- </div>
137
- <div class="input-field col s6">
138
- <input name="ccw_options_cs[s1_submit_btn_text_and_icon_color]" data-default-color="#fff" value="<?php echo esc_attr( $ccw_style_1['s1_submit_btn_text_and_icon_color'] ) ?>" type="text" class="color-wp" style="height: 1.375rem;" >
139
- </div>
140
- </div>
141
-
142
- <div class="row">
143
- <div class="col s6">
144
- <p><?php _e( 'Button Text' , 'click-to-chat-for-whatsapp' ) ?></p>
145
- </div>
146
- <div class="input-field col s4">
147
- <input name="ccw_options_cs[s1_btn_text]" value="<?php echo esc_attr( $ccw_style_1['s1_btn_text'] ) ?>" type="text" class="" >
148
- </div>
149
- </div>
150
-
151
- <!-- This is hidden row -->
152
- <div class="row hide">
153
- <div class="col s6">
154
- <p><?php _e( 'Icon size' , 'click-to-chat-for-whatsapp' ) ?></p>
155
- </div>
156
- <div class="input-field col s4">
157
- <input name="ccw_options_cs[s1_width]" value="<?php echo esc_attr( $ccw_style_1['s1_width'] ) ?>" type="text" class="" >
158
- </div>
159
- </div>
160
-
161
- </div>
162
- </div>
163
- </li>
164
- </ul>
165
- <?php
166
- }
167
-
168
169
// style - 2
170
function ccw_style_2_cb() {
@@ -779,7 +689,7 @@ class CCW_Admin_Page_Customize_Styles {
779
<div class="collapsible-body">
780
781
<p class="description"> <?php _e( 'alpha stage, things may change, may not work as like this in next releases, </br> may need to reconfigure also ..' , 'click-to-chat-for-whatsapp' ) ?> </p>
782
- <p class="description"> <?php _e( 'Animations for floating styles ( 3, 4, 5, 6, 7, 8, 9 ) ' , 'click-to-chat-for-whatsapp' ) ?> - <a target="_blank" href="https://holithemes.com/whatsapp-chat/animations/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
783
<br><br>
784
785
28
add_settings_section( 'ccw_settings_cs', '', array( $this, 'ccw_settings_section_cs_cb' ), 'ccw_options_settings_cs' );
29
30
add_settings_field( 'ccw_style_1_cs', 'Style 1', array( $this, 'ccw_style_1_cb' ), 'ccw_options_settings_cs', 'ccw_settings_cs' );
31
add_settings_field( 'ccw_style_2_cs', 'Style 2', array( $this, 'ccw_style_2_cb' ), 'ccw_options_settings_cs', 'ccw_settings_cs' );
32
add_settings_field( 'ccw_style_3_cs', 'Style 3', array( $this, 'ccw_style_3_cb' ), 'ccw_options_settings_cs', 'ccw_settings_cs' );
33
add_settings_field( 'ccw_style_4_cs', 'Style 4', array( $this, 'ccw_style_4_cb' ), 'ccw_options_settings_cs', 'ccw_settings_cs' );
62
<br>
63
<p class="description">For customizable button, please select style-8</p>
64
<br><br>
65
+ <p class="description">changes made in style-1 since <a target="_blank" href="https://holithemes.com/whatsapp-chat/v-1-7">Version-1.7</a></p>
66
</div>
67
68
</div>
75
}
76
77
78
79
// style - 2
80
function ccw_style_2_cb() {
689
<div class="collapsible-body">
690
691
<p class="description"> <?php _e( 'alpha stage, things may change, may not work as like this in next releases, </br> may need to reconfigure also ..' , 'click-to-chat-for-whatsapp' ) ?> </p>
692
+ <p class="description"> <?php _e( 'Animations for floating styles' , 'click-to-chat-for-whatsapp' ) ?> - <a target="_blank" href="https://holithemes.com/whatsapp-chat/animations/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
693
<br><br>
694
695
admin/class-ccw-admin-page.php CHANGED
@@ -38,7 +38,7 @@ class CCW_Admin_Page {
38
add_settings_field( 'ccw_list_id_tohide', __( 'Posts, Pages Id\'s to Hide' , 'click-to-chat-for-whatsapp' ), array( $this, 'ccw_list_id_tohide_cb' ), 'ccw_options_settings', 'ccw_settings' );
39
add_settings_field( 'ccw_list_cat_tohide', __( 'Categorys to Hide' , 'click-to-chat-for-whatsapp' ), array( $this, 'ccw_list_cat_tohide_cb' ), 'ccw_options_settings', 'ccw_settings' );
40
add_settings_field( 'ccw_custom_shortcode', __( 'Shortcode name' , 'click-to-chat-for-whatsapp' ), array( $this, 'ccw_custom_shortcode_cb' ), 'ccw_options_settings', 'ccw_settings' );
41
- add_settings_field( 'ccw_app_first', __( 'App First' , 'click-to-chat-for-whatsapp' ), array( $this, 'ccw_app_first_cb' ), 'ccw_options_settings', 'ccw_settings' );
42
43
}
44
@@ -57,9 +57,9 @@ class CCW_Admin_Page {
57
<div class="input-field col s12">
58
<select name="ccw_options[enable]" class="select-1">
59
<option value="1"><?php _e( 'No' , 'click-to-chat-for-whatsapp' ) ?></option>
60
- <option value="2" <?php echo esc_attr( $ccw_enable['enable'] ) == 2 ? 'SELECTED' : ''; ?> ><?php _e( 'Yes' , 'click-to-chat-for-whatsapp' ) ?></option>
61
</select>
62
- <label><?php _e( 'enable' , 'click-to-chat-for-whatsapp' ) ?></label>
63
</div>
64
</div>
65
<?php
@@ -72,11 +72,11 @@ class CCW_Admin_Page {
72
<div class="row">
73
<div class="input-field col s12 select-margin">
74
<select name="ccw_options[enable_sc]" class="select-1">
75
- <option value="1"><?php _e( 'No' , 'click-to-chat-for-whatsapp' ) ?></option>
76
- <option value="2" <?php echo esc_attr( $ccw_enable_sc['enable_sc'] ) == 2 ? 'SELECTED' : ''; ?> ><?php _e( 'Yes' , 'click-to-chat-for-whatsapp' ) ?></option>
77
</select>
78
- <label><?php _e( 'enable ShortCodes' , 'click-to-chat-for-whatsapp' ) ?></label>
79
- <p class="description"> <?php _e( 'If Selected - No - then Hides Shortcodes and its syntax' , 'click-to-chat-for-whatsapp' ) ?> - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/enable-disable-styles/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
80
</div>
81
</div>
82
<?php
@@ -89,11 +89,11 @@ class CCW_Admin_Page {
89
<div class="row">
90
<div class="input-field col s12 select-margin">
91
<select name="ccw_options[return_type]" class="select-1">
92
- <option value="chat" <?php echo esc_attr( $ccw_return_type['return_type'] ) == 'chat' ? 'SELECTED' : ''; ?> ><?php _e( 'Chat' , 'click-to-chat-for-whatsapp' ) ?></option>
93
- <option value="group_chat" <?php echo esc_attr( $ccw_return_type['return_type'] ) == 'group_chat' ? 'SELECTED' : ''; ?> ><?php _e( 'Group chat - Invite' , 'click-to-chat-for-whatsapp' ) ?></option>
94
</select>
95
- <label><?php _e( 'Default return type - Chat or Group Chat Invite' , 'click-to-chat-for-whatsapp' ) ?></label>
96
- <p class="description"><?php _e( 'Default return type for Floating Style, shortcodes. But for shortcodes can change using shortcode attributes' , 'click-to-chat-for-whatsapp' ) ?> - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/return-type-chat-or-group-chat/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
97
</div>
98
</div>
99
<?php
@@ -108,21 +108,21 @@ class CCW_Admin_Page {
108
<div class="row">
109
<div class="input-field col s12">
110
<select name="ccw_options[style]" class="select-2">
111
- <option value="1" <?php echo $style_value == 1 ? 'SELECTED' : ''; ?> >Style-1</option>
112
- <option value="2" <?php echo $style_value == 2 ? 'SELECTED' : ''; ?> >Style-2</option>
113
- <option value="3" <?php echo $style_value == 3 ? 'SELECTED' : ''; ?> >Style-3</option>
114
- <option value="4" <?php echo $style_value == 4 ? 'SELECTED' : ''; ?> >Style-4</option>
115
- <option value="5" <?php echo $style_value == 5 ? 'SELECTED' : ''; ?> >Style-5</option>
116
- <option value="6" <?php echo $style_value == 6 ? 'SELECTED' : ''; ?> >Style-6</option>
117
- <option value="7" <?php echo $style_value == 7 ? 'SELECTED' : ''; ?> >Style-7</option>
118
- <option value="8" <?php echo $style_value == 8 ? 'SELECTED' : ''; ?> >Style-8</option>
119
- <option value="9" <?php echo $style_value == 9 ? 'SELECTED' : ''; ?> >Style-9</option>
120
- <option value="99" <?php echo $style_value == 99 ? 'SELECTED' : ''; ?> >Style-99 ( Add your own Image / GIF )</option>
121
- <option value="0" <?php echo $style_value == 0 ? 'SELECTED' : ''; ?> ><?php _e( 'Hide on Desktop Devices' , 'click-to-chat-for-whatsapp' ) ?></option>
122
</select>
123
<label><?php _e( 'Select Style for Destops' , 'click-to-chat-for-whatsapp' ) ?></label>
124
- <p class="description"> - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/select-styles/"><?php _e( 'List of syles with images' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
125
- <p class="description"> - <a target="_blank" href="<?php echo admin_url( 'admin.php?page=ccw-edit-styles' ); ?>"><?php _e( 'Customize Styles' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
126
127
</div>
128
</div>
@@ -147,9 +147,9 @@ class CCW_Admin_Page {
147
<option value="8" <?php echo $style_mobile_value == 8 ? 'SELECTED' : ''; ?> >Style-8</option>
148
<option value="9" <?php echo $style_mobile_value == 9 ? 'SELECTED' : ''; ?> >Style-9</option>
149
<option value="99" <?php echo $style_mobile_value == 99 ? 'SELECTED' : ''; ?> >Style-99 ( Add your own Image / GIF )</option>
150
- <option value="0" <?php echo $style_mobile_value == 0 ? 'SELECTED' : ''; ?> ><?php _e( 'Hide on Mobile Devices' , 'click-to-chat-for-whatsapp' ) ?></option>
151
</select>
152
- <label><?php _e( 'Select Style for Mobile Devices' , 'click-to-chat-for-whatsapp' ) ?></label>
153
</div>
154
</div>
155
<?php
@@ -162,8 +162,8 @@ class CCW_Admin_Page {
162
<div class="row">
163
<div class="input-field col s12">
164
<input name="ccw_options[number]" value="<?php echo esc_attr( $ccw_number['number'] ) ?>" id="whatsapp_number" type="text" class="input-margin">
165
- <label for="whatsapp_number"><?php _e( 'Enter whatsapp number' , 'click-to-chat-for-whatsapp' ) ?> </label>
166
- <p class="description"><?php _e( 'Enter whatsapp number with country code ( e.g. 916123456789 ) please dont include +, ( here in e.g. 91 is country code 6123456789 is mobile number' , 'click-to-chat-for-whatsapp' ) ?> - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/whatsapp-number/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> ) </p>
167
</div>
168
</div>
169
<?php
@@ -178,7 +178,7 @@ class CCW_Admin_Page {
178
<div class="input-field col s12">
179
<input name="ccw_options[initial]" value="<?php echo esc_attr( $ccw_initial['initial'] ) ?>" id="whatsapp_initial" type="text" class="input-margin">
180
<label for="whatsapp_initial"><?php _e( 'Initial Message' , 'click-to-chat-for-whatsapp' ) ?></label>
181
- <p class="description"><?php _e( 'Initial message ( pre-filled ), placeholder {{url}} to add webpage url - ' , 'click-to-chat-for-whatsapp' ) ?> <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/pre-filled-message/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
182
</div>
183
</div>
184
<?php
@@ -192,8 +192,8 @@ class CCW_Admin_Page {
192
<div class="row">
193
<div class="input-field col s12">
194
<input name="ccw_options[group_id]" value="<?php echo esc_attr( $ccw_group_id['group_id'] ) ?>" id="whatsapp_group_id" type="text" class="input-margin">
195
- <label for="whatsapp_group_id"><?php _e( 'whatsapp group ID Extenstion' , 'click-to-chat-for-whatsapp' ) ?> </label>
196
- <p class="description"><?php _e( 'Enter whatsapp Group Id' , 'click-to-chat-for-whatsapp' ) ?> - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/find-whatsapp-group-id/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> ) </p>
197
</div>
198
</div>
199
<?php
@@ -213,29 +213,29 @@ class CCW_Admin_Page {
213
<option value="4" <?php echo $ccw_position_value == 4 ? 'SELECTED' : ''; ?> ><?php _e( 'top right' , 'click-to-chat-for-whatsapp' ) ?></option>
214
</select>
215
<label><?php _e( 'Fixed position to place' , 'click-to-chat-for-whatsapp' ) ?></label>
216
- <p class="description"><?php _e( ' e.g. 10px - please add css units as suffix, e.g. 10px, 10%, 10rem, 10em' , 'click-to-chat-for-whatsapp' ) ?> .. <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/position-to-place/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
217
</div>
218
</div>
219
220
<div class="row display-none position position-1 bottom-right">
221
<div class="input-field col s6">
222
<input name="ccw_options[position-1_bottom]" value="<?php echo esc_attr( $ccw_position['position-1_bottom'] ) ?>" id="position_bottom" type="text" class="validate">
223
- <label for="position_bottom"><?php _e( 'position_bottom' , 'click-to-chat-for-whatsapp' ) ?>: </label>
224
</div>
225
<div class="input-field col s6">
226
<input name="ccw_options[position-1_right]" value="<?php echo esc_attr( $ccw_position['position-1_right'] ) ?>" id="position_right" type="text" class="validate">
227
- <label for="position_right"><?php _e( 'position_right' , 'click-to-chat-for-whatsapp' ) ?>: </label>
228
</div>
229
</div>
230
231
<div class="row display-none position position-2 bottom-left">
232
<div class="input-field col s6">
233
<input name="ccw_options[position-2_bottom]" value="<?php echo esc_attr( $ccw_position['position-2_bottom'] ) ?>" id="position_bottom" type="text" class="validate">
234
- <label for="position_bottom"><?php _e( 'position_bottom' , 'click-to-chat-for-whatsapp' ) ?>: </label>
235
</div>
236
<div class="input-field col s6">
237
<input name="ccw_options[position-2_left]" value="<?php echo esc_attr( $ccw_position['position-2_left'] ) ?>" id="position_left" type="text" class="validate">
238
- <label for="position_left"><?php _e( 'position_left' , 'click-to-chat-for-whatsapp' ) ?>: </label>
239
</div>
240
</div>
241
@@ -244,22 +244,22 @@ class CCW_Admin_Page {
244
<div class="row display-none position position-3 top-left">
245
<div class="input-field col s6">
246
<input name="ccw_options[position-3_top]" value="<?php echo esc_attr( $ccw_position['position-3_top'] ) ?>" id="position_top" type="text" class="validate">
247
- <label for="position_top"><?php _e( 'position_top' , 'click-to-chat-for-whatsapp' ) ?>: </label>
248
</div>
249
<div class="input-field col s6">
250
<input name="ccw_options[position-3_left]" value="<?php echo esc_attr( $ccw_position['position-3_left'] ) ?>" id="position_left" type="text" class="validate">
251
- <label for="position_left"><?php _e( 'position_left' , 'click-to-chat-for-whatsapp' ) ?>: </label>
252
</div>
253
</div>
254
255
<div class="row display-none position position-4 top-right">
256
<div class="input-field col s6">
257
<input name="ccw_options[position-4_top]" value="<?php echo esc_attr( $ccw_position['position-4_top'] ) ?>" id="position_top" type="text" class="validate">
258
- <label for="position_top"><?php _e( 'position_top' , 'click-to-chat-for-whatsapp' ) ?>: </label>
259
</div>
260
<div class="input-field col s6">
261
<input name="ccw_options[position-4_right]" value="<?php echo esc_attr( $ccw_position['position-4_right'] ) ?>" id="position_right" type="text" class="validate">
262
- <label for="position_right"><?php _e( 'position_right' , 'click-to-chat-for-whatsapp' ) ?>: </label>
263
</div>
264
</div>
265
@@ -273,8 +273,8 @@ class CCW_Admin_Page {
273
<div class="row">
274
<div class="input-field col s12">
275
<input name="ccw_options[input_placeholder]" value="<?php echo esc_attr( $ccw_placeholder['input_placeholder'] ) ?>" id="input_placeholder" type="text" class="input-margin">
276
- <label for="input_placeholder"><?php _e( 'placeholder value' , 'click-to-chat-for-whatsapp' ) ?></label>
277
- <p class="description"> - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/text-to-display/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
278
</div>
279
</div>
280
<?php
@@ -307,9 +307,9 @@ class CCW_Admin_Page {
307
}
308
?>
309
310
- <p class="description"> <?php _e( 'If Google Analytics is installed - creates an Event at there' , 'click-to-chat-for-whatsapp' ) ?> - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/google-analytics/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
311
- <p class="description"> <?php _e( 'Customize Event Values' , 'click-to-chat-for-whatsapp' ) ?> - <a target="_blank" href="<?php echo admin_url( 'admin.php?page=ccw-edit-styles#ga-analytics' ); ?>"><?php _e( 'Customize Styles' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
312
- <p class="description"> <?php _e( 'Using' , 'click-to-chat-for-whatsapp' ) ?> - <a target="_blank" href="https://www.holithemes.com/google-analytics-for-click-to-chat-for-whatsapp-plugin/"><?php _e( 'Google Tag Manager' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
313
<?php
314
}
315
@@ -339,8 +339,8 @@ class CCW_Admin_Page {
339
<?php
340
}
341
?>
342
- <p class="description"> <?php _e( 'If Facebook Analytics is installed - creates an Event at there' , 'click-to-chat-for-whatsapp' ) ?> - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/facebook-analytics/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
343
- <p class="description"> <?php _e( 'Customize Event Values' , 'click-to-chat-for-whatsapp' ) ?> - <a target="_blank" href="<?php echo admin_url( 'admin.php?page=ccw-edit-styles#fb-analytics' ); ?>"><?php _e( 'Customize Styles' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
344
<?php
345
}
346
@@ -504,7 +504,7 @@ class CCW_Admin_Page {
504
<?php
505
}
506
?>
507
- <p class="description"><?php _e( 'Check to hide - Hide - Styles - based on type of the page' , 'click-to-chat-for-whatsapp' ) ?> <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/show-hide-styles-based-on-type-of-the-page/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
508
<?php
509
}
510
@@ -516,7 +516,7 @@ class CCW_Admin_Page {
516
<div class="input-field col s12">
517
<input name="ccw_options[list_hideon_pages]" value="<?php echo esc_attr( $ccw_list_id_tohide['list_hideon_pages'] ) ?>" id="ccw_list_id_tohide" type="text" class="input-margin">
518
<label for="ccw_list_id_tohide">Id's list to Hide - add ',' after each id </label>
519
- <p class="description"> Add Post, Pages, Media - ID's to hide, can add multiple id's separate with comma ( , ) - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/show-hide-styles-based-on-id/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
520
</div>
521
</div>
522
<?php
@@ -529,8 +529,8 @@ class CCW_Admin_Page {
529
<div class="row">
530
<div class="input-field col s12">
531
<input name="ccw_options[list_hideon_cat]" value="<?php echo esc_attr( $ccw_list_cat_tohide['list_hideon_cat'] ) ?>" id="ccw_list_cat_tohide" type="text" class="input-margin">
532
- <label for="ccw_list_cat_tohide"><?php _e( 'Category name\'s to Hide - add \',\' after each category name' , 'click-to-chat-for-whatsapp' ) ?> </label>
533
- <p class="description"><?php _e( 'Category name\'s to hide, can add multiple Categories separate with comma ( , )' , 'click-to-chat-for-whatsapp' ) ?> - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/hide-styles-based-on-category/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
534
</div>
535
</div>
536
<?php
@@ -543,7 +543,7 @@ class CCW_Admin_Page {
543
<div class="row">
544
<div class="input-field col s12">
545
<input name="ccw_options[shortcode]" value="<?php echo esc_attr( $ccw_shortcode['shortcode'] ) ?>" id="shortcode" type="text" class="input-margin">
546
- <label for="shortcode"><?php _e( 'shortcode name' , 'click-to-chat-for-whatsapp' ) ?></label>
547
<?php
548
$shorcode_list = '';
549
// global used here is defined by wordpress
@@ -551,9 +551,9 @@ class CCW_Admin_Page {
551
$shorcode_list .= $key . ', ';
552
}
553
?>
554
- <p class="description"> <?php _e( 'Default values is \'chat\', can customize shortcode name' , 'click-to-chat-for-whatsapp' ) ?> - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/change-shortcode-name/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
555
- <!-- <p class="description"> <?php _e( 'please dont add this already existing shorcode names' , 'click-to-chat-for-whatsapp' ) ?> - <?php echo $shorcode_list ?> </p> -->
556
- <p class="description"> <?php _e( 'please dont change to already existing shorcode name' , 'click-to-chat-for-whatsapp' ) ?> </p>
557
</div>
558
</div>
559
<?php
@@ -587,7 +587,7 @@ class CCW_Admin_Page {
587
<?php
588
}
589
?>
590
- <p class="description"> <?php _e( 'check this only if an issue with some cache plugin - api.whatsapp, web.whatsapp' , 'click-to-chat-for-whatsapp' ) ?> - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/app-first/"><?php _e( 'more info' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
591
<?php
592
}
593
38
add_settings_field( 'ccw_list_id_tohide', __( 'Posts, Pages Id\'s to Hide' , 'click-to-chat-for-whatsapp' ), array( $this, 'ccw_list_id_tohide_cb' ), 'ccw_options_settings', 'ccw_settings' );
39
add_settings_field( 'ccw_list_cat_tohide', __( 'Categorys to Hide' , 'click-to-chat-for-whatsapp' ), array( $this, 'ccw_list_cat_tohide_cb' ), 'ccw_options_settings', 'ccw_settings' );
40
add_settings_field( 'ccw_custom_shortcode', __( 'Shortcode name' , 'click-to-chat-for-whatsapp' ), array( $this, 'ccw_custom_shortcode_cb' ), 'ccw_options_settings', 'ccw_settings' );
41
+ add_settings_field( 'ccw_app_first', __( 'App First / If Cache Issue' , 'click-to-chat-for-whatsapp' ), array( $this, 'ccw_app_first_cb' ), 'ccw_options_settings', 'ccw_settings' );
42
43
}
44
57
<div class="input-field col s12">
58
<select name="ccw_options[enable]" class="select-1">
59
<option value="1"><?php _e( 'No' , 'click-to-chat-for-whatsapp' ) ?></option>
60
+ <option value="2" <?php echo esc_attr( $ccw_enable['enable'] ) == 2 ? 'SELECTED' : ''; ?> >Yes</option>
61
</select>
62
+ <label>enable</label>
63
</div>
64
</div>
65
<?php
72
<div class="row">
73
<div class="input-field col s12 select-margin">
74
<select name="ccw_options[enable_sc]" class="select-1">
75
+ <option value="1">No</option>
76
+ <option value="2" <?php echo esc_attr( $ccw_enable_sc['enable_sc'] ) == 2 ? 'SELECTED' : ''; ?> >Yes</option>
77
</select>
78
+ <label>enable ShortCodes</label>
79
+ <p class="description">If Selected - No - then Hides Shortcodes and its syntax - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/enable-disable-styles/">more info</a> </p>
80
</div>
81
</div>
82
<?php
89
<div class="row">
90
<div class="input-field col s12 select-margin">
91
<select name="ccw_options[return_type]" class="select-1">
92
+ <option value="chat" <?php echo esc_attr( $ccw_return_type['return_type'] ) == 'chat' ? 'SELECTED' : ''; ?> >Chat</option>
93
+ <option value="group_chat" <?php echo esc_attr( $ccw_return_type['return_type'] ) == 'group_chat' ? 'SELECTED' : ''; ?> >Group chat - Invite</option>
94
</select>
95
+ <label>Default return type - Chat or Group Chat Invite</label>
96
+ <p class="description">Default return type for Floating Style, shortcodes. But for shortcodes can change using shortcode attributes - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/return-type-chat-or-group-chat/">more info</a> </p>
97
</div>
98
</div>
99
<?php
108
<div class="row">
109
<div class="input-field col s12">
110
<select name="ccw_options[style]" class="select-2">
111
+ <option value="1" <?php echo $style_value == 1 ? 'SELECTED' : ''; ?> >Style-1</option>
112
+ <option value="2" <?php echo $style_value == 2 ? 'SELECTED' : ''; ?> >Style-2</option>
113
+ <option value="3" <?php echo $style_value == 3 ? 'SELECTED' : ''; ?> >Style-3</option>
114
+ <option value="4" <?php echo $style_value == 4 ? 'SELECTED' : ''; ?> >Style-4</option>
115
+ <option value="5" <?php echo $style_value == 5 ? 'SELECTED' : ''; ?> >Style-5</option>
116
+ <option value="6" <?php echo $style_value == 6 ? 'SELECTED' : ''; ?> >Style-6</option>
117
+ <option value="7" <?php echo $style_value == 7 ? 'SELECTED' : ''; ?> >Style-7</option>
118
+ <option value="8" <?php echo $style_value == 8 ? 'SELECTED' : ''; ?> >Style-8</option>
119
+ <option value="9" <?php echo $style_value == 9 ? 'SELECTED' : ''; ?> >Style-9</option>
120
+ <option value="99" <?php echo $style_value == 99 ? 'SELECTED' : ''; ?> >Style-99 ( Add your own Image / GIF )</option>
121
+ <option value="0" <?php echo $style_value == 0 ? 'SELECTED' : ''; ?> ><?php _e( 'Hide on Desktop Devices' , 'click-to-chat-for-whatsapp' ) ?></option>
122
</select>
123
<label><?php _e( 'Select Style for Destops' , 'click-to-chat-for-whatsapp' ) ?></label>
124
+ <p class="description"> - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/styles/">List of Styles</a> </p>
125
+ <p class="description">These styles are customizable - <a target="_blank" href="<?php echo admin_url( 'admin.php?page=ccw-edit-styles' ); ?>">Customize Styles</a> </p>
126
127
</div>
128
</div>
147
<option value="8" <?php echo $style_mobile_value == 8 ? 'SELECTED' : ''; ?> >Style-8</option>
148
<option value="9" <?php echo $style_mobile_value == 9 ? 'SELECTED' : ''; ?> >Style-9</option>
149
<option value="99" <?php echo $style_mobile_value == 99 ? 'SELECTED' : ''; ?> >Style-99 ( Add your own Image / GIF )</option>
150
+ <option value="0" <?php echo $style_mobile_value == 0 ? 'SELECTED' : ''; ?> >Hide on Mobile Devices</option>
151
</select>
152
+ <label>Select Style for Mobile Devices</label>
153
</div>
154
</div>
155
<?php
162
<div class="row">
163
<div class="input-field col s12">
164
<input name="ccw_options[number]" value="<?php echo esc_attr( $ccw_number['number'] ) ?>" id="whatsapp_number" type="text" class="input-margin">
165
+ <label for="whatsapp_number">Enter whatsapp number </label>
166
+ <p class="description">Enter whatsapp number with country code ( e.g. 916123456789 ) please dont include +, ( here in e.g. 91 is country code 6123456789 is mobile number - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/whatsapp-number/">more info</a> ) </p>
167
</div>
168
</div>
169
<?php
178
<div class="input-field col s12">
179
<input name="ccw_options[initial]" value="<?php echo esc_attr( $ccw_initial['initial'] ) ?>" id="whatsapp_initial" type="text" class="input-margin">
180
<label for="whatsapp_initial"><?php _e( 'Initial Message' , 'click-to-chat-for-whatsapp' ) ?></label>
181
+ <p class="description">Initial message ( pre-filled ), placeholder {{url}} to add webpage url - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/pre-filled-message/">more info</a> </p>
182
</div>
183
</div>
184
<?php
192
<div class="row">
193
<div class="input-field col s12">
194
<input name="ccw_options[group_id]" value="<?php echo esc_attr( $ccw_group_id['group_id'] ) ?>" id="whatsapp_group_id" type="text" class="input-margin">
195
+ <label for="whatsapp_group_id">whatsapp group ID Extenstion </label>
196
+ <p class="description">Enter whatsapp Group Id - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/find-whatsapp-group-id/">more info</a> ) </p>
197
</div>
198
</div>
199
<?php
213
<option value="4" <?php echo $ccw_position_value == 4 ? 'SELECTED' : ''; ?> ><?php _e( 'top right' , 'click-to-chat-for-whatsapp' ) ?></option>
214
</select>
215
<label><?php _e( 'Fixed position to place' , 'click-to-chat-for-whatsapp' ) ?></label>
216
+ <p class="description"><?php _e( ' e.g. 10px - please add css units as suffix, e.g. 10px, 10%, 10rem, 10em' , 'click-to-chat-for-whatsapp' ) ?> .. <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/position-to-place/">more info</a> </p>
217
</div>
218
</div>
219
220
<div class="row display-none position position-1 bottom-right">
221
<div class="input-field col s6">
222
<input name="ccw_options[position-1_bottom]" value="<?php echo esc_attr( $ccw_position['position-1_bottom'] ) ?>" id="position_bottom" type="text" class="validate">
223
+ <label for="position_bottom">position_bottom: </label>
224
</div>
225
<div class="input-field col s6">
226
<input name="ccw_options[position-1_right]" value="<?php echo esc_attr( $ccw_position['position-1_right'] ) ?>" id="position_right" type="text" class="validate">
227
+ <label for="position_right">position_right: </label>
228
</div>
229
</div>
230
231
<div class="row display-none position position-2 bottom-left">
232
<div class="input-field col s6">
233
<input name="ccw_options[position-2_bottom]" value="<?php echo esc_attr( $ccw_position['position-2_bottom'] ) ?>" id="position_bottom" type="text" class="validate">
234
+ <label for="position_bottom">position_bottom: </label>
235
</div>
236
<div class="input-field col s6">
237
<input name="ccw_options[position-2_left]" value="<?php echo esc_attr( $ccw_position['position-2_left'] ) ?>" id="position_left" type="text" class="validate">
238
+ <label for="position_left">position_left: </label>
239
</div>
240
</div>
241
244
<div class="row display-none position position-3 top-left">
245
<div class="input-field col s6">
246
<input name="ccw_options[position-3_top]" value="<?php echo esc_attr( $ccw_position['position-3_top'] ) ?>" id="position_top" type="text" class="validate">
247
+ <label for="position_top">position_top: </label>
248
</div>
249
<div class="input-field col s6">
250
<input name="ccw_options[position-3_left]" value="<?php echo esc_attr( $ccw_position['position-3_left'] ) ?>" id="position_left" type="text" class="validate">
251
+ <label for="position_left">position_left: </label>
252
</div>
253
</div>
254
255
<div class="row display-none position position-4 top-right">
256
<div class="input-field col s6">
257
<input name="ccw_options[position-4_top]" value="<?php echo esc_attr( $ccw_position['position-4_top'] ) ?>" id="position_top" type="text" class="validate">
258
+ <label for="position_top">position_top: </label>
259
</div>
260
<div class="input-field col s6">
261
<input name="ccw_options[position-4_right]" value="<?php echo esc_attr( $ccw_position['position-4_right'] ) ?>" id="position_right" type="text" class="validate">
262
+ <label for="position_right">position_right: </label>
263
</div>
264
</div>
265
273
<div class="row">
274
<div class="input-field col s12">
275
<input name="ccw_options[input_placeholder]" value="<?php echo esc_attr( $ccw_placeholder['input_placeholder'] ) ?>" id="input_placeholder" type="text" class="input-margin">
276
+ <label for="input_placeholder">placeholder value</label>
277
+ <p class="description"> - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/text-to-display/">more info</a> </p>
278
</div>
279
</div>
280
<?php
307
}
308
?>
309
310
+ <p class="description"> If Google Analytics is installed - creates an Event at there - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/google-analytics/">more info</a> </p>
311
+ <p class="description"> Customize Event Values - <a target="_blank" href="<?php echo admin_url( 'admin.php?page=ccw-edit-styles#ga-analytics' ); ?>"><?php _e( 'Customize Styles' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
312
+ <p class="description"> Using - <a target="_blank" href="https://www.holithemes.com/google-analytics-for-click-to-chat-for-whatsapp-plugin/"><?php _e( 'Google Tag Manager' , 'click-to-chat-for-whatsapp' ) ?></a> </p>
313
<?php
314
}
315
339
<?php
340
}
341
?>
342
+ <p class="description"> If Facebook Analytics is installed - creates an Event at there - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/facebook-analytics/">more info</a> </p>
343
+ <p class="description"> Customize Event Values - <a target="_blank" href="<?php echo admin_url( 'admin.php?page=ccw-edit-styles#fb-analytics' ); ?>">Customize Styles</a> </p>
344
<?php
345
}
346
504
<?php
505
}
506
?>
507
+ <p class="description">Check to hide - Hide - Styles - based on type of the page <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/show-hide-styles-based-on-type-of-the-page/">more info</a> </p>
508
<?php
509
}
510
516
<div class="input-field col s12">
517
<input name="ccw_options[list_hideon_pages]" value="<?php echo esc_attr( $ccw_list_id_tohide['list_hideon_pages'] ) ?>" id="ccw_list_id_tohide" type="text" class="input-margin">
518
<label for="ccw_list_id_tohide">Id's list to Hide - add ',' after each id </label>
519
+ <p class="description"> Add Post, Pages, Media - ID's to hide, can add multiple id's separate with comma ( , ) - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/show-hide-styles-based-on-id/">more info</a> </p>
520
</div>
521
</div>
522
<?php
529
<div class="row">
530
<div class="input-field col s12">
531
<input name="ccw_options[list_hideon_cat]" value="<?php echo esc_attr( $ccw_list_cat_tohide['list_hideon_cat'] ) ?>" id="ccw_list_cat_tohide" type="text" class="input-margin">
532
+ <label for="ccw_list_cat_tohide">Category name\'s to Hide - add \',\' after each category name </label>
533
+ <p class="description">Category name\'s to hide, can add multiple Categories separate with comma ( , ) - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/hide-styles-based-on-category/">more info</a> </p>
534
</div>
535
</div>
536
<?php
543
<div class="row">
544
<div class="input-field col s12">
545
<input name="ccw_options[shortcode]" value="<?php echo esc_attr( $ccw_shortcode['shortcode'] ) ?>" id="shortcode" type="text" class="input-margin">
546
+ <label for="shortcode">shortcode name</label>
547
<?php
548
$shorcode_list = '';
549
// global used here is defined by wordpress
551
$shorcode_list .= $key . ', ';
552
}
553
?>
554
+ <p class="description"> Default values is \'chat\', can customize shortcode name - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/change-shortcode-name/">more info</a> </p>
555
+ <!-- <p class="description"> please dont add this already existing shorcode names - <?php echo $shorcode_list ?> </p> -->
556
+ <p class="description"> please dont change to already existing shorcode name </p>
557
</div>
558
</div>
559
<?php
587
<?php
588
}
589
?>
590
+ <p class="description"> check this only if an issue with some cache plugin - api.whatsapp, web.whatsapp - <a target="_blank" href="https://www.holithemes.com/whatsapp-chat/app-first/">more info</a> </p>
591
<?php
592
}
593
admin/commons/admin-sidebar.php CHANGED
@@ -22,8 +22,8 @@ if ( ! defined( 'ABSPATH' ) ) exit;
22
<br>
23
<p>We developed a new Interface, plannnig to release soon. </p>
24
<br>
25
- <p>Please <a href="https://www.holithemes.com/go/ctc-1-8">Download</a> the beta version</p><br>
26
- <p>After downloading, please delete the current version and reinstall the latest version.</p><br>
27
<br>
28
29
</div>
22
<br>
23
<p>We developed a new Interface, plannnig to release soon. </p>
24
<br>
25
+ <p>Please <a href="https://www.holithemes.com/go/ctc-1-8">Download</a> the beta version and reinstall the plugin</p><br>
26
+ <!-- <p>After downloading, please delete the current version and reinstall the latest version.</p><br> -->
27
<br>
28
29
</div>
admin/default-values.php CHANGED
@@ -51,47 +51,6 @@ $values = array(
51
52
);
53
54
- /**
55
- * for version before 1.3
56
- * has things changed - showon is changed to hideon
57
- * as its checkboxes
58
- * handled in this way..
59
- */
60
- $showon = get_option( 'ccw_options' );
61
- $p_ver = get_option('ccw_plugin_details');
62
-
63
- if ( '1.1' == $p_ver['version'] || '1.2' == $p_ver['version'] ) {
64
-
65
- if( !isset( $showon['showon_posts'] ) ) {
66
- $values[hideon_posts] = '1';
67
- }
68
-
69
- if( !isset( $showon['showon_page'] ) ) {
70
- $values[hideon_page] = '1';
71
- }
72
-
73
- if( !isset( $showon['showon_homepage'] ) ) {
74
- $values[hideon_homepage] = '1';
75
- }
76
-
77
- if( !isset( $showon['showon_frontpage'] ) ) {
78
- $values[hideon_frontpage] = '1';
79
- }
80
-
81
- if( !isset( $showon['showon_category'] ) ) {
82
- $values[hideon_category] = '1';
83
- }
84
-
85
- if( !isset( $showon['showon_archive'] ) ) {
86
- $values[hideon_archive] = '1';
87
- }
88
-
89
- if( !isset( $showon['showon_404'] ) ) {
90
- $values[hideon_404] = '1';
91
- }
92
- }
93
-
94
-
95
// update_option( 'ccw_options', $values );
96
// add_option( 'ccw_options', $values );
97
@@ -245,8 +204,7 @@ update_option( 'ccw_plugin_details', $plugin_details );
245
246
247
/**
248
- * for new interface.. adding some values in advance..
249
- * todo
250
*/
251
252
function new_options() {
51
52
);
53
54
// update_option( 'ccw_options', $values );
55
// add_option( 'ccw_options', $values );
56
204
205
206
/**
207
+ * for new interface.. in advance..
208
*/
209
210
function new_options() {
admin/settings_page.php CHANGED
@@ -47,11 +47,11 @@ if ( ! defined( 'ABSPATH' ) ) exit;
47
<div class="col s12 m6">
48
<div class="card blue-grey darken-1">
49
<div class="card-content white-text">
50
- <span class="card-title"><?php _e( 'Plugin Review' , 'click-to-chat-for-whatsapp' ) ?></span>
51
<br>
52
- <p><?php _e( 'If you like the plugin, Support the Developers' , 'click-to-chat-for-whatsapp' ) ?></p>
53
<br>
54
- <p><?php _e( 'By giving 5 Star rating' , 'click-to-chat-for-whatsapp' ) ?></p>
55
</div>
56
<div class="card-action">
57
<a target="_blank" href="https://wordpress.org/support/plugin/click-to-chat-for-whatsapp/reviews/#new-post"><?php _e( '' , 'click-to-chat-for-whatsapp' ) ?>Plugin Review</a>
@@ -60,7 +60,7 @@ if ( ! defined( 'ABSPATH' ) ) exit;
60
</div>
61
62
63
- <div class="col s12 m6">
64
<div class="card blue-grey darken-1">
65
<div class="card-content white-text">
66
<span class="card-title"><?php _e( 'Click - premium plugin' , 'click-to-chat-for-whatsapp' ) ?></span>
@@ -73,7 +73,7 @@ if ( ! defined( 'ABSPATH' ) ) exit;
73
<a target="_blank" href="https://www.holithemes.com/plugins/click/"><?php _e( '' , 'click-to-chat-for-whatsapp' ) ?>HoliThemes Click</a>
74
</div>
75
</div>
76
- </div>
77
78
79
</div>
47
<div class="col s12 m6">
48
<div class="card blue-grey darken-1">
49
<div class="card-content white-text">
50
+ <span class="card-title">Plugin Review</span>
51
<br>
52
+ <p>If you like the plugin, please Support the Developers</p>
53
<br>
54
+ <p>By giving 5 Star rating</p>
55
</div>
56
<div class="card-action">
57
<a target="_blank" href="https://wordpress.org/support/plugin/click-to-chat-for-whatsapp/reviews/#new-post"><?php _e( '' , 'click-to-chat-for-whatsapp' ) ?>Plugin Review</a>
60
</div>
61
62
63
+ <!-- <div class="col s12 m6">
64
<div class="card blue-grey darken-1">
65
<div class="card-content white-text">
66
<span class="card-title"><?php _e( 'Click - premium plugin' , 'click-to-chat-for-whatsapp' ) ?></span>
73
<a target="_blank" href="https://www.holithemes.com/plugins/click/"><?php _e( '' , 'click-to-chat-for-whatsapp' ) ?>HoliThemes Click</a>
74
</div>
75
</div>
76
+ </div> -->
77
78
79
</div>
assets/css/mdstyle8.css ADDED
@@ -0,0 +1,867 @@
1
+ /* Material Design styles - load on 8 */
2
+
3
+ .mdstyle8 .transparent {
4
+ background-color: transparent !important; }
5
+ .mdstyle8 .transparent-text {
6
+ color: transparent !important; }
7
+ .mdstyle8 html {
8
+ font-family: sans-serif;
9
+ /* 1 */
10
+ -ms-text-size-adjust: 100%;
11
+ /* 2 */
12
+ -webkit-text-size-adjust: 100%;
13
+ /* 2 */ }
14
+ .mdstyle8 body {
15
+ margin: 0; }
16
+ .mdstyle8 article,
17
+ .mdstyle8 aside,
18
+ .mdstyle8 footer,
19
+ .mdstyle8 header,
20
+ .mdstyle8 main,
21
+ .mdstyle8 nav,
22
+ .mdstyle8 section,
23
+ .mdstyle8 summary {
24
+ display: block; }
25
+
26
+ .mdstyle8 [hidden],
27
+ .mdstyle8 template {
28
+ display: none; }
29
+ .mdstyle8 a {
30
+ background-color: transparent; }
31
+ .mdstyle8 a:active,
32
+ .mdstyle8 a:hover {
33
+ outline: 0; }
34
+ .mdstyle8 abbr[title] {
35
+ border-bottom: 1px dotted; }
36
+ .mdstyle8 b,
37
+ .mdstyle8 strong {
38
+ font-weight: bold; }
39
+ .mdstyle8 dfn {
40
+ font-style: italic; }
41
+ .mdstyle8 h1 {
42
+ font-size: 2em;
43
+ margin: 0.67em 0; }
44
+ .mdstyle8 mark {
45
+ background: #ff0;
46
+ color: #000; }
47
+ .mdstyle8 small {
48
+ font-size: 80%; }
49
+ .mdstyle8 sub,
50
+ .mdstyle8 sup {
51
+ font-size: 75%;
52
+ line-height: 0;
53
+ position: relative;
54
+ vertical-align: baseline; }
55
+ .mdstyle8 sup {
56
+ top: -0.5em; }
57
+ .mdstyle8 sub {
58
+ bottom: -0.25em; }
59
+ .mdstyle8 img {
60
+ border: 0; }
61
+ .mdstyle8 svg:not(:root) {
62
+ overflow: hidden; }
63
+ .mdstyle8 figure {
64
+ margin: 1em 40px; }
65
+ .mdstyle8 hr {
66
+ box-sizing: content-box;
67
+ height: 0; }
68
+ .mdstyle8 pre {
69
+ overflow: auto; }
70
+ .mdstyle8 code,
71
+ .mdstyle8 kbd,
72
+ .mdstyle8 pre,
73
+ .mdstyle8 samp {
74
+ font-family: monospace, monospace;
75
+ font-size: 1em; }
76
+ .mdstyle8 button,
77
+ .mdstyle8 input,
78
+ .mdstyle8 optgroup,
79
+ .mdstyle8 select,
80
+ .mdstyle8 textarea {
81
+ color: inherit;
82
+ /* 1 */
83
+ font: inherit;
84
+ /* 2 */
85
+ margin: 0;
86
+ /* 3 */ }
87
+ .mdstyle8 button {
88
+ overflow: visible; }
89
+ .mdstyle8 button,
90
+ .mdstyle8 select {
91
+ text-transform: none; }
92
+ .mdstyle8 button,
93
+ .mdstyle8 html input[type="button"],
94
+ .mdstyle8 input[type="reset"],
95
+ .mdstyle8 input[type="submit"] {
96
+ -webkit-appearance: button;
97
+ /* 2 */
98
+ cursor: pointer;
99
+ /* 3 */ }
100
+ .mdstyle8 button[disabled],
101
+ .mdstyle8 html input[disabled] {
102
+ cursor: default; }
103
+ .mdstyle8 button::-moz-focus-inner,
104
+ .mdstyle8 input::-moz-focus-inner {
105
+ border: 0;
106
+ padding: 0; }
107
+ .mdstyle8 input {
108
+ line-height: normal; }
109
+
110
+
111
+ .mdstyle8 fieldset {
112
+ border: 1px solid #c0c0c0;
113
+ margin: 0 2px;
114
+ padding: 0.35em 0.625em 0.75em; }
115
+ .mdstyle8 legend {
116
+ border: 0;
117
+ /* 1 */
118
+ padding: 0;
119
+ /* 2 */ }
120
+ .mdstyle8 textarea {
121
+ overflow: auto; }
122
+ .mdstyle8 optgroup {
123
+ font-weight: bold; }
124
+ .mdstyle8 table {
125
+ border-collapse: collapse;
126
+ border-spacing: 0; }
127
+ .mdstyle8 td,
128
+ .mdstyle8 th {
129
+ padding: 0; }
130
+ .mdstyle8 html {
131
+ box-sizing: border-box; }
132
+ .mdstyle8 *, .mdstyle8 *:before, .mdstyle8 *:after {
133
+ box-sizing: inherit; }
134
+ .mdstyle8 ul:not(.browser-default) {
135
+ padding-left: 0;
136
+ list-style-type: none; }
137
+ .mdstyle8 ul:not(.browser-default) > li {
138
+ list-style-type: none; }
139
+ .mdstyle8 a {
140
+ color: #039be5;
141
+ text-decoration: none;
142
+ -webkit-tap-highlight-color: transparent; }
143
+ .mdstyle8 .valign-wrapper {
144
+ display: flex;
145
+ align-items: center; }
146
+ .mdstyle8 .clearfix {
147
+ clear: both; }
148
+ .mdstyle8 .z-depth-0 {
149
+ box-shadow: none !important; }
150
+ .mdstyle8 .z-depth-1, .mdstyle8 .btn, .mdstyle8 .btn-large, .mdstyle8 .btn-floating {
151
+ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }
152
+ .mdstyle8 .z-depth-1-half, .mdstyle8 .btn:hover, .mdstyle8 .btn-large:hover, .mdstyle8 .btn-floating:hover {
153
+ box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); }
154
+ .mdstyle8 .z-depth-2 {
155
+ box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); }
156
+ .mdstyle8 .z-depth-3 {
157
+ box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3); }
158
+ .mdstyle8 .z-depth-4 {
159
+ box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3); }
160
+ .mdstyle8 .z-depth-5 {
161
+ box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3); }
162
+ .mdstyle8 .hoverable {
163
+ transition: box-shadow .25s; }
164
+ .mdstyle8 .hoverable:hover {
165
+ box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
166
+ .mdstyle8 .divider {
167
+ height: 1px;
168
+ overflow: hidden;
169
+ background-color: #e0e0e0; }
170
+ .mdstyle8 blockquote {
171
+ margin: 20px 0;
172
+ padding-left: 1.5rem;
173
+ border-left: 5px solid #ee6e73; }
174
+ .mdstyle8 i {
175
+ line-height: inherit; }
176
+ .mdstyle8 i.left {
177
+ float: left;
178
+ margin-right: 15px; }
179
+ .mdstyle8 i.right {
180
+ float: right;
181
+ margin-left: 15px; }
182
+ .mdstyle8 i.tiny {
183
+ font-size: 1rem; }
184
+ .mdstyle8 i.small {
185
+ font-size: 2rem; }
186
+ .mdstyle8 i.medium {
187
+ font-size: 4rem; }
188
+ .mdstyle8 i.large {
189
+ font-size: 6rem; }
190
+ .mdstyle8 img.responsive-img,
191
+ .mdstyle8 video.responsive-video {
192
+ max-width: 100%;
193
+ height: auto; }
194
+
195
+
196
+
197
+ .mdstyle8 ul.staggered-list li {
198
+ opacity: 0; }
199
+ .mdstyle8 .fade-in {
200
+ opacity: 0;
201
+ transform-origin: 0 50%; }
202
+
203
+ .mdstyle8 .page-footer {
204
+ padding-top: 20px;
205
+ color: #fff;
206
+ background-color: #ee6e73; }
207
+ .mdstyle8 .page-footer .footer-copyright {
208
+ overflow: hidden;
209
+ min-height: 50px;
210
+ display: flex;
211
+ align-items: center;
212
+ padding: 10px 0px;
213
+ color: rgba(255, 255, 255, 0.8);
214
+ background-color: rgba(51, 51, 51, 0.08); }
215
+ .mdstyle8 table, .mdstyle8 th, .mdstyle8 td {
216
+ border: none; }
217
+ .mdstyle8 table {
218
+ width: 100%;
219
+ display: table; }
220
+ .mdstyle8 table.bordered > thead > tr,
221
+ .mdstyle8 table.bordered > tbody > tr {
222
+ border-bottom: 1px solid #d0d0d0; }
223
+ .mdstyle8 table.striped > tbody > tr:nth-child(odd) {
224
+ background-color: #f2f2f2; }
225
+ .mdstyle8 table.striped > tbody > tr > td {
226
+ border-radius: 0; }
227
+ .mdstyle8 table.highlight > tbody > tr {
228
+ transition: background-color .25s ease; }
229
+ .mdstyle8 table.highlight > tbody > tr:hover {
230
+ background-color: #f2f2f2; }
231
+ .mdstyle8 table.centered thead tr th, .mdstyle8 table.centered tbody tr td {
232
+ text-align: center; }
233
+ .mdstyle8 thead {
234
+ border-bottom: 1px solid #d0d0d0; }
235
+ .mdstyle8 td, .mdstyle8 th {
236
+ padding: 15px 5px;
237
+ display: table-cell;
238
+ text-align: left;
239
+ vertical-align: middle;
240
+ border-radius: 2px; }
241
+ @media only screen and (max-width: 992px) {
242
+ .mdstyle8 table.responsive-table {
243
+ width: 100%;
244
+ border-collapse: collapse;
245
+ border-spacing: 0;
246
+ display: block;
247
+ position: relative;
248
+ /* sort out borders */ }
249
+ .mdstyle8 table.responsive-table td:empty:before {
250
+ content: '\A0'; }
251
+ .mdstyle8 table.responsive-table th,
252
+ .mdstyle8 table.responsive-table td {
253
+ margin: 0;
254
+ vertical-align: top; }
255
+ .mdstyle8 table.responsive-table th {
256
+ text-align: left; }
257
+ .mdstyle8 table.responsive-table thead {
258
+ display: block;
259
+ float: left; }
260
+ .mdstyle8 table.responsive-table thead tr {
261
+ display: block;
262
+ padding: 0 10px 0 0; }
263
+ .mdstyle8 table.responsive-table thead tr th::before {
264
+ content: "\A0"; }
265
+ .mdstyle8 table.responsive-table tbody {
266
+ display: block;
267
+ width: auto;
268
+ position: relative;
269
+ overflow-x: auto;
270
+ white-space: nowrap; }
271
+ .mdstyle8 table.responsive-table tbody tr {
272
+ display: inline-block;
273
+ vertical-align: top; }
274
+ .mdstyle8 table.responsive-table th {
275
+ display: block;
276
+ text-align: right; }
277
+ .mdstyle8 table.responsive-table td {
278
+ display: block;
279
+ min-height: 1.25em;
280
+ text-align: left; }
281
+ .mdstyle8 table.responsive-table tr {
282
+ padding: 0 10px; }
283
+ .mdstyle8 table.responsive-table thead {
284
+ border: 0;
285
+ border-right: 1px solid #d0d0d0; }
286
+ .mdstyle8 table.responsive-table.bordered th {
287
+ border-bottom: 0;
288
+ border-left: 0; }
289
+ .mdstyle8 table.responsive-table.bordered td {
290
+ border-left: 0;
291
+ border-right: 0;
292
+ border-bottom: 0; }
293
+ .mdstyle8 table.responsive-table.bordered tr {
294
+ border: 0; }
295
+ .mdstyle8 table.responsive-table.bordered tbody tr {
296
+ border-right: 1px solid #d0d0d0; } }
297
+
298
+ .mdstyle8 .secondary-content {
299
+ float: right;
300
+ color: #26a69a; }
301
+ .mdstyle8 .collapsible .collection {
302
+ margin: 0;
303
+ border: none; }
304
+
305
+
306
+ .mdstyle8 .hide {
307
+ display: none !important; }
308
+ .mdstyle8 .left-align {
309
+ text-align: left; }
310
+ .mdstyle8 .right-align {
311
+ text-align: right; }
312
+ .mdstyle8 .center, .mdstyle8 .center-align {
313
+ text-align: center; }
314
+ .mdstyle8 .left {
315
+ float: left !important; }
316
+ .mdstyle8 .right {
317
+ float: right !important; }
318
+ .mdstyle8 .no-select {
319
+ user-select: none; }
320
+ .mdstyle8 .circle {
321
+ border-radius: 50%; }
322
+ .mdstyle8 .center-block {
323
+ display: block;
324
+ margin-left: auto;
325
+ margin-right: auto; }
326
+ .mdstyle8 .truncate {
327
+ display: block;
328
+ white-space: nowrap;
329
+ overflow: hidden;
330
+ text-overflow: ellipsis; }
331
+ .mdstyle8 .no-padding {
332
+ padding: 0 !important; }
333
+ .mdstyle8 a {
334
+ text-decoration: none; }
335
+ .mdstyle8 html {
336
+ line-height: 1.5;
337
+ font-family: "Roboto", sans-serif;
338
+ font-weight: normal;
339
+ color: rgba(0, 0, 0, 0.87); }
340
+ @media only screen and (min-width: 0) {
341
+ .mdstyle8 html {
342
+ font-size: 14px; } }
343
+ @media only screen and (min-width: 992px) {
344
+ .mdstyle8 html {
345
+ font-size: 14.5px; } }
346
+ @media only screen and (min-width: 1200px) {
347
+ .mdstyle8 html {
348
+ font-size: 15px; } }
349
+
350
+ .mdstyle8 em {
351
+ font-style: italic; }
352
+ .mdstyle8 strong {
353
+ font-weight: 500; }
354
+ .mdstyle8 small {
355
+ font-size: 75%; }
356
+ .mdstyle8 .light, .mdstyle8 .page-footer .footer-copyright {
357
+ font-weight: 300; }
358
+ .mdstyle8 .thin {
359
+ font-weight: 200; }
360
+
361
+ .mdstyle8 .scale-transition {
362
+ transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; }
363
+ .mdstyle8 .scale-transition.scale-out {
364
+ transform: scale(0);
365
+ transition: transform .2s !important; }
366
+ .mdstyle8 .scale-transition.scale-in {
367
+ transform: scale(1); }
368
+ .mdstyle8 .btn, .mdstyle8 .btn-large,
369
+ .mdstyle8 .btn-flat {
370
+ border: none;
371
+ border-radius: 2px;
372
+ display: inline-block;
373
+ height: 36px;
374
+ line-height: 36px;
375
+ padding: 0 2rem;
376
+ text-transform: uppercase;
377
+ vertical-align: middle;
378
+ -webkit-tap-highlight-color: transparent; }
379
+ .mdstyle8 .btn.disabled, .mdstyle8 .disabled.btn-large,
380
+ .mdstyle8 .btn-floating.disabled,
381
+ .mdstyle8 .btn-large.disabled,
382
+ .mdstyle8 .btn-flat.disabled,
383
+ .mdstyle8 .btn:disabled, .mdstyle8 .btn-large:disabled,
384
+ .mdstyle8 .btn-floating:disabled,
385
+ .mdstyle8 .btn-large:disabled,
386
+ .mdstyle8 .btn-flat:disabled,
387
+ .mdstyle8 .btn[disabled], .mdstyle8 [disabled].btn-large,
388
+ .mdstyle8 .btn-floating[disabled],
389
+ .mdstyle8 .btn-large[disabled],
390
+ .mdstyle8 .btn-flat[disabled] {
391
+ pointer-events: none;
392
+ background-color: #DFDFDF !important;
393
+ box-shadow: none;
394
+ color: #9F9F9F !important;
395
+ cursor: default; }
396
+ .mdstyle8 .btn.disabled:hover, .mdstyle8 .disabled.btn-large:hover,
397
+ .mdstyle8 .btn-floating.disabled:hover,
398
+ .mdstyle8 .btn-large.disabled:hover,
399
+ .mdstyle8 .btn-flat.disabled:hover,
400
+ .mdstyle8 .btn:disabled:hover, .mdstyle8 .btn-large:disabled:hover,
401
+ .mdstyle8 .btn-floating:disabled:hover,
402
+ .mdstyle8 .btn-large:disabled:hover,
403
+ .mdstyle8 .btn-flat:disabled:hover,
404
+ .mdstyle8 .btn[disabled]:hover, .mdstyle8 [disabled].btn-large:hover,
405
+ .mdstyle8 .btn-floating[disabled]:hover,
406
+ .mdstyle8 .btn-large[disabled]:hover,
407
+ .mdstyle8 .btn-flat[disabled]:hover {
408
+ background-color: #DFDFDF !important;
409
+ color: #9F9F9F !important; }
410
+ .mdstyle8 .btn, .mdstyle8 .btn-large,
411
+ .mdstyle8 .btn-floating,
412
+ .mdstyle8 .btn-large,
413
+ .mdstyle8 .btn-flat {
414
+ font-size: 1rem;
415
+ outline: 0; }
416
+ .mdstyle8 .btn i, .mdstyle8 .btn-large i,
417
+ .mdstyle8 .btn-floating i,
418
+ .mdstyle8 .btn-large i,
419
+ .mdstyle8 .btn-flat i {
420
+ font-size: 1.3rem;
421
+ line-height: inherit; }
422
+ .mdstyle8 .btn:focus, .mdstyle8 .btn-large:focus,
423
+ .mdstyle8 .btn-floating:focus {
424
+ background-color: #1d7d74; }
425
+ .mdstyle8 .btn, .mdstyle8 .btn-large {
426
+ text-decoration: none;
427
+ color: #fff;
428
+ background-color: #26a69a;
429
+ text-align: center;
430
+ letter-spacing: .5px;
431
+ transition: .2s ease-out;
432
+ cursor: pointer; }
433
+ .mdstyle8 .btn:hover, .mdstyle8 .btn-large:hover {
434
+ background-color: #2bbbad; }
435
+ .mdstyle8 .btn-floating {
436
+ display: inline-block;
437
+ color: #fff;
438
+ position: relative;
439
+ overflow: hidden;
440
+ z-index: 1;
441
+ width: 40px;
442
+ height: 40px;
443
+ line-height: 40px;
444
+ padding: 0;
445
+ background-color: #26a69a;
446
+ border-radius: 50%;
447
+ transition: .3s;
448
+ cursor: pointer;
449
+ vertical-align: middle; }
450
+ .mdstyle8 .btn-floating:hover {
451
+ background-color: #26a69a; }
452
+ .mdstyle8 .btn-floating:before {
453
+ border-radius: 0; }
454
+ .mdstyle8 .btn-floating.btn-large {
455
+ width: 56px;
456
+ height: 56px; }
457
+ .mdstyle8 .btn-floating.btn-large.halfway-fab {
458
+ bottom: -28px; }
459
+ .mdstyle8 .btn-floating.btn-large i {
460
+ line-height: 56px; }
461
+ .mdstyle8 .btn-floating.halfway-fab {
462
+ position: absolute;
463
+ right: 24px;
464
+ bottom: -20px; }
465
+ .mdstyle8 .btn-floating.halfway-fab.left {
466
+ right: auto;
467
+ left: 24px; }
468
+ .mdstyle8 .btn-floating i {
469
+ width: inherit;
470
+ display: inline-block;
471
+ text-align: center;
472
+ color: #fff;
473
+ font-size: 1.6rem;
474
+ line-height: 40px; }
475
+ .mdstyle8 button.btn-floating {
476
+ border: none; }
477
+ .mdstyle8 .fixed-action-btn {
478
+ position: fixed;
479
+ right: 23px;
480
+ bottom: 23px;
481
+ padding-top: 15px;
482
+ margin-bottom: 0;
483
+ z-index: 997; }
484
+ .mdstyle8 .fixed-action-btn.active ul {
485
+ visibility: visible; }
486
+ .mdstyle8 .fixed-action-btn.horizontal {
487
+ padding: 0 0 0 15px; }
488
+ .mdstyle8 .fixed-action-btn.horizontal ul {
489
+ text-align: right;
490
+ right: 64px;
491
+ top: 50%;
492
+ transform: translateY(-50%);
493
+ height: 100%;
494
+ left: auto;
495
+ width: 500px;
496
+ /*width 100% only goes to width of button container */ }
497
+ .mdstyle8 .fixed-action-btn.horizontal ul li {
498
+ display: inline-block;
499
+ margin: 15px 15px 0 0; }
500
+ .mdstyle8 .fixed-action-btn.toolbar {
501
+ padding: 0;
502
+ height: 56px; }
503
+ .mdstyle8 .fixed-action-btn.toolbar.active > a i {
504
+ opacity: 0; }
505
+ .mdstyle8 .fixed-action-btn.toolbar ul {
506
+ display: flex;
507
+ top: 0;
508
+ bottom: 0;
509
+ z-index: 1; }
510
+ .mdstyle8 .fixed-action-btn.toolbar ul li {
511
+ flex: 1;
512
+ display: inline-block;
513
+ margin: 0;
514
+ height: 100%;
515
+ transition: none; }
516
+ .mdstyle8 .fixed-action-btn.toolbar ul li a {
517
+ display: block;
518
+ overflow: hidden;
519
+ position: relative;
520
+ width: 100%;
521
+ height: 100%;
522
+ background-color: transparent;
523
+ box-shadow: none;
524
+ color: #fff;
525
+ line-height: 56px;
526
+ z-index: 1; }
527
+ .mdstyle8 .fixed-action-btn.toolbar ul li a i {
528
+ line-height: inherit; }
529
+ .mdstyle8 .fixed-action-btn ul {
530
+ left: 0;
531
+ right: 0;
532
+ text-align: center;
533
+ position: absolute;
534
+ bottom: 64px;
535
+ margin: 0;
536
+ visibility: hidden; }
537
+ .mdstyle8 .fixed-action-btn ul li {
538
+ margin-bottom: 15px; }
539
+ .mdstyle8 .fixed-action-btn ul a.btn-floating {
540
+ opacity: 0; }
541
+ .mdstyle8 .fixed-action-btn .fab-backdrop {
542
+ position: absolute;
543
+ top: 0;
544
+ left: 0;
545
+ z-index: -1;
546
+ width: 40px;
547
+ height: 40px;
548
+ background-color: #26a69a;
549
+ border-radius: 50%;
550
+ transform: scale(0); }
551
+ .mdstyle8 .btn-flat {
552
+ box-shadow: none;
553
+ background-color: transparent;
554
+ color: #343434;
555
+ cursor: pointer;
556
+ transition: background-color .2s; }
557
+ .mdstyle8 .btn-flat:focus, .mdstyle8 .btn-flat:hover {
558
+ box-shadow: none; }
559
+ .mdstyle8 .btn-flat:focus {
560
+ background-color: rgba(0, 0, 0, 0.1); }
561
+ .mdstyle8 .btn-flat.disabled {
562
+ background-color: transparent !important;
563
+ color: #b3b3b3 !important;
564
+ cursor: default; }
565
+ .mdstyle8 .btn-large {
566
+ height: 54px;
567
+ line-height: 54px; }
568
+ .mdstyle8 .btn-large i {
569
+ font-size: 1.6rem; }
570
+ .mdstyle8 .btn-block {
571
+ display: block; }
572
+ .mdstyle8 .chip {
573
+ display: inline-block;
574
+ height: 32px;
575
+ font-size: 13px;
576
+ font-weight: 500;
577
+ color: rgba(0, 0, 0, 0.6);
578
+ line-height: 32px;
579
+ padding: 0 12px;
580
+ border-radius: 16px;
581
+ background-color: #e4e4e4;
582
+ margin-bottom: 5px;
583
+ margin-right: 5px; }
584
+ .mdstyle8 .chip > img {
585
+ float: left;
586
+ margin: 0 8px 0 -12px;
587
+ height: 32px;
588
+ width: 32px;
589
+ border-radius: 50%; }
590
+ .mdstyle8 .chip .close {
591
+ cursor: pointer;
592
+ float: right;
593
+ font-size: 16px;
594
+ line-height: 32px;
595
+ padding-left: 8px; }
596
+ .mdstyle8 .chips {
597
+ border: none;
598
+ border-bottom: 1px solid #9e9e9e;
599
+ box-shadow: none;
600
+ margin: 0 0 20px 0;
601
+ min-height: 45px;
602
+ outline: none;
603
+ transition: all .3s; }
604
+ .mdstyle8 .chips.focus {
605
+ border-bottom: 1px solid #26a69a;
606
+ box-shadow: 0 1px 0 0 #26a69a; }
607
+ .mdstyle8 .chips:hover {
608
+ cursor: text; }
609
+ .mdstyle8 .chips .chip.selected {
610
+ background-color: #26a69a;
611
+ color: #fff; }
612
+ .mdstyle8 .chips .input {
613
+ background: none;
614
+ border: 0;
615
+ color: rgba(0, 0, 0, 0.6);
616
+ display: inline-block;
617
+ font-size: 1rem;
618
+ height: 3rem;
619
+ line-height: 32px;
620
+ outline: 0;
621
+ margin: 0;
622
+ padding: 0 !important;
623
+ width: 120px !important; }
624
+ .mdstyle8 .chips .input:focus {
625
+ border: 0 !important;
626
+ box-shadow: none !important; }
627
+ .mdstyle8 .chips .autocomplete-content {
628
+ margin-top: 0;
629
+ margin-bottom: 0; }
630
+ .mdstyle8 .prefix ~ .chips {
631
+ margin-left: 3rem;
632
+ width: 92%;
633
+ width: calc(100% - 3rem); }
634
+ .mdstyle8 .chips:empty ~ label {
635
+ font-size: 0.8rem;
636
+ transform: translateY(-140%); }
637
+ .mdstyle8 select:focus {
638
+ outline: 1px solid #c9f3ef; }
639
+ .mdstyle8 button:focus {
640
+ outline: none;
641
+ background-color: #2ab7a9; }
642
+ .mdstyle8 label {
643
+ font-size: 0.8rem;
644
+ color: #9e9e9e; }
645
+ .mdstyle8 ::placeholder {
646
+ color: #d1d1d1; }
647
+ .mdstyle8 input:not([type]),
648
+ .mdstyle8 input[type=text]:not(.browser-default),
649
+ .mdstyle8 textarea.materialize-textarea {
650
+ background-color: transparent;
651
+ border: none;
652
+ border-bottom: 1px solid #9e9e9e;
653
+ border-radius: 0;
654
+ outline: none;
655
+ height: 3rem;
656
+ width: 100%;
657
+ font-size: 1rem;
658
+ margin: 0 0 20px 0;
659
+ padding: 0;
660
+ box-shadow: none;
661
+ box-sizing: content-box;
662
+ transition: all 0.3s; }
663
+ .mdstyle8 input:not([type]):disabled, .mdstyle8 input:not([type])[readonly="readonly"],
664
+ .mdstyle8 input[type=text]:not(.browser-default):disabled,
665
+ .mdstyle8 input[type=text]:not(.browser-default)[readonly="readonly"],
666
+ .mdstyle8 textarea.materialize-textarea:disabled,
667
+ .mdstyle8 textarea.materialize-textarea[readonly="readonly"] {
668
+ color: rgba(0, 0, 0, 0.42);
669
+ border-bottom: 1px dotted rgba(0, 0, 0, 0.42); }
670
+ .mdstyle8 input:not([type]):disabled + label,
671
+ .mdstyle8 input:not([type])[readonly="readonly"] + label,
672
+ .mdstyle8 input[type=text]:not(.browser-default):disabled + label,
673
+ .mdstyle8 input[type=text]:not(.browser-default)[readonly="readonly"] + label,
674
+ .mdstyle8 textarea.materialize-textarea:disabled + label,
675
+ .mdstyle8 textarea.materialize-textarea[readonly="readonly"] + label {
676
+ color: rgba(0, 0, 0, 0.42); }
677
+ .mdstyle8 input:not([type]):focus:not([readonly]),
678
+ .mdstyle8 input[type=text]:not(.browser-default):focus:not([readonly]),
679
+ .mdstyle8 textarea.materialize-textarea:focus:not([readonly]) {
680
+ border-bottom: 1px solid #26a69a;
681
+ box-shadow: 0 1px 0 0 #26a69a; }
682
+ .mdstyle8 input:not([type]):focus:not([readonly]) + label,
683
+ .mdstyle8 input[type=text]:not(.browser-default):focus:not([readonly]) + label,
684
+ .mdstyle8 textarea.materialize-textarea:focus:not([readonly]) + label {
685
+ color: #26a69a; }
686
+ .mdstyle8 input:not([type]).validate + label,
687
+ .mdstyle8 input[type=text]:not(.browser-default).validate + label,
688
+ .mdstyle8 textarea.materialize-textarea.validate + label {
689
+ width: 100%; }
690
+ .mdstyle8 input:not([type]).invalid + label:after,
691
+ .mdstyle8 input:not([type]).valid + label:after,
692
+ .mdstyle8 input[type=text]:not(.browser-default).invalid + label:after,
693
+ .mdstyle8 input[type=text]:not(.browser-default).valid + label:after,
694
+ .mdstyle8 textarea.materialize-textarea.invalid + label:after,
695
+ .mdstyle8 textarea.materialize-textarea.valid + label:after {
696
+ display: none; }
697
+ .mdstyle8 input:not([type]).invalid + label.active:after,
698
+ .mdstyle8 input:not([type]).valid + label.active:after,
699
+ .mdstyle8 input[type=text]:not(.browser-default).invalid + label.active:after,
700
+ .mdstyle8 input[type=text]:not(.browser-default).valid + label.active:after,
701
+ .mdstyle8 textarea.materialize-textarea.invalid + label.active:after,
702
+ .mdstyle8 textarea.materialize-textarea.valid + label.active:after {
703
+ display: block; }
704
+ .mdstyle8 input.valid:not([type]), .mdstyle8 input.valid:not([type]):focus, .mdstyle8 input[type=text].valid:not(.browser-default), .mdstyle8 input[type=text].valid:not(.browser-default):focus, .mdstyle8 input[type=password].valid:not(.browser-default), .mdstyle8 input[type=password].valid:not(.browser-default):focus, .mdstyle8 input[type=email].valid:not(.browser-default), .mdstyle8 input[type=email].valid:not(.browser-default):focus, .mdstyle8 input[type=url].valid:not(.browser-default), .mdstyle8 input[type=url].valid:not(.browser-default):focus, .mdstyle8 input[type=time].valid:not(.browser-default), .mdstyle8 input[type=time].valid:not(.browser-default):focus, .mdstyle8 input[type=date].valid:not(.browser-default), .mdstyle8 input[type=date].valid:not(.browser-default):focus, .mdstyle8 input[type=datetime].valid:not(.browser-default), .mdstyle8 input[type=datetime].valid:not(.browser-default):focus, .mdstyle8 input[type=datetime-local].valid:not(.browser-default), .mdstyle8 input[type=datetime-local].valid:not(.browser-default):focus, .mdstyle8 input[type=tel].valid:not(.browser-default), .mdstyle8 input[type=tel].valid:not(.browser-default):focus, .mdstyle8 input[type=number].valid:not(.browser-default), .mdstyle8 input[type=number].valid:not(.browser-default):focus, .mdstyle8 input[type=search].valid:not(.browser-default), .mdstyle8 input[type=search].valid:not(.browser-default):focus, .mdstyle8 textarea.materialize-textarea.valid, .mdstyle8 textarea.materialize-textarea.valid:focus, .mdstyle8 .select-wrapper.valid > input.select-dropdown {
705
+ border-bottom: 1px solid #4CAF50;
706
+ box-shadow: 0 1px 0 0 #4CAF50; }
707
+ .mdstyle8 input.invalid:not([type]), .mdstyle8 input.invalid:not([type]):focus, .mdstyle8 input[type=text].invalid:not(.browser-default), .mdstyle8 input[type=text].invalid:not(.browser-default):focus, .mdstyle8 input[type=password].invalid:not(.browser-default), .mdstyle8 input[type=password].invalid:not(.browser-default):focus, .mdstyle8 input[type=email].invalid:not(.browser-default), .mdstyle8 input[type=email].invalid:not(.browser-default):focus, .mdstyle8 input[type=url].invalid:not(.browser-default), .mdstyle8 input[type=url].invalid:not(.browser-default):focus, .mdstyle8 input[type=time].invalid:not(.browser-default), .mdstyle8 input[type=time].invalid:not(.browser-default):focus, .mdstyle8 input[type=date].invalid:not(.browser-default), .mdstyle8 input[type=date].invalid:not(.browser-default):focus, .mdstyle8 input[type=datetime].invalid:not(.browser-default), .mdstyle8 input[type=datetime].invalid:not(.browser-default):focus, .mdstyle8 input[type=datetime-local].invalid:not(.browser-default), .mdstyle8 input[type=datetime-local].invalid:not(.browser-default):focus, .mdstyle8 input[type=tel].invalid:not(.browser-default), .mdstyle8 input[type=tel].invalid:not(.browser-default):focus, .mdstyle8 input[type=number].invalid:not(.browser-default), .mdstyle8 input[type=number].invalid:not(.browser-default):focus, .mdstyle8 input[type=search].invalid:not(.browser-default), .mdstyle8 input[type=search].invalid:not(.browser-default):focus, .mdstyle8 textarea.materialize-textarea.invalid, .mdstyle8 textarea.materialize-textarea.invalid:focus, .mdstyle8 .select-wrapper.invalid > input.select-dropdown {
708
+ border-bottom: 1px solid #F44336;
709
+ box-shadow: 0 1px 0 0 #F44336; }
710
+ .mdstyle8 input:not([type]).valid + label:after, .mdstyle8 input:not([type]):focus.valid + label:after, .mdstyle8 input[type=text]:not(.browser-default).valid + label:after, .mdstyle8 input[type=text]:not(.browser-default):focus.valid + label:after, .mdstyle8 input[type=password]:not(.browser-default).valid + label:after, .mdstyle8 input[type=password]:not(.browser-default):focus.valid + label:after, .mdstyle8 input[type=email]:not(.browser-default).valid + label:after, .mdstyle8 input[type=email]:not(.browser-default):focus.valid + label:after, .mdstyle8 input[type=url]:not(.browser-default).valid + label:after, .mdstyle8 input[type=url]:not(.browser-default):focus.valid + label:after, .mdstyle8 input[type=time]:not(.browser-default).valid + label:after, .mdstyle8 input[type=time]:not(.browser-default):focus.valid + label:after, .mdstyle8 input[type=date]:not(.browser-default).valid + label:after, .mdstyle8 input[type=date]:not(.browser-default):focus.valid + label:after, .mdstyle8 input[type=datetime]:not(.browser-default).valid + label:after, .mdstyle8 input[type=datetime]:not(.browser-default):focus.valid + label:after, .mdstyle8 input[type=datetime-local]:not(.browser-default).valid + label:after, .mdstyle8 input[type=datetime-local]:not(.browser-default):focus.valid + label:after, .mdstyle8 input[type=tel]:not(.browser-default).valid + label:after, .mdstyle8 input[type=tel]:not(.browser-default):focus.valid + label:after, .mdstyle8 input[type=number]:not(.browser-default).valid + label:after, .mdstyle8 input[type=number]:not(.browser-default):focus.valid + label:after, .mdstyle8 input[type=search]:not(.browser-default).valid + label:after, .mdstyle8 input[type=search]:not(.browser-default):focus.valid + label:after, .mdstyle8 textarea.materialize-textarea.valid + label:after, .mdstyle8 textarea.materialize-textarea:focus.valid + label:after, .mdstyle8 .select-wrapper.valid + label:after {
711
+ content: attr(data-success);
712
+ color: #4CAF50;
713
+ opacity: 1;
714
+ transform: translateY(9px); }
715
+ .mdstyle8 input:not([type]).invalid + label:after, .mdstyle8 input:not([type]):focus.invalid + label:after, .mdstyle8 input[type=text]:not(.browser-default).invalid + label:after, .mdstyle8 input[type=text]:not(.browser-default):focus.invalid + label:after, .mdstyle8 input[type=password]:not(.browser-default).invalid + label:after, .mdstyle8 input[type=password]:not(.browser-default):focus.invalid + label:after, .mdstyle8 input[type=email]:not(.browser-default).invalid + label:after, .mdstyle8 input[type=email]:not(.browser-default):focus.invalid + label:after, .mdstyle8 input[type=url]:not(.browser-default).invalid + label:after, .mdstyle8 input[type=url]:not(.browser-default):focus.invalid + label:after, .mdstyle8 input[type=time]:not(.browser-default).invalid + label:after, .mdstyle8 input[type=time]:not(.browser-default):focus.invalid + label:after, .mdstyle8 input[type=date]:not(.browser-default).invalid + label:after, .mdstyle8 input[type=date]:not(.browser-default):focus.invalid + label:after, .mdstyle8 input[type=datetime]:not(.browser-default).invalid + label:after, .mdstyle8 input[type=datetime]:not(.browser-default):focus.invalid + label:after, .mdstyle8 input[type=datetime-local]:not(.browser-default).invalid + label:after, .mdstyle8 input[type=datetime-local]:not(.browser-default):focus.invalid + label:after, .mdstyle8 input[type=tel]:not(.browser-default).invalid + label:after, .mdstyle8 input[type=tel]:not(.browser-default):focus.invalid + label:after, .mdstyle8 input[type=number]:not(.browser-default).invalid + label:after, .mdstyle8 input[type=number]:not(.browser-default):focus.invalid + label:after, .mdstyle8 input[type=search]:not(.browser-default).invalid + label:after, .mdstyle8 input[type=search]:not(.browser-default):focus.invalid + label:after, .mdstyle8 textarea.materialize-textarea.invalid + label:after, .mdstyle8 textarea.materialize-textarea:focus.invalid + label:after, .mdstyle8 .select-wrapper.invalid + label:after {
716
+ content: attr(data-error);
717
+ color: #F44336;
718
+ opacity: 1;
719
+ transform: translateY(9px); }
720
+ .mdstyle8 input:not([type]) + label:after, .mdstyle8 input[type=text]:not(.browser-default) + label:after, .mdstyle8 input[type=password]:not(.browser-default) + label:after, .mdstyle8 input[type=email]:not(.browser-default) + label:after, .mdstyle8 input[type=url]:not(.browser-default) + label:after, .mdstyle8 input[type=time]:not(.browser-default) + label:after, .mdstyle8 input[type=date]:not(.browser-default) + label:after, .mdstyle8 input[type=datetime]:not(.browser-default) + label:after, .mdstyle8 input[type=datetime-local]:not(.browser-default) + label:after, .mdstyle8 input[type=tel]:not(.browser-default) + label:after, .mdstyle8 input[type=number]:not(.browser-default) + label:after, .mdstyle8 input[type=search]:not(.browser-default) + label:after, .mdstyle8 textarea.materialize-textarea + label:after, .mdstyle8 .select-wrapper + label:after {
721
+ display: block;
722
+ content: "";
723
+ position: absolute;
724
+ top: 100%;
725
+ left: 0;
726
+ opacity: 0;
727
+ transition: .2s opacity ease-out, .2s color ease-out; }
728
+ .mdstyle8 .input-field {
729
+ position: relative;
730
+ margin-top: 1rem; }
731
+ .mdstyle8 .input-field.inline {
732
+ display: inline-block;
733
+ vertical-align: middle;
734
+ margin-left: 5px; }
735
+ .mdstyle8 .input-field.inline input,
736
+ .mdstyle8 .input-field.inline .select-dropdown {
737
+ margin-bottom: 1rem; }
738
+ .mdstyle8 .input-field.col label {
739
+ left: 0.75rem; }
740
+ .mdstyle8 .input-field.col .prefix ~ label,
741
+ .mdstyle8 .input-field.col .prefix ~ .validate ~ label {
742
+ width: calc(100% - 3rem - 1.5rem); }
743
+ .mdstyle8 .input-field label {
744
+ color: #9e9e9e;
745
+ position: absolute;
746
+ top: 0;
747
+ left: 0;
748
+ height: 100%;
749
+ font-size: 1rem;
750
+ cursor: text;
751
+ transition: transform .2s ease-out;
752
+ transform-origin: 0% 100%;
753
+ text-align: initial;
754
+ transform: translateY(12px);
755
+ pointer-events: none; }
756
+ .mdstyle8 .input-field label:not(.label-icon).active {
757
+ transform: translateY(-14px) scale(0.8);
758
+ transform-origin: 0 0; }
759
+ .mdstyle8 .input-field .prefix {
760
+ position: absolute;
761
+ width: 3rem;
762
+ font-size: 2rem;
763
+ transition: color .2s; }
764
+ .mdstyle8 .input-field .prefix.active {
765
+ color: #26a69a; }
766
+ .mdstyle8 .input-field .prefix ~ input,
767
+ .mdstyle8 .input-field .prefix ~ textarea,
768
+ .mdstyle8 .input-field .prefix ~ label,
769
+ .mdstyle8 .input-field .prefix ~ .validate ~ label,
770
+ .mdstyle8 .input-field .prefix ~ .autocomplete-content {
771
+ margin-left: 3rem;
772
+ width: 92%;
773
+ width: calc(100% - 3rem); }
774
+ .mdstyle8 .input-field .prefix ~ label {
775
+ margin-left: 3rem; }
776
+ @media only screen and (max-width: 992px) {
777
+ .mdstyle8 .input-field .prefix ~ input {
778
+ width: 86%;
779
+ width: calc(100% - 3rem); } }
780
+ @media only screen and (max-width: 600px) {
781
+ .mdstyle8 .input-field .prefix ~ input {
782
+ width: 80%;
783
+ width: calc(100% - 3rem); } }
784
+
785
+
786
+ .mdstyle8 textarea {
787
+ width: 100%;
788
+ height: 3rem;
789
+ background-color: transparent; }
790
+ .mdstyle8 textarea.materialize-textarea {
791
+ overflow-y: hidden;
792
+ /* prevents scroll bar flash */
793
+ padding: .8rem 0 1.6rem 0;
794
+ /* prevents text jump on Enter keypress */
795
+ resize: none;
796
+ min-height: 3rem; }
797
+ .mdstyle8 textarea.materialize-textarea.validate + label {
798
+ height: 100%; }
799
+ .mdstyle8 textarea.materialize-textarea.validate + label::after {
800
+ top: calc(100% - 12px); }
801
+ .mdstyle8 textarea.materialize-textarea.validate + label:not(.label-icon).active {
802
+ transform: translateY(-25px); }
803
+ .mdstyle8 .hiddendiv {
804
+ display: none;
805
+ white-space: pre-wrap;
806
+ word-wrap: break-word;
807
+ overflow-wrap: break-word;
808
+ /* future version of deprecated 'word-wrap' */
809
+ padding-top: 1.2rem;
810
+ /* prevents text jump on Enter keypress */
811
+ position: absolute;
812
+ top: 0; }
813
+ .mdstyle8 .autocomplete-content {
814
+ margin-top: -20px;
815
+ margin-bottom: 20px;
816
+ display: block;
817
+ opacity: 1;
818
+ position: static; }
819
+ .mdstyle8 .autocomplete-content li .highlight {
820
+ color: #444; }
821
+ .mdstyle8 .autocomplete-content li img {
822
+ height: 40px;
823
+ width: 40px;
824
+ margin: 5px 15px; }
825
+ .mdstyle8 form p {
826
+ margin-bottom: 10px;
827
+ text-align: left; }
828
+ .mdstyle8 form p:last-child {
829
+ margin-bottom: 0; }
830
+
831
+ .mdstyle8 select {
832
+ display: none; }
833
+ .mdstyle8 select.browser-default {
834
+ display: block; }
835
+ .mdstyle8 select {
836
+ background-color: rgba(255, 255, 255, 0.9);
837
+ width: 100%;
838
+ padding: 5px;
839
+ border: 1px solid #f2f2f2;
840
+ border-radius: 2px;
841
+ height: 3rem; }
842
+ .mdstyle8 .input-field > select {
843
+ display: block;
844
+ position: absolute;
845
+ width: 0;
846
+ pointer-events: none;
847
+ height: 0;
848
+ top: 0;
849
+ left: 0;
850
+ opacity: 0; }
851
+
852
+ .mdstyle8 select:disabled {
853
+ color: rgba(0, 0, 0, 0.42); }
854
+ .mdstyle8 .select-wrapper.disabled span.caret,
855
+ .mdstyle8 .select-wrapper.disabled + label {
856
+ color: rgba(0, 0, 0, 0.42); }
857
+ .mdstyle8 .select-wrapper input.select-dropdown:disabled {
858
+ color: rgba(0, 0, 0, 0.42);
859
+ cursor: default;
860
+ user-select: none; }
861
+
862
+ .mdstyle8 .prefix ~ .select-wrapper {
863
+ margin-left: 3rem;
864
+ width: 92%;
865
+ width: calc(100% - 3rem); }
866
+ .mdstyle8 .prefix ~ label {
867
+ margin-left: 3rem; }
assets/css/required/mdstyles.css DELETED
@@ -1,867 +0,0 @@
1
- /* Material Design styles - load on style-1, 4, 8 */
2
-
3
- .ccw_plugin .transparent {
4
- background-color: transparent !important; }
5
- .ccw_plugin .transparent-text {
6
- color: transparent !important; }
7
- .ccw_plugin html {
8
- font-family: sans-serif;
9
- /* 1 */
10
- -ms-text-size-adjust: 100%;
11
- /* 2 */
12
- -webkit-text-size-adjust: 100%;
13
- /* 2 */ }
14
- .ccw_plugin body {
15
- margin: 0; }
16
- .ccw_plugin article,
17
- .ccw_plugin aside,
18
- .ccw_plugin footer,
19
- .ccw_plugin header,
20
- .ccw_plugin main,
21
- .ccw_plugin nav,
22
- .ccw_plugin section,
23
- .ccw_plugin summary {
24
- display: block; }
25
-
26
- .ccw_plugin [hidden],
27
- .ccw_plugin template {
28
- display: none; }
29
- .ccw_plugin a {
30
- background-color: transparent; }
31
- .ccw_plugin a:active,
32
- .ccw_plugin a:hover {
33
- outline: 0; }
34
- .ccw_plugin abbr[title] {
35
- border-bottom: 1px dotted; }
36
- .ccw_plugin b,
37
- .ccw_plugin strong {
38
- font-weight: bold; }
39
- .ccw_plugin dfn {
40
- font-style: italic; }
41
- .ccw_plugin h1 {
42
- font-size: 2em;
43
- margin: 0.67em 0; }
44
- .ccw_plugin mark {
45
- background: #ff0;
46
- color: #000; }
47
- .ccw_plugin small {
48
- font-size: 80%; }
49
- .ccw_plugin sub,
50
- .ccw_plugin sup {
51
- font-size: 75%;
52
- line-height: 0;
53
- position: relative;
54
- vertical-align: baseline; }
55
- .ccw_plugin sup {
56
- top: -0.5em; }
57
- .ccw_plugin sub {
58
- bottom: -0.25em; }
59
- .ccw_plugin img {
60
- border: 0; }
61
- .ccw_plugin svg:not(:root) {
62
- overflow: hidden; }
63
- .ccw_plugin figure {
64
- margin: 1em 40px; }
65
- .ccw_plugin hr {
66
- box-sizing: content-box;
67
- height: 0; }
68
- .ccw_plugin pre {
69
- overflow: auto; }
70
- .ccw_plugin code,
71
- .ccw_plugin kbd,
72
- .ccw_plugin pre,
73
- .ccw_plugin samp {
74
- font-family: monospace, monospace;
75
- font-size: 1em; }
76
- .ccw_plugin button,
77
- .ccw_plugin input,
78
- .ccw_plugin optgroup,
79
- .ccw_plugin select,
80
- .ccw_plugin textarea {
81
- color: inherit;
82
- /* 1 */
83
- font: inherit;
84
- /* 2 */
85
- margin: 0;
86
- /* 3 */ }
87
- .ccw_plugin button {
88
- overflow: visible; }
89
- .ccw_plugin button,
90
- .ccw_plugin select {
91
- text-transform: none; }
92
- .ccw_plugin button,
93
- .ccw_plugin html input[type="button"],
94
- .ccw_plugin input[type="reset"],
95
- .ccw_plugin input[type="submit"] {
96
- -webkit-appearance: button;
97
- /* 2 */
98
- cursor: pointer;
99
- /* 3 */ }
100
- .ccw_plugin button[disabled],
101
- .ccw_plugin html input[disabled] {
102
- cursor: default; }
103
- .ccw_plugin button::-moz-focus-inner,
104
- .ccw_plugin input::-moz-focus-inner {
105
- border: 0;
106
- padding: 0; }
107
- .ccw_plugin input {
108
- line-height: normal; }
109
-
110
-
111
- .ccw_plugin fieldset {
112
- border: 1px solid #c0c0c0;
113
- margin: 0 2px;
114
- padding: 0.35em 0.625em 0.75em; }
115
- .ccw_plugin legend {
116
- border: 0;
117
- /* 1 */
118
- padding: 0;
119
- /* 2 */ }
120
- .ccw_plugin textarea {
121
- overflow: auto; }
122
- .ccw_plugin optgroup {
123
- font-weight: bold; }
124
- .ccw_plugin table {
125
- border-collapse: collapse;
126
- border-spacing: 0; }
127
- .ccw_plugin td,
128
- .ccw_plugin th {
129
- padding: 0; }
130
- .ccw_plugin html {
131
- box-sizing: border-box; }
132
- .ccw_plugin *, .ccw_plugin *:before, .ccw_plugin *:after {
133
- box-sizing: inherit; }
134
- .ccw_plugin ul:not(.browser-default) {
135
- padding-left: 0;
136
- list-style-type: none; }
137
- .ccw_plugin ul:not(.browser-default) > li {
138
- list-style-type: none; }
139
- .ccw_plugin a {
140
- color: #039be5;
141
- text-decoration: none;
142
- -webkit-tap-highlight-color: transparent; }
143
- .ccw_plugin .valign-wrapper {
144
- display: flex;
145
- align-items: center; }
146
- .ccw_plugin .clearfix {
147
- clear: both; }
148
- .ccw_plugin .z-depth-0 {
149
- box-shadow: none !important; }
150
- .ccw_plugin .z-depth-1, .ccw_plugin .btn, .ccw_plugin .btn-large, .ccw_plugin .btn-floating {
151
- box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }
152
- .ccw_plugin .z-depth-1-half, .ccw_plugin .btn:hover, .ccw_plugin .btn-large:hover, .ccw_plugin .btn-floating:hover {
153
- box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); }
154
- .ccw_plugin .z-depth-2 {
155
- box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3); }
156
- .ccw_plugin .z-depth-3 {
157
- box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3); }
158
- .ccw_plugin .z-depth-4 {
159
- box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3); }
160
- .ccw_plugin .z-depth-5 {
161
- box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3); }
162
- .ccw_plugin .hoverable {
163
- transition: box-shadow .25s; }
164
- .ccw_plugin .hoverable:hover {
165
- box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
166
- .ccw_plugin .divider {
167
- height: 1px;
168
- overflow: hidden;
169
- background-color: #e0e0e0; }
170
- .ccw_plugin blockquote {
171
- margin: 20px 0;
172
- padding-left: 1.5rem;
173
- border-left: 5px solid #ee6e73; }
174
- .ccw_plugin i {
175
- line-height: inherit; }
176
- .ccw_plugin i.left {
177
- float: left;
178
- margin-right: 15px; }
179
- .ccw_plugin i.right {
180
- float: right;
181
- margin-left: 15px; }
182
- .ccw_plugin i.tiny {
183
- font-size: 1rem; }
184
- .ccw_plugin i.small {
185
- font-size: 2rem; }
186
- .ccw_plugin i.medium {
187
- font-size: 4rem; }
188
- .ccw_plugin i.large {
189
- font-size: 6rem; }
190
- .ccw_plugin img.responsive-img,
191
- .ccw_plugin video.responsive-video {
192
- max-width: 100%;
193
- height: auto; }
194
-
195
-
196
-
197
- .ccw_plugin ul.staggered-list li {
198
- opacity: 0; }
199
- .ccw_plugin .fade-in {
200
- opacity: 0;
201
- transform-origin: 0 50%; }
202
-
203
- .ccw_plugin .page-footer {
204
- padding-top: 20px;
205
- color: #fff;
206
- background-color: #ee6e73; }
207
- .ccw_plugin .page-footer .footer-copyright {
208
- overflow: hidden;
209
- min-height: 50px;
210
- display: flex;
211
- align-items: center;
212
- padding: 10px 0px;
213
- color: rgba(255, 255, 255, 0.8);
214
- background-color: rgba(51, 51, 51, 0.08); }
215
- .ccw_plugin table, .ccw_plugin th, .ccw_plugin td {
216
- border: none; }
217
- .ccw_plugin table {
218
- width: 100%;
219
- display: table; }
220
- .ccw_plugin table.bordered > thead > tr,
221
- .ccw_plugin table.bordered > tbody > tr {
222
- border-bottom: 1px solid #d0d0d0; }
223
- .ccw_plugin table.striped > tbody > tr:nth-child(odd) {
224
- background-color: #f2f2f2; }
225
- .ccw_plugin table.striped > tbody > tr > td {
226
- border-radius: 0; }
227
- .ccw_plugin table.highlight > tbody > tr {
228
- transition: background-color .25s ease; }
229
- .ccw_plugin table.highlight > tbody > tr:hover {
230
- background-color: #f2f2f2; }
231
- .ccw_plugin table.centered thead tr th, .ccw_plugin table.centered tbody tr td {
232
- text-align: center; }
233
- .ccw_plugin thead {
234
- border-bottom: 1px solid #d0d0d0; }
235
- .ccw_plugin td, .ccw_plugin th {
236
- padding: 15px 5px;
237
- display: table-cell;
238
- text-align: left;
239
- vertical-align: middle;
240
- border-radius: 2px; }
241
- @media only screen and (max-width: 992px) {
242
- .ccw_plugin table.responsive-table {
243
- width: 100%;
244
- border-collapse: collapse;
245
- border-spacing: 0;
246
- display: block;
247
- position: relative;
248
- /* sort out borders */ }
249
- .ccw_plugin table.responsive-table td:empty:before {
250
- content: '\A0'; }
251
- .ccw_plugin table.responsive-table th,
252
- .ccw_plugin table.responsive-table td {
253
- margin: 0;
254
- vertical-align: top; }
255
- .ccw_plugin table.responsive-table th {
256
- text-align: left; }
257
- .ccw_plugin table.responsive-table thead {
258
- display: block;
259
- float: left; }
260
- .ccw_plugin table.responsive-table thead tr {
261
- display: block;
262
- padding: 0 10px 0 0; }
263
- .ccw_plugin table.responsive-table thead tr th::before {
264
- content: "\A0"; }
265
- .ccw_plugin table.responsive-table tbody {
266
- display: block;
267
- width: auto;
268
- position: relative;
269
- overflow-x: auto;
270
- white-space: nowrap; }
271
- .ccw_plugin table.responsive-table tbody tr {
272
- display: inline-block;
273
- vertical-align: top; }
274
- .ccw_plugin table.responsive-table th {
275
- display: block;
276
- text-align: right; }
277
- .ccw_plugin table.responsive-table td {
278
- display: block;
279
- min-height: 1.25em;
280
- text-align: left; }
281
- .ccw_plugin table.responsive-table tr {
282
- padding: 0 10px; }
283
- .ccw_plugin table.responsive-table thead {
284
- border: 0;
285
- border-right: 1px solid #d0d0d0; }
286
- .ccw_plugin table.responsive-table.bordered th {
287
- border-bottom: 0;
288
- border-left: 0; }
289
- .ccw_plugin table.responsive-table.bordered td {
290
- border-left: 0;
291
- border-right: 0;
292
- border-bottom: 0; }
293
- .ccw_plugin table.responsive-table.bordered tr {
294
- border: 0; }
295
- .ccw_plugin table.responsive-table.bordered tbody tr {
296
- border-right: 1px solid #d0d0d0; } }
297
-
298
- .ccw_plugin .secondary-content {
299
- float: right;
300
- color: #26a69a; }
301
- .ccw_plugin .collapsible .collection {
302
- margin: 0;
303
- border: none; }
304
-
305
-
306
- .ccw_plugin .hide {
307
- display: none !important; }
308
- .ccw_plugin .left-align {
309
- text-align: left; }
310
- .ccw_plugin .right-align {
311
- text-align: right; }
312
- .ccw_plugin .center, .ccw_plugin .center-align {
313
- text-align: center; }
314
- .ccw_plugin .left {
315
- float: left !important; }
316
- .ccw_plugin .right {
317
- float: right !important; }
318
- .ccw_plugin .no-select {
319
- user-select: none; }
320
- .ccw_plugin .circle {
321
- border-radius: 50%; }
322
- .ccw_plugin .center-block {
323
- display: block;
324
- margin-left: auto;
325
- margin-right: auto; }
326
- .ccw_plugin .truncate {
327
- display: block;
328
- white-space: nowrap;
329
- overflow: hidden;
330
- text-overflow: ellipsis; }
331
- .ccw_plugin .no-padding {
332
- padding: 0 !important; }
333
- .ccw_plugin a {
334
- text-decoration: none; }
335
- .ccw_plugin html {
336
- line-height: 1.5;
337
- font-family: "Roboto", sans-serif;
338
- font-weight: normal;
339
- color: rgba(0, 0, 0, 0.87); }
340
- @media only screen and (min-width: 0) {
341
- .ccw_plugin html {
342
- font-size: 14px; } }
343
- @media only screen and (min-width: 992px) {
344
- .ccw_plugin html {
345
- font-size: 14.5px; } }
346
- @media only screen and (min-width: 1200px) {
347
- .ccw_plugin html {
348
- font-size: 15px; } }
349
-
350
- .ccw_plugin em {
351
- font-style: italic; }
352
- .ccw_plugin strong {
353
- font-weight: 500; }
354
- .ccw_plugin small {
355
- font-size: 75%; }
356
- .ccw_plugin .light, .ccw_plugin .page-footer .footer-copyright {
357
- font-weight: 300; }
358
- .ccw_plugin .thin {
359
- font-weight: 200; }
360
-
361
- .ccw_plugin .scale-transition {
362
- transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; }
363
- .ccw_plugin .scale-transition.scale-out {
364
- transform: scale(0);
365
- transition: transform .2s !important; }
366
- .ccw_plugin .scale-transition.scale-in {
367
- transform: scale(1); }
368
- .ccw_plugin .btn, .ccw_plugin .btn-large,
369
- .ccw_plugin .btn-flat {
370
- border: none;
371
- border-radius: 2px;
372
- display: inline-block;
373
- height: 36px;
374
- line-height: 36px;
375
- padding: 0 2rem;
376
- text-transform: uppercase;
377
- vertical-align: middle;
378
- -webkit-tap-highlight-color: transparent; }
379
- .ccw_plugin .btn.disabled, .ccw_plugin .disabled.btn-large,
380
- .ccw_plugin .btn-floating.disabled,
381
- .ccw_plugin .btn-large.disabled,
382
- .ccw_plugin .btn-flat.disabled,
383
- .ccw_plugin .btn:disabled, .ccw_plugin .btn-large:disabled,
384
- .ccw_plugin .btn-floating:disabled,
385
- .ccw_plugin .btn-large:disabled,
386
- .ccw_plugin .btn-flat:disabled,
387
- .ccw_plugin .btn[disabled], .ccw_plugin [disabled].btn-large,
388
- .ccw_plugin .btn-floating[disabled],
389
- .ccw_plugin .btn-large[disabled],
390
- .ccw_plugin .btn-flat[disabled] {
391
- pointer-events: none;
392
- background-color: #DFDFDF !important;
393
- box-shadow: none;
394
- color: #9F9F9F !important;
395
- cursor: default; }
396
- .ccw_plugin .btn.disabled:hover, .ccw_plugin .disabled.btn-large:hover,
397
- .ccw_plugin .btn-floating.disabled:hover,
398
- .ccw_plugin .btn-large.disabled:hover,
399
- .ccw_plugin .btn-flat.disabled:hover,
400
- .ccw_plugin .btn:disabled:hover, .ccw_plugin .btn-large:disabled:hover,
401
- .ccw_plugin .btn-floating:disabled:hover,
402
- .ccw_plugin .btn-large:disabled:hover,
403
- .ccw_plugin .btn-flat:disabled:hover,
404
- .ccw_plugin .btn[disabled]:hover, .ccw_plugin [disabled].btn-large:hover,
405
- .ccw_plugin .btn-floating[disabled]:hover,
406
- .ccw_plugin .btn-large[disabled]:hover,
407
- .ccw_plugin .btn-flat[disabled]:hover {
408
- background-color: #DFDFDF !important;
409
- color: #9F9F9F !important; }
410
- .ccw_plugin .btn, .ccw_plugin .btn-large,
411
- .ccw_plugin .btn-floating,
412
- .ccw_plugin .btn-large,
413
- .ccw_plugin .btn-flat {
414
- font-size: 1rem;
415
- outline: 0; }
416
- .ccw_plugin .btn i, .ccw_plugin .btn-large i,
417
- .ccw_plugin .btn-floating i,
418
- .ccw_plugin .btn-large i,
419
- .ccw_plugin .btn-flat i {
420
- font-size: 1.3rem;
421
- line-height: inherit; }
422
- .ccw_plugin .btn:focus, .ccw_plugin .btn-large:focus,
423
- .ccw_plugin .btn-floating:focus {
424
- background-color: #1d7d74; }
425
- .ccw_plugin .btn, .ccw_plugin .btn-large {
426
- text-decoration: none;
427
- color: #fff;
428
- background-color: #26a69a;
429
- text-align: center;
430
- letter-spacing: .5px;
431
- transition: .2s ease-out;
432
- cursor: pointer; }
433
- .ccw_plugin .btn:hover, .ccw_plugin .btn-large:hover {
434
- background-color: #2bbbad; }
435
- .ccw_plugin .btn-floating {
436
- display: inline-block;
437
- color: #fff;
438
- position: relative;
439
- overflow: hidden;
440
- z-index: 1;
441
- width: 40px;
442
- height: 40px;
443
- line-height: 40px;
444
- padding: 0;
445
- background-color: #26a69a;
446
- border-radius: 50%;
447
- transition: .3s;
448
- cursor: pointer;
449
- vertical-align: middle; }
450
- .ccw_plugin .btn-floating:hover {
451
- background-color: #26a69a; }
452
- .ccw_plugin .btn-floating:before {
453
- border-radius: 0; }
454
- .ccw_plugin .btn-floating.btn-large {
455
- width: 56px;
456
- height: 56px; }
457
- .ccw_plugin .btn-floating.btn-large.halfway-fab {
458
- bottom: -28px; }
459
- .ccw_plugin .btn-floating.btn-large i {
460
- line-height: 56px; }
461
- .ccw_plugin .btn-floating.halfway-fab {
462
- position: absolute;
463
- right: 24px;
464
- bottom: -20px; }
465
- .ccw_plugin .btn-floating.halfway-fab.left {
466
- right: auto;
467
- left: 24px; }
468
- .ccw_plugin .btn-floating i {
469
- width: inherit;
470
- display: inline-block;
471
- text-align: center;
472
- color: #fff;
473
- font-size: 1.6rem;
474
- line-height: 40px; }
475
- .ccw_plugin button.btn-floating {
476
- border: none; }
477
- .ccw_plugin .fixed-action-btn {
478
- position: fixed;
479
- right: 23px;
480
- bottom: 23px;
481
- padding-top: 15px;
482
- margin-bottom: 0;
483
- z-index: 997; }
484
- .ccw_plugin .fixed-action-btn.active ul {
485
- visibility: visible; }
486
- .ccw_plugin .fixed-action-btn.horizontal {
487
- padding: 0 0 0 15px; }
488
- .ccw_plugin .fixed-action-btn.horizontal ul {
489
- text-align: right;
490
- right: 64px;
491
- top: 50%;
492
- transform: translateY(-50%);
493
- height: 100%;
494
- left: auto;
495
- width: 500px;
496
- /*width 100% only goes to width of button container */ }
497
- .ccw_plugin .fixed-action-btn.horizontal ul li {
498
- display: inline-block;
499
- margin: 15px 15px 0 0; }
500
- .ccw_plugin .fixed-action-btn.toolbar {
501
- padding: 0;
502
- height: 56px; }
503
- .ccw_plugin .fixed-action-btn.toolbar.active > a i {
504
- opacity: 0; }
505
- .ccw_plugin .fixed-action-btn.toolbar ul {
506
- display: flex;
507
- top: 0;
508
- bottom: 0;
509
- z-index: 1; }
510
- .ccw_plugin .fixed-action-btn.toolbar ul li {
511
- flex: 1;
512
- display: inline-block;
513
- margin: 0;
514
- height: 100%;
515
- transition: none; }
516
- .ccw_plugin .fixed-action-btn.toolbar ul li a {
517
- display: block;
518
- overflow: hidden;
519
- position: relative;
520
- width: 100%;
521
- height: 100%;
522
- background-color: transparent;
523
- box-shadow: none;
524
- color: #fff;
525
- line-height: 56px;
526
- z-index: 1; }
527
- .ccw_plugin .fixed-action-btn.toolbar ul li a i {
528
- line-height: inherit; }
529
- .ccw_plugin .fixed-action-btn ul {
530
- left: 0;
531
- right: 0;
532
- text-align: center;
533
- position: absolute;
534
- bottom: 64px;
535
- margin: 0;
536
- visibility: hidden; }
537
- .ccw_plugin .fixed-action-btn ul li {
538
- margin-bottom: 15px; }
539
- .ccw_plugin .fixed-action-btn ul a.btn-floating {
540
- opacity: 0; }
541
- .ccw_plugin .fixed-action-btn .fab-backdrop {
542
- position: absolute;
543
- top: 0;
544
- left: 0;
545
- z-index: -1;
546
- width: 40px;
547
- height: 40px;
548
- background-color: #26a69a;
549
- border-radius: 50%;
550
- transform: scale(0); }
551
- .ccw_plugin .btn-flat {
552
- box-shadow: none;
553
- background-color: transparent;
554
- color: #343434;
555
- cursor: pointer;
556
- transition: background-color .2s; }
557
- .ccw_plugin .btn-flat:focus, .ccw_plugin .btn-flat:hover {
558
- box-shadow: none; }
559
- .ccw_plugin .btn-flat:focus {
560
- background-color: rgba(0, 0, 0, 0.1); }
561
- .ccw_plugin .btn-flat.disabled {
562
- background-color: transparent !important;
563
- color: #b3b3b3 !important;
564
- cursor: default; }
565
- .ccw_plugin .btn-large {
566
- height: 54px;
567
- line-height: 54px; }
568
- .ccw_plugin .btn-large i {
569
- font-size: 1.6rem; }
570
- .ccw_plugin .btn-block {
571
- display: block; }
572
- .ccw_plugin .chip {
573
- display: inline-block;
574
- height: 32px;
575
- font-size: 13px;
576
- font-weight: 500;
577
- color: rgba(0, 0, 0, 0.6);
578
- line-height: 32px;
579
- padding: 0 12px;
580
- border-radius: 16px;
581
- background-color: #e4e4e4;
582
- margin-bottom: 5px;
583
- margin-right: 5px; }
584
- .ccw_plugin .chip > img {
585
- float: left;
586
- margin: 0 8px 0 -12px;
587
- height: 32px;
588
- width: 32px;
589
- border-radius: 50%; }
590
- .ccw_plugin .chip .close {
591
- cursor: pointer;
592
- float: right;
593
- font-size: 16px;
594
- line-height: 32px;
595
- padding-left: 8px; }
596
- .ccw_plugin .chips {
597
- border: none;
598
- border-bottom: 1px solid #9e9e9e;
599
- box-shadow: none;
600
- margin: 0 0 20px 0;
601
- min-height: 45px;
602
- outline: none;
603
- transition: all .3s; }
604
- .ccw_plugin .chips.focus {
605
- border-bottom: 1px solid #26a69a;
606
- box-shadow: 0 1px 0 0 #26a69a; }
607
- .ccw_plugin .chips:hover {
608
- cursor: text; }
609
- .ccw_plugin .chips .chip.selected {
610
- background-color: #26a69a;
611
- color: #fff; }
612
- .ccw_plugin .chips .input {
613
- background: none;
614
- border: 0;
615
- color: rgba(0, 0, 0, 0.6);
616
- display: inline-block;
617
- font-size: 1rem;
618
- height: 3rem;
619
- line-height: 32px;
620
- outline: 0;
621
- margin: 0;
622
- padding: 0 !important;
623
- width: 120px !important; }
624
- .ccw_plugin .chips .input:focus {
625
- border: 0 !important;
626
- box-shadow: none !important; }
627
- .ccw_plugin .chips .autocomplete-content {
628
- margin-top: 0;
629
- margin-bottom: 0; }
630
- .ccw_plugin .prefix ~ .chips {
631
- margin-left: 3rem;
632
- width: 92%;
633
- width: calc(100% - 3rem); }
634
- .ccw_plugin .chips:empty ~ label {
635
- font-size: 0.8rem;
636
- transform: translateY(-140%); }
637
- .ccw_plugin select:focus {
638
- outline: 1px solid #c9f3ef; }
639
- .ccw_plugin button:focus {
640
- outline: none;
641
- background-color: #2ab7a9; }
642
- .ccw_plugin label {
643
- font-size: 0.8rem;
644
- color: #9e9e9e; }
645
- .ccw_plugin ::placeholder {
646
- color: #d1d1d1; }
647
- .ccw_plugin input:not([type]),
648
- .ccw_plugin input[type=text]:not(.browser-default),
649
- .ccw_plugin textarea.materialize-textarea {
650
- background-color: transparent;
651
- border: none;
652
- border-bottom: 1px solid #9e9e9e;
653
- border-radius: 0;
654
- outline: none;
655
- height: 3rem;
656
- width: 100%;
657
- font-size: 1rem;
658
- margin: 0 0 20px 0;
659
- padding: 0;
660
- box-shadow: none;
661
- box-sizing: content-box;
662
- transition: all 0.3s; }
663
- .ccw_plugin input:not([type]):disabled, .ccw_plugin input:not([type])[readonly="readonly"],
664
- .ccw_plugin input[type=text]:not(.browser-default):disabled,
665
- .ccw_plugin input[type=text]:not(.browser-default)[readonly="readonly"],
666
- .ccw_plugin textarea.materialize-textarea:disabled,
667
- .ccw_plugin textarea.materialize-textarea[readonly="readonly"] {
668
- color: rgba(0, 0, 0, 0.42);
669
- border-bottom: 1px dotted rgba(0, 0, 0, 0.42); }
670
- .ccw_plugin input:not([type]):disabled + label,
671
- .ccw_plugin input:not([type])[readonly="readonly"] + label,
672
- .ccw_plugin input[type=text]:not(.browser-default):disabled + label,
673
- .ccw_plugin input[type=text]:not(.browser-default)[readonly="readonly"] + label,
674
- .ccw_plugin textarea.materialize-textarea:disabled + label,
675
- .ccw_plugin textarea.materialize-textarea[readonly="readonly"] + label {
676
- color: rgba(0, 0, 0, 0.42); }
677
- .ccw_plugin input:not([type]):focus:not([readonly]),
678
- .ccw_plugin input[type=text]:not(.browser-default):focus:not([readonly]),
679
- .ccw_plugin textarea.materialize-textarea:focus:not([readonly]) {
680
- border-bottom: 1px solid #26a69a;
681
- box-shadow: 0 1px 0 0 #26a69a; }
682
- .ccw_plugin input:not([type]):focus:not([readonly]) + label,
683
- .ccw_plugin input[type=text]:not(.browser-default):focus:not([readonly]) + label,
684
- .ccw_plugin textarea.materialize-textarea:focus:not([readonly]) + label {
685
- color: #26a69a; }
686
- .ccw_plugin input:not([type]).validate + label,
687
- .ccw_plugin input[type=text]:not(.browser-default).validate + label,
688
- .ccw_plugin textarea.materialize-textarea.validate + label {
689
- width: 100%; }
690
- .ccw_plugin input:not([type]).invalid + label:after,
691
- .ccw_plugin input:not([type]).valid + label:after,
692
- .ccw_plugin input[type=text]:not(.browser-default).invalid + label:after,
693
- .ccw_plugin input[type=text]:not(.browser-default).valid + label:after,
694
- .ccw_plugin textarea.materialize-textarea.invalid + label:after,
695
- .ccw_plugin textarea.materialize-textarea.valid + label:after {
696
- display: none; }
697
- .ccw_plugin input:not([type]).invalid + label.active:after,
698
- .ccw_plugin input:not([type]).valid + label.active:after,
699
- .ccw_plugin input[type=text]:not(.browser-default).invalid + label.active:after,
700
- .ccw_plugin input[type=text]:not(.browser-default).valid + label.active:after,
701
- .ccw_plugin textarea.materialize-textarea.invalid + label.active:after,
702
- .ccw_plugin textarea.materialize-textarea.valid + label.active:after {
703
- display: block; }
704
- .ccw_plugin input.valid:not([type]), .ccw_plugin input.valid:not([type]):focus, .ccw_plugin input[type=text].valid:not(.browser-default), .ccw_plugin input[type=text].valid:not(.browser-default):focus, .ccw_plugin input[type=password].valid:not(.browser-default), .ccw_plugin input[type=password].valid:not(.browser-default):focus, .ccw_plugin input[type=email].valid:not(.browser-default), .ccw_plugin input[type=email].valid:not(.browser-default):focus, .ccw_plugin input[type=url].valid:not(.browser-default), .ccw_plugin input[type=url].valid:not(.browser-default):focus, .ccw_plugin input[type=time].valid:not(.browser-default), .ccw_plugin input[type=time].valid:not(.browser-default):focus, .ccw_plugin input[type=date].valid:not(.browser-default), .ccw_plugin input[type=date].valid:not(.browser-default):focus, .ccw_plugin input[type=datetime].valid:not(.browser-default), .ccw_plugin input[type=datetime].valid:not(.browser-default):focus, .ccw_plugin input[type=datetime-local].valid:not(.browser-default), .ccw_plugin input[type=datetime-local].valid:not(.browser-default):focus, .ccw_plugin input[type=tel].valid:not(.browser-default), .ccw_plugin input[type=tel].valid:not(.browser-default):focus, .ccw_plugin input[type=number].valid:not(.browser-default), .ccw_plugin input[type=number].valid:not(.browser-default):focus, .ccw_plugin input[type=search].valid:not(.browser-default), .ccw_plugin input[type=search].valid:not(.browser-default):focus, .ccw_plugin textarea.materialize-textarea.valid, .ccw_plugin textarea.materialize-textarea.valid:focus, .ccw_plugin .select-wrapper.valid > input.select-dropdown {
705
- border-bottom: 1px solid #4CAF50;
706
- box-shadow: 0 1px 0 0 #4CAF50; }
707
- .ccw_plugin input.invalid:not([type]), .ccw_plugin input.invalid:not([type]):focus, .ccw_plugin input[type=text].invalid:not(.browser-default), .ccw_plugin input[type=text].invalid:not(.browser-default):focus, .ccw_plugin input[type=password].invalid:not(.browser-default), .ccw_plugin input[type=password].invalid:not(.browser-default):focus, .ccw_plugin input[type=email].invalid:not(.browser-default), .ccw_plugin input[type=email].invalid:not(.browser-default):focus, .ccw_plugin input[type=url].invalid:not(.browser-default), .ccw_plugin input[type=url].invalid:not(.browser-default):focus, .ccw_plugin input[type=time].invalid:not(.browser-default), .ccw_plugin input[type=time].invalid:not(.browser-default):focus, .ccw_plugin input[type=date].invalid:not(.browser-default), .ccw_plugin input[type=date].invalid:not(.browser-default):focus, .ccw_plugin input[type=datetime].invalid:not(.browser-default), .ccw_plugin input[type=datetime].invalid:not(.browser-default):focus, .ccw_plugin input[type=datetime-local].invalid:not(.browser-default), .ccw_plugin input[type=datetime-local].invalid:not(.browser-default):focus, .ccw_plugin input[type=tel].invalid:not(.browser-default), .ccw_plugin input[type=tel].invalid:not(.browser-default):focus, .ccw_plugin input[type=number].invalid:not(.browser-default), .ccw_plugin input[type=number].invalid:not(.browser-default):focus, .ccw_plugin input[type=search].invalid:not(.browser-default), .ccw_plugin input[type=search].invalid:not(.browser-default):focus, .ccw_plugin textarea.materialize-textarea.invalid, .ccw_plugin textarea.materialize-textarea.invalid:focus, .ccw_plugin .select-wrapper.invalid > input.select-dropdown {
708
- border-bottom: 1px solid #F44336;
709
- box-shadow: 0 1px 0 0 #F44336; }
710
- .ccw_plugin input:not([type]).valid + label:after, .ccw_plugin input:not([type]):focus.valid + label:after, .ccw_plugin input[type=text]:not(.browser-default).valid + label:after, .ccw_plugin input[type=text]:not(.browser-default):focus.valid + label:after, .ccw_plugin input[type=password]:not(.browser-default).valid + label:after, .ccw_plugin input[type=password]:not(.browser-default):focus.valid + label:after, .ccw_plugin input[type=email]:not(.browser-default).valid + label:after, .ccw_plugin input[type=email]:not(.browser-default):focus.valid + label:after, .ccw_plugin input[type=url]:not(.browser-default).valid + label:after, .ccw_plugin input[type=url]:not(.browser-default):focus.valid + label:after, .ccw_plugin input[type=time]:not(.browser-default).valid + label:after, .ccw_plugin input[type=time]:not(.browser-default):focus.valid + label:after, .ccw_plugin input[type=date]:not(.browser-default).valid + label:after, .ccw_plugin input[type=date]:not(.browser-default):focus.valid + label:after, .ccw_plugin input[type=datetime]:not(.browser-default).valid + label:after, .ccw_plugin input[type=datetime]:not(.browser-default):focus.valid + label:after, .ccw_plugin input[type=datetime-local]:not(.browser-default).valid + label:after, .ccw_plugin input[type=datetime-local]:not(.browser-default):focus.valid + label:after, .ccw_plugin input[type=tel]:not(.browser-default).valid + label:after, .ccw_plugin input[type=tel]:not(.browser-default):focus.valid + label:after, .ccw_plugin input[type=number]:not(.browser-default).valid + label:after, .ccw_plugin input[type=number]:not(.browser-default):focus.valid + label:after, .ccw_plugin input[type=search]:not(.browser-default).valid + label:after, .ccw_plugin input[type=search]:not(.browser-default):focus.valid + label:after, .ccw_plugin textarea.materialize-textarea.valid + label:after, .ccw_plugin textarea.materialize-textarea:focus.valid + label:after, .ccw_plugin .select-wrapper.valid + label:after {
711
- content: attr(data-success);
712
- color: #4CAF50;
713
- opacity: 1;
714
- transform: translateY(9px); }
715
- .ccw_plugin input:not([type]).invalid + label:after, .ccw_plugin input:not([type]):focus.invalid + label:after, .ccw_plugin input[type=text]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=text]:not(.browser-default):focus.invalid + label:after, .ccw_plugin input[type=password]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=password]:not(.browser-default):focus.invalid + label:after, .ccw_plugin input[type=email]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=email]:not(.browser-default):focus.invalid + label:after, .ccw_plugin input[type=url]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=url]:not(.browser-default):focus.invalid + label:after, .ccw_plugin input[type=time]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=time]:not(.browser-default):focus.invalid + label:after, .ccw_plugin input[type=date]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=date]:not(.browser-default):focus.invalid + label:after, .ccw_plugin input[type=datetime]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=datetime]:not(.browser-default):focus.invalid + label:after, .ccw_plugin input[type=datetime-local]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=datetime-local]:not(.browser-default):focus.invalid + label:after, .ccw_plugin input[type=tel]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=tel]:not(.browser-default):focus.invalid + label:after, .ccw_plugin input[type=number]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=number]:not(.browser-default):focus.invalid + label:after, .ccw_plugin input[type=search]:not(.browser-default).invalid + label:after, .ccw_plugin input[type=search]:not(.browser-default):focus.invalid + label:after, .ccw_plugin textarea.materialize-textarea.invalid + label:after, .ccw_plugin textarea.materialize-textarea:focus.invalid + label:after, .ccw_plugin .select-wrapper.invalid + label:after {
716
- content: attr(data-error);
717
- color: #F44336;
718
- opacity: 1;
719
- transform: translateY(9px); }
720
- .ccw_plugin input:not([type]) + label:after, .ccw_plugin input[type=text]:not(.browser-default) + label:after, .ccw_plugin input[type=password]:not(.browser-default) + label:after, .ccw_plugin input[type=email]:not(.browser-default) + label:after, .ccw_plugin input[type=url]:not(.browser-default) + label:after, .ccw_plugin input[type=time]:not(.browser-default) + label:after, .ccw_plugin input[type=date]:not(.browser-default) + label:after, .ccw_plugin input[type=datetime]:not(.browser-default) + label:after, .ccw_plugin input[type=datetime-local]:not(.browser-default) + label:after, .ccw_plugin input[type=tel]:not(.browser-default) + label:after, .ccw_plugin input[type=number]:not(.browser-default) + label:after, .ccw_plugin input[type=search]:not(.browser-default) + label:after, .ccw_plugin textarea.materialize-textarea + label:after, .ccw_plugin .select-wrapper + label:after {
721
- display: block;
722
- content: "";
723
- position: absolute;
724
- top: 100%;
725
- left: 0;
726
- opacity: 0;
727
- transition: .2s opacity ease-out, .2s color ease-out; }
728
- .ccw_plugin .input-field {
729
- position: relative;
730
- margin-top: 1rem; }
731
- .ccw_plugin .input-field.inline {
732
- display: inline-block;
733
- vertical-align: middle;
734
- margin-left: 5px; }
735
- .ccw_plugin .input-field.inline input,
736
- .ccw_plugin .input-field.inline .select-dropdown {
737
- margin-bottom: 1rem; }
738
- .ccw_plugin .input-field.col label {
739
- left: 0.75rem; }
740
- .ccw_plugin .input-field.col .prefix ~ label,
741
- .ccw_plugin .input-field.col .prefix ~ .validate ~ label {
742
- width: calc(100% - 3rem - 1.5rem); }
743
- .ccw_plugin .input-field label {
744
- color: #9e9e9e;
745
- position: absolute;
746
- top: 0;
747
- left: 0;
748
- height: 100%;
749
- font-size: 1rem;
750
- cursor: text;
751
- transition: transform .2s ease-out;
752
- transform-origin: 0% 100%;
753
- text-align: initial;
754
- transform: translateY(12px);
755
- pointer-events: none; }
756
- .ccw_plugin .input-field label:not(.label-icon).active {
757
- transform: translateY(-14px) scale(0.8);
758
- transform-origin: 0 0; }
759
- .ccw_plugin .input-field .prefix {
760
- position: absolute;
761
- width: 3rem;
762
- font-size: 2rem;
763
- transition: color .2s; }
764
- .ccw_plugin .input-field .prefix.active {
765
- color: #26a69a; }
766
- .ccw_plugin .input-field .prefix ~ input,
767
- .ccw_plugin .input-field .prefix ~ textarea,
768
- .ccw_plugin .input-field .prefix ~ label,
769
- .ccw_plugin .input-field .prefix ~ .validate ~ label,
770
- .ccw_plugin .input-field .prefix ~ .autocomplete-content {
771
- margin-left: 3rem;
772
- width: 92%;
773
- width: calc(100% - 3rem); }
774
- .ccw_plugin .input-field .prefix ~ label {
775
- margin-left: 3rem; }
776
- @media only screen and (max-width: 992px) {
777
- .ccw_plugin .input-field .prefix ~ input {
778
- width: 86%;
779
- width: calc(100% - 3rem); } }