Accordion - Version 1.6

Version Description

  • 14/08/2015 - add - re-coding & made by OOP.
    • 14/08/2015 - add - Hide any section of accordion.
    • 14/08/2015 - add - Custom CSS box.
Download this release

Release Info

Developer paratheme
Plugin Icon 128x128 Accordion
Version 1.6
Comparing to
See all releases

Code changes from version 1.5 to 1.6

Files changed (41) hide show
  1. ParaAdmin/ParaAdminClass.php +245 -0
  2. ParaAdmin/css/ParaAdmin.css +45 -74
  3. ParaAdmin/css/ParaDashboard.css +83 -0
  4. ParaAdmin/css/icons/dark/browser-firefox.png +0 -0
  5. ParaAdmin/css/icons/dark/device-monitor.png +0 -0
  6. ParaAdmin/css/icons/dark/globe.png +0 -0
  7. ParaAdmin/css/icons/dark/keywords.png +0 -0
  8. ParaAdmin/{cross-mark.png → css/icons/dark/map-pin.png} +0 -0
  9. ParaAdmin/css/icons/dark/os-apple.png +0 -0
  10. ParaAdmin/css/icons/dark/os-windows.png +0 -0
  11. ParaAdmin/css/icons/dark/page.png +0 -0
  12. ParaAdmin/css/icons/dark/share-hub.png +0 -0
  13. ParaAdmin/css/icons/dark/user-crowd.png +0 -0
  14. ParaAdmin/css/icons/dark/user-group.png +0 -0
  15. ParaAdmin/js/ParaAdmin.js +13 -1
  16. accordions.php +73 -118
  17. admin/css/move.png +0 -0
  18. admin/css/style.css +135 -0
  19. admin/js/scripts.js +148 -0
  20. css/accordions-pro-pricing.png +0 -0
  21. ParaAdmin/tik-mark.png → css/icons/minus-plus.png +0 -0
  22. css/icons/plus-minus.png +0 -0
  23. css/jquery-ui.css +1225 -0
  24. css/responsive-accordion.css +0 -55
  25. css/style.css +17 -146
  26. includes/accordions-functions.php +5 -0
  27. includes/accordions-meta.php +217 -30
  28. includes/class-functions.php +87 -0
  29. includes/class-settings.php +42 -0
  30. includes/class-shortcodes.php +52 -0
  31. accordions-help.php → includes/menu/help.php +25 -20
  32. js/jquery.tablednd.js +382 -0
  33. js/scripts.js +2 -126
  34. readme.txt +14 -4
  35. templates/content.php +16 -0
  36. templates/header.php +20 -0
  37. templates/scripts.php +39 -0
  38. templates/variables.php +36 -0
  39. themes/flat/images/star.png +0 -0
  40. themes/flat/index.php +64 -65
  41. themes/flat/style.css +45 -23
ParaAdmin/ParaAdminClass.php ADDED
@@ -0,0 +1,245 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ // ParaAdmin Class
4
+
5
+ class paraAdmin
6
+ {
7
+ var $options = array();
8
+
9
+
10
+ function option_output($options_all, $options_tabs)
11
+ {
12
+ $html = '';
13
+ $html .= '<div class="para-settings">';
14
+
15
+ $html .= '<ul class="tab-nav">';
16
+
17
+ $i=1;
18
+ foreach($options_tabs as $id => $tabs)
19
+ {
20
+ if($i==1)
21
+ {
22
+ $active = 'active';
23
+ }
24
+ else
25
+ {
26
+ $active = '';
27
+ }
28
+
29
+ $html.= '<li nav="'.$i.'" class="tab'.$i.' '.$active.' ">'.$tabs.'</li>';
30
+
31
+ $i++;
32
+ }
33
+ $html .= '</ul>';
34
+
35
+
36
+
37
+ $html .= '<ul class="box">';
38
+
39
+ $j = 1;
40
+ foreach($options_tabs as $id => $tabs)
41
+ {
42
+ if($j==1)
43
+ {
44
+ $active = 'active';
45
+ $display = 'block';
46
+ }
47
+ else
48
+ {
49
+ $active = '';
50
+ $display = 'none';
51
+ }
52
+ $html.= '<li style="display: '.$display.';" class="box'.$j.' tab-box '.$active.'">';
53
+ foreach($options_all[$id] as $id => $options)
54
+ {
55
+ foreach($options as $option)
56
+
57
+ $css_class = $options['css_class'];
58
+ $title = $options['title'];
59
+ $option_details = $options['option_details'];
60
+ $input_type = $options['input_type'];
61
+ $input_values = $options['input_values'];
62
+
63
+ $html.= '<div class="option-box">';
64
+
65
+ $html.= '<p class="option-title">'.$title.'</p>';
66
+ $html.= '<p class="option-info">'.$option_details.'</p>';
67
+
68
+ $html.= $this->input_type($input_type, $input_values, $id, $css_class);
69
+
70
+ $html.= '</div>';
71
+
72
+ }
73
+ $html.= '</li>';
74
+
75
+ $j++;
76
+ }
77
+ $html .= '</ul>';
78
+
79
+
80
+
81
+
82
+
83
+
84
+
85
+
86
+ $html .= '</div>';
87
+
88
+
89
+ return $html;
90
+
91
+ }
92
+
93
+
94
+ function input_type($input_type, $input_values, $id, $css_class)
95
+ {
96
+
97
+
98
+
99
+ $html ='';
100
+ if($input_type == 'text')
101
+ {
102
+
103
+ $option_id_value = get_option( $id );
104
+ if(empty($option_id_value))
105
+ {
106
+ $option_id_value = '';
107
+ }
108
+
109
+
110
+
111
+ $html.= '<input name="'.$id.'" type="text" value="'.$option_id_value.'" id="'.$id.'" class="'.$css_class.'" />';
112
+ }
113
+
114
+ elseif($input_type == 'textarea')
115
+ {
116
+
117
+ $option_id_value = get_option( $id );
118
+
119
+ if(!empty($option_id_value))
120
+ {
121
+ $value = $option_id_value;
122
+ }
123
+ else
124
+ {
125
+ $value = $input_values;
126
+ }
127
+
128
+
129
+
130
+ $html.= '<textarea name="'.$id.'" type="text" id="'.$id.'" class="'.$css_class.'" >'.$value.'</textarea>';
131
+ }
132
+
133
+
134
+
135
+
136
+
137
+ elseif($input_type == 'checkbox')
138
+ {
139
+
140
+ foreach($input_values as $key => $value)
141
+ {
142
+
143
+
144
+
145
+ $option_key_value = get_option( $key );
146
+ if(empty($option_key_value))
147
+ {
148
+ $option_key_value = '';
149
+ $checked = '';
150
+ }
151
+ else
152
+ {
153
+ $checked = 'checked';
154
+ }
155
+
156
+
157
+
158
+ $html.= '<label>';
159
+
160
+ $html.= '<input name="'.$key.'" type="checkbox" '.$checked.' value="1" id="'.$key.'" class="'.$css_class.'" /> '.$value;
161
+ $html.= '</label><br />';
162
+ }
163
+
164
+
165
+ }
166
+
167
+ elseif($input_type == 'select')
168
+ {
169
+
170
+
171
+ $html.= '<select name="'.$id.'" id="'.$id.'" class="'.$css_class.'">';
172
+ foreach($input_values as $key => $value)
173
+ {
174
+
175
+
176
+ $option_id_value = get_option( $id );
177
+ if($option_id_value == $key )
178
+ {
179
+ $selected = 'selected';
180
+
181
+ }
182
+ else
183
+ {
184
+ $selected = '';
185
+ }
186
+
187
+
188
+
189
+ $html.= '<option '.$selected.' value="'.$key.'" >'.$value.'</option>';
190
+ }
191
+ $html.= '</select>';
192
+
193
+ }
194
+
195
+
196
+ elseif($input_type == 'radio')
197
+ {
198
+
199
+ foreach($input_values as $key => $value)
200
+ {
201
+ $html.= '<label>';
202
+
203
+ $option_id_value = get_option( $id );
204
+ if($option_id_value == $key )
205
+ {
206
+ $checked = 'checked';
207
+
208
+ }
209
+ else
210
+ {
211
+ $checked = '';
212
+ }
213
+
214
+
215
+
216
+
217
+ $html.= '<input '.$checked.' class="'.$css_class.'" id="'.$key.'" type="radio" name="'.$id.'" value="'.$key.'" >'.$value.'</option> ';
218
+ $html.= '</label><br />';
219
+ }
220
+
221
+
222
+ }
223
+
224
+
225
+
226
+
227
+
228
+
229
+
230
+ return $html;
231
+ }
232
+
233
+
234
+
235
+
236
+
237
+
238
+
239
+
240
+
241
+
242
+
243
+ }
244
+
245
+
ParaAdmin/css/ParaAdmin.css CHANGED
@@ -8,31 +8,6 @@
8
  margin: 20px 0;
9
  }
10
 
11
-
12
- .para-settings .option-box > textarea,
13
- .para-settings .option-box > p
14
- {
15
- width:100%;
16
- }
17
-
18
- .para-settings .option-box > input {
19
- width: 50%;
20
- }
21
-
22
-
23
- .para-settings h2 {
24
- font-size: 20px;
25
- font-weight: bold;
26
- margin: 25px 0;
27
- }
28
-
29
-
30
-
31
-
32
-
33
-
34
-
35
-
36
  .para-settings .option-box {
37
  border-left: 3px solid rgb(255, 255, 255);
38
  margin: 10px 0;
@@ -40,7 +15,6 @@
40
  }
41
 
42
 
43
-
44
  .para-settings .option-box:hover {
45
  background: #e6e6e6;
46
  border-left: 3px solid #11b063;
@@ -95,83 +69,64 @@
95
  }
96
 
97
 
98
- .para-settings .hidden-mob {
99
 
100
- display: none;
101
 
 
 
102
  }
103
 
104
 
105
- /* data-table */
106
 
107
- .para-settings .data-table {
108
- border: 1px solid rgb(199, 199, 199);
109
- border-collapse: collapse;
110
- }
111
 
112
- .para-settings .data-table tr {
113
- border-bottom: 1px solid rgb(199, 199, 199);
 
114
  }
 
115
 
 
116
 
117
- .para-settings .data-table th {
118
- border-bottom: 2px solid rgb(253, 197, 28);
119
- border-collapse: collapse;
120
- padding: 10px 20px 10px 8px;
121
  }
122
 
123
 
124
- .para-settings .data-table td {
125
- border-bottom: 1px solid rgb(199, 199, 199);
126
- border-collapse: collapse;
127
- padding: 10px 20px 10px 8px;
128
- }
129
-
130
- .para-settings .button {
131
- margin: 20px 0;
132
- }
133
-
134
- .para-settings .success {
135
- background: none repeat scroll 0 0 rgb(105, 221, 157);
136
- padding: 5px 10px;
137
- display:none;
138
  }
139
 
140
 
141
- /*para-form-table*/
142
-
143
 
144
- .para-settings .para-form-table {
145
-
146
- border-collapse: collapse;
147
  }
148
 
149
- .para-settings .para-form-table tr {
150
-
 
 
151
  }
152
 
153
-
154
- .para-settings .para-form-table th {
155
- border-collapse: collapse;
156
- padding: 10px 20px 10px 8px;
157
- text-align: left;
158
- vertical-align: top;
159
- width: 200px;
160
  }
161
 
162
- .para-settings .para-form-table td {
 
 
163
 
164
- border-collapse: collapse;
165
- padding: 10px 20px 10px 8px;
166
  }
167
-
168
- .para-settings pre {
169
-
 
170
  }
171
 
172
 
173
  @media all and (max-width: 799px) {
174
-
175
 
176
 
177
  .para-settings ul.tab-nav li {
@@ -185,6 +140,22 @@
185
  }
186
 
187
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
188
 
189
  }
190
 
8
  margin: 20px 0;
9
  }
10
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
11
  .para-settings .option-box {
12
  border-left: 3px solid rgb(255, 255, 255);
13
  margin: 10px 0;
15
  }
16
 
17
 
 
18
  .para-settings .option-box:hover {
19
  background: #e6e6e6;
20
  border-left: 3px solid #11b063;
69
  }
70
 
71
 
 
72
 
 
73
 
74
+ .para-settings .new_user_profile_social {
75
+ margin: 15px 5px;
76
  }
77
 
78
 
 
79
 
80
+ .para-settings ul.voting-bg-img-list{}
 
 
 
81
 
82
+ .para-settings ul.voting-bg-img-list li {
83
+ display: inline-block;
84
+ margin: 5px;
85
  }
86
+ .para-settings ul.voting-bg-img-list li.bg-selected {}
87
 
88
+ .para-settings ul.voting-bg-img-list li img{border: 2px solid #ffffff;}
89
 
90
+ .para-settings ul.voting-bg-img-list li.bg-selected img{
91
+ border: 2px solid #ff5a11;
 
 
92
  }
93
 
94
 
95
+ .para-settings h2 {
96
+ font-size: 20px;
97
+ font-weight: bold;
98
+ margin: 25px 0;
 
 
 
 
 
 
 
 
 
 
99
  }
100
 
101
 
102
+ .para-settings .expandable {
 
103
 
 
 
 
104
  }
105
 
106
+ .para-settings .expandable .items {
107
+ background: none repeat scroll 0 0 rgb(255, 255, 255);
108
+ border-bottom: 1px solid rgb(153, 153, 153);
109
+ margin: 2px 0;
110
  }
111
 
112
+ .para-settings .expandable .header {
113
+ background: none repeat scroll 0 0 rgb(255, 255, 255);
114
+ padding: 5px;
 
 
 
 
115
  }
116
 
117
+ .para-settings .expandable .active .options {
118
+
119
+ display: block;
120
 
 
 
121
  }
122
+ .para-settings .expandable .options {
123
+ background: none repeat scroll 0 0 rgb(240, 240, 240);
124
+ display: none;
125
+ padding: 10px;
126
  }
127
 
128
 
129
  @media all and (max-width: 799px) {
 
130
 
131
 
132
  .para-settings ul.tab-nav li {
140
  }
141
 
142
 
143
+
144
+
145
+
146
+ .para-settings .pricing-table .column {
147
+ display:block;
148
+ float:none;
149
+ width:100%;
150
+ border-right: 1px solid #ff9601;
151
+ margin: 50px 0;
152
+
153
+ }
154
+
155
+
156
+
157
+
158
+
159
 
160
  }
161
 
ParaAdmin/css/ParaDashboard.css ADDED
@@ -0,0 +1,83 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ @charset "utf-8";
2
+ /* CSS Document */
3
+
4
+
5
+
6
+ /*para-dashboard*/
7
+
8
+ .para-dashboard {
9
+ background: none repeat scroll 0 0 rgb(91, 116, 145);
10
+ padding: 10px;
11
+ }
12
+
13
+ .para-dashboard .dash-box {
14
+ background: none repeat scroll 0 0 rgb(93, 126, 163);
15
+ border: 1px solid rgb(122, 170, 223);
16
+ display: inline-block;
17
+ height: auto;
18
+ margin-bottom: 30px;
19
+ margin-right: 10px;
20
+ margin-top: 0;
21
+ overflow: hidden;
22
+ padding-bottom: 30px;
23
+ vertical-align: top;
24
+ width: 350px;
25
+ }
26
+
27
+ .para-dashboard .dash-box-title {
28
+ background: none repeat scroll 0 0 rgb(100, 140, 186);
29
+ color: rgb(255, 255, 255);
30
+ font-size: 16px;
31
+ font-weight: bold;
32
+ line-height: 30px;
33
+ padding: 0 10px;
34
+ }
35
+
36
+ .para-dashboard .dash-box-title .fa {
37
+ padding-right: 10px;
38
+ }
39
+
40
+ .para-dashboard .dash-box-info {
41
+ color: rgb(238, 238, 238);
42
+ font-size: 12px;
43
+ padding: 10px;
44
+ }
45
+
46
+ .para-dashboard .dash-box .total-online {
47
+ color: rgb(255, 255, 255);
48
+ font-size: 40px;
49
+ padding: 30px 10px 10px;
50
+ text-align: center;
51
+ }
52
+
53
+ .para-dashboard .dash-box .total-session {
54
+ color: rgb(255, 255, 255);
55
+ font-size: 40px;
56
+ padding: 30px 10px 10px;
57
+ text-align: center;
58
+ }
59
+
60
+
61
+
62
+
63
+ .para-dashboard .dash-box .para-data-table {
64
+ border: 1px solid rgb(221, 221, 221);
65
+ border-collapse: collapse;
66
+ color: rgb(255, 255, 255);
67
+ text-align: left;
68
+ }
69
+
70
+ .para-dashboard .dash-box .para-data-table th {
71
+ padding: 7px;
72
+ }
73
+ .para-dashboard .dash-box tr {
74
+ border-bottom: 1px solid rgb(221, 221, 221);
75
+ }
76
+ .para-dashboard .dash-box .para-data-table td {
77
+ padding: 5px;
78
+ }
79
+
80
+ .para-dashboard .dash-box .para-data-table a {
81
+ color: rgb(255, 255, 255);
82
+ text-decoration: none;
83
+ }
ParaAdmin/css/icons/dark/browser-firefox.png ADDED
Binary file
ParaAdmin/css/icons/dark/device-monitor.png ADDED
Binary file
ParaAdmin/css/icons/dark/globe.png ADDED
Binary file
ParaAdmin/css/icons/dark/keywords.png ADDED
Binary file
ParaAdmin/{cross-mark.png → css/icons/dark/map-pin.png} RENAMED
Binary file
ParaAdmin/css/icons/dark/os-apple.png ADDED
Binary file
ParaAdmin/css/icons/dark/os-windows.png ADDED
Binary file
ParaAdmin/css/icons/dark/page.png ADDED
Binary file
ParaAdmin/css/icons/dark/share-hub.png ADDED
Binary file
ParaAdmin/css/icons/dark/user-crowd.png ADDED
Binary file
ParaAdmin/css/icons/dark/user-group.png ADDED
Binary file
ParaAdmin/js/ParaAdmin.js CHANGED
@@ -3,7 +3,19 @@ jQuery(document).ready(function($)
3
  {
4
 
5
 
6
-
 
 
 
 
 
 
 
 
 
 
 
 
7
 
8
 
9
 
3
  {
4
 
5
 
6
+ $(document).on('click', '.expandable .header', function()
7
+ {
8
+ if($(this).parent().hasClass('active'))
9
+ {
10
+ $(this).parent().removeClass('active');
11
+ }
12
+ else
13
+ {
14
+ $(this).parent().addClass('active');
15
+ }
16
+
17
+
18
+ })
19
 
20
 
21
 
accordions.php CHANGED
@@ -3,148 +3,103 @@
3
  Plugin Name: Accordions
4
  Plugin URI: http://paratheme.com/items/accordions-html-css3-responsive-accordion-grid-for-wordpress/
5
  Description: Fully responsive and mobile ready accordion grid for wordpress.
6
- Version: 1.5
7
  Author: paratheme
8
  Author URI: http://paratheme.com
9
- License: GPLv2 or later
10
- License URI: http://www.gnu.org/licenses/gpl-2.0.html
11
  */
12
 
13
- define('accordions_plugin_url', WP_PLUGIN_URL . '/' . plugin_basename( dirname(__FILE__) ) . '/' );
14
- define('accordions_plugin_dir', plugin_dir_path( __FILE__ ) );
15
- define('accordions_wp_url', 'https://wordpress.org/plugins/accordions/' );
16
- define('accordions_wp_reviews', 'http://wordpress.org/support/view/plugin-reviews/accordions' );
17
- define('accordions_pro_url','http://paratheme.com/items/accordions-html-css3-responsive-accordion-grid-for-wordpress/' );
18
- define('accordions_demo_url', 'http://paratheme.com' );
19
- define('accordions_conatct_url', 'http://paratheme.com/contact' );
20
- define('accordions_qa_url', 'http://paratheme.com/qa/' );
21
- define('accordions_plugin_name', 'Accordions' );
22
- define('accordions_share_url', 'https://wordpress.org/plugins/accordions/' );
23
- define('accordions_tutorial_video_url', '//www.youtube.com/embed/h2wNFJaaY8s?rel=0' );
24
 
25
- require_once( plugin_dir_path( __FILE__ ) . 'includes/accordions-meta.php');
26
- require_once( plugin_dir_path( __FILE__ ) . 'includes/accordions-functions.php');
27
-
28
-
29
- //Themes php files
30
- require_once( plugin_dir_path( __FILE__ ) . 'themes/flat/index.php');
31
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
32
 
 
 
33
 
34
 
35
- function accordions_paratheme_init_scripts()
36
- {
 
 
37
 
 
38
 
 
39
 
40
- wp_enqueue_script('jquery');
41
 
42
- wp_enqueue_script('accordions_js', plugins_url( '/js/scripts.js' , __FILE__ ) , array( 'jquery' ));
 
43
 
44
- wp_enqueue_style('accordions_style', accordions_plugin_url.'css/style.css');
45
- wp_enqueue_style('responsive-accordion', accordions_plugin_url.'css/responsive-accordion.css');
46
 
47
- wp_enqueue_style( 'wp-color-picker' );
48
- wp_enqueue_script( 'accordions_color_picker', plugins_url('/js/color-picker.js', __FILE__ ), array( 'wp-color-picker' ), false, true );
49
- wp_enqueue_script('jquery-accordion', plugins_url( '/js/responsive-accordion.js' , __FILE__ ) , array( 'jquery' ));
 
 
50
 
51
 
52
- //ParaAdmin
53
- wp_enqueue_style('ParaAdmin', accordions_plugin_url.'ParaAdmin/css/ParaAdmin.css');
54
- wp_enqueue_style('ParaIcons', accordions_plugin_url.'ParaAdmin/css/ParaIcons.css');
55
- wp_enqueue_script('ParaAdmin', plugins_url( 'ParaAdmin/js/ParaAdmin.js' , __FILE__ ) , array( 'jquery' ));
56
-
57
 
58
 
 
59
 
 
60
 
61
- // Style for themes
62
- wp_enqueue_style('accordions-style-flat', accordions_plugin_url.'themes/flat/style.css');
63
-
 
 
64
 
65
- }
66
- add_action("init","accordions_paratheme_init_scripts");
67
-
68
-
69
- register_activation_hook(__FILE__, 'accordions_paratheme_activation');
70
-
71
-
72
- function accordions_paratheme_activation()
73
- {
74
- $accordions_version= "1.5";
75
- update_option('accordions_version', $accordions_version); //update plugin version.
76
 
77
- $accordions_customer_type= "free"; //customer_type "free"
78
- update_option('accordions_customer_type', $accordions_customer_type); //update plugin version.
79
- }
80
-
81
-
82
- function accordions_paratheme_display($atts, $content = null ) {
83
- $atts = shortcode_atts(
84
- array(
85
- 'id' => "",
86
-
87
- ), $atts);
88
-
89
-
90
- $post_id = $atts['id'];
91
-
92
- $accordions_themes = get_post_meta( $post_id, 'accordions_themes', true );
93
-
94
- $accordions_paratheme_display ="";
95
-
96
- if($accordions_themes== "flat")
97
- {
98
- $accordions_paratheme_display.= accordions_themes_flat($post_id);
99
- }
100
-
101
- else
102
- {
103
- $accordions_paratheme_display.= accordions_themes_flat($post_id);
104
- }
105
-
106
-
107
-
108
-
109
-
110
- return $accordions_paratheme_display;
111
-
112
-
113
-
114
- }
115
-
116
- add_shortcode('accordions', 'accordions_paratheme_display');
117
-
118
-
119
-
120
-
121
-
122
-
123
-
124
-
125
-
126
- add_action('admin_menu', 'accordions_paratheme_menu_init');
127
-
128
 
 
 
 
 
 
129
 
130
- function accordions_paratheme_menu_help(){
131
- include('accordions-help.php');
132
- }
133
-
134
-
135
-
136
-
137
-
138
- function accordions_paratheme_menu_init()
139
- {
140
-
141
-
142
- add_submenu_page('edit.php?post_type=accordions', __('Help & Upgrade','menu-wpt'), __('Help & Upgrade','menu-wpt'), 'manage_options', 'accordions_paratheme_menu_help', 'accordions_paratheme_menu_help');
143
-
144
  }
145
 
146
-
147
-
148
-
149
-
150
- ?>
3
  Plugin Name: Accordions
4
  Plugin URI: http://paratheme.com/items/accordions-html-css3-responsive-accordion-grid-for-wordpress/
5
  Description: Fully responsive and mobile ready accordion grid for wordpress.
6
+ Version: 1.6
7
  Author: paratheme
8
  Author URI: http://paratheme.com
9
+ License: Custom support@paratheme.com
10
+ License URI: http://paratheme.com/copyright/
11
  */
12
 
13
+ if ( ! defined('ABSPATH')) exit; // if direct access
 
 
 
 
 
 
 
 
 
 
14
 
 
 
 
 
 
 
15
 
16
+ class Accordions{
17
+
18
+ public function __construct(){
19
+
20
+ define('accordions_plugin_url', WP_PLUGIN_URL . '/' . plugin_basename( dirname(__FILE__) ) . '/' );
21
+ define('accordions_plugin_dir', plugin_dir_path( __FILE__ ) );
22
+ define('accordions_wp_url', 'https://wordpress.org/plugins/accordions/' );
23
+ define('accordions_wp_reviews', 'http://wordpress.org/support/view/plugin-reviews/accordions' );
24
+ define('accordions_pro_url','http://paratheme.com/items/accordions-html-css3-responsive-accordion-grid-for-wordpress/' );
25
+ define('accordions_demo_url', 'http://paratheme.com' );
26
+ define('accordions_conatct_url', 'http://paratheme.com/contact' );
27
+ define('accordions_qa_url', 'http://paratheme.com/qa/' );
28
+ define('accordions_plugin_name', 'Accordions' );
29
+ define('accordions_plugin_version', '1.6' );
30
+ define('accordions_customer_type', 'free' ); // pro & free
31
+ define('accordions_share_url', 'https://wordpress.org/plugins/accordions/' );
32
+ define('accordions_tutorial_video_url', '//www.youtube.com/embed/h2wNFJaaY8s?rel=0' );
33
+
34
+ require_once( plugin_dir_path( __FILE__ ) . 'includes/accordions-meta.php');
35
+ require_once( plugin_dir_path( __FILE__ ) . 'includes/accordions-functions.php');
36
+
37
+ require_once( plugin_dir_path( __FILE__ ) . 'includes/class-functions.php');
38
+ require_once( plugin_dir_path( __FILE__ ) . 'includes/class-shortcodes.php');
39
+ require_once( plugin_dir_path( __FILE__ ) . 'includes/class-settings.php');
40
+
41
+
42
 
43
+ add_action( 'wp_enqueue_scripts', array( $this, 'accordions_front_scripts' ) );
44
+ add_action( 'admin_enqueue_scripts', array( $this, 'accordions_admin_scripts' ) );
45
 
46
 
47
+ }
48
+
49
+
50
+ public function accordions_install(){
51
 
52
+ do_action( 'accordions_action_install' );
53
 
54
+ }
55
 
56
+ public function accordions_uninstall(){
57
 
58
+ do_action( 'accordions_action_uninstall' );
59
+ }
60
 
61
+ public function accordions_deactivation(){
 
62
 
63
+ do_action( 'accordions_action_deactivation' );
64
+ }
65
+
66
+
67
+ public function accordions_front_scripts(){
68
 
69
 
70
+ wp_enqueue_script( 'jquery' );
71
+ wp_enqueue_script( 'jquery-ui-core' );
72
+ wp_enqueue_script('jquery-ui-accordion');
73
+ wp_enqueue_style('jquery-ui', accordions_plugin_url.'css/jquery-ui.css');
74
+ wp_enqueue_style('accordions_style', accordions_plugin_url.'css/style.css');
75
 
76
 
77
+ }
78
 
79
+ public function accordions_admin_scripts(){
80
 
81
+ wp_enqueue_script('jquery');
82
+ wp_enqueue_script('jquery-ui-core');
83
+ //wp_enqueue_script('jquery-ui-sortable');
84
+ wp_enqueue_script('accordions_admin_js', plugins_url( '/admin/js/scripts.js' , __FILE__ ) , array( 'jquery' ));
85
+ wp_enqueue_script('jquery.tablednd.js', plugins_url( '/js/jquery.tablednd.js' , __FILE__ ) , array( 'jquery' ));
86
 
87
+ wp_enqueue_style('accordions_admin_style', accordions_plugin_url.'admin/css/style.css');
88
+
89
+ //ParaAdmin
90
+ wp_enqueue_style('ParaAdmin', accordions_plugin_url.'ParaAdmin/css/ParaAdmin.css');
91
+ wp_enqueue_script('ParaAdmin', plugins_url( 'ParaAdmin/js/ParaAdmin.js' , __FILE__ ) , array( 'jquery' ));
92
+
93
+ wp_enqueue_style( 'wp-color-picker' );
94
+ wp_enqueue_script( 'accordions_color_picker', plugins_url('/js/color-picker.js', __FILE__ ), array( 'wp-color-picker' ), false, true );
 
 
 
95
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
96
 
97
+ }
98
+
99
+
100
+
101
+
102
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
103
  }
104
 
105
+ new Accordions();
 
 
 
 
admin/css/move.png ADDED
Binary file
admin/css/style.css ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ @charset "utf-8";
2
+ /* CSS Document */
3
+
4
+
5
+ /*Admin CSS*/
6
+
7
+ #accordions_metabox ul.accordions_bg_img_list{}
8
+
9
+ #accordions_metabox ul.accordions_bg_img_list li {
10
+ display: inline-block;
11
+ margin: 5px;
12
+ }
13
+ #accordions_metabox ul.accordions_bg_img_list li.bg-selected {}
14
+
15
+ #accordions_metabox ul.accordions_bg_img_list li img{border: 2px solid #ffffff;}
16
+
17
+ #accordions_metabox ul.accordions_bg_img_list li.bg-selected img{
18
+ border: 2px solid #ff5a11;
19
+ }
20
+
21
+
22
+ #accordions_metabox .accordions_icons_custom {
23
+ display: none;
24
+ margin-top: 15px;
25
+ }
26
+
27
+ #accordions_metabox .accordions_icons_custom_plus {
28
+ background: none repeat scroll 0 0 / 100% auto rgb(221, 221, 221);
29
+ display: inline-block;
30
+ height: 20px;
31
+ margin-right: 5px;
32
+ width: 20px;
33
+ cursor: pointer;
34
+ border: 1px solid rgb(255, 89, 16);
35
+ }
36
+
37
+ #accordions_metabox .accordions_icons_custom_minus {
38
+ background: none repeat scroll 0 0 / 100% auto rgb(221, 221, 221);
39
+ display: inline-block;
40
+ height: 20px;
41
+ margin-right: 5px;
42
+ width: 20px;
43
+ cursor: pointer;
44
+ border: 1px solid rgb(255, 89, 16);
45
+ }
46
+
47
+ #accordions_metabox .accordions-content input{}
48
+
49
+ #accordions_metabox .accordions-content textarea {
50
+
51
+ width: 95%;
52
+ }
53
+
54
+
55
+
56
+
57
+ #accordions_metabox .accordions-content .removeaccordions:hover {
58
+ background: none repeat scroll 0 0 rgb(255, 134, 87);
59
+ }
60
+
61
+ #accordions_metabox .accordions-content .tab-new {
62
+ background: none repeat scroll 0 0 #a3dbff;
63
+ }
64
+
65
+
66
+
67
+
68
+ #accordions_metabox .accordions-content {
69
+
70
+ }
71
+
72
+ #accordions_metabox .accordions-content tr {
73
+ background: none repeat scroll 0 0 rgb(255, 255, 255);
74
+ border-bottom: 1px solid rgb(153, 153, 153);
75
+ margin-bottom: 10px;
76
+ padding: 0;
77
+ }
78
+
79
+ #accordions_metabox .accordions-content .section-dragHandle {
80
+ cursor: move;
81
+ text-align: center;
82
+ vertical-align: middle;
83
+ width: 20px;
84
+ }
85
+
86
+ #accordions_metabox .accordions-content .section-dragHandle:hover {
87
+ background: url("move.png") no-repeat scroll 8px 6px rgba(0, 0, 0, 0);
88
+ }
89
+
90
+
91
+ #accordions_metabox .accordions-content .section-header {
92
+ border-bottom: 1px solid rgb(153, 153, 153);
93
+ padding: 5px 10px;
94
+ }
95
+
96
+ #accordions_metabox .accordions-content .accordions-title-preview {
97
+ display: inline-block;
98
+ }
99
+ #accordions_metabox .accordions-content .section-header .removeaccordions {
100
+ background: none repeat scroll 0 0 rgb(255, 91, 64);
101
+ cursor: pointer;
102
+ display: inline-block;
103
+ float: right;
104
+ margin-left: 20px;
105
+ text-align: center;
106
+ width: 20px;
107
+ }
108
+
109
+ #accordions_metabox .accordions-content .section-header label {
110
+ float: right;
111
+ }
112
+
113
+
114
+
115
+
116
+
117
+
118
+ #accordions_metabox .accordions-content .section-panel {
119
+ display: none;
120
+ }
121
+
122
+
123
+ #accordions_metabox .accordions-content .active .section-panel {
124
+ display: block;
125
+ padding: 25px 10px;
126
+ text-align: left;
127
+ background:#bde6fc;
128
+ }
129
+
130
+ #accordions_metabox .accordions-content .active .section-header{
131
+ background:#a7e1ff;
132
+
133
+ }
134
+
135
+
admin/js/scripts.js ADDED
@@ -0,0 +1,148 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ jQuery(document).ready(function($)
2
+ {
3
+
4
+
5
+
6
+
7
+ $(document).on('keyup', '#accordions_metabox .section-panel input', function()
8
+ {
9
+ var text = $(this).val();
10
+
11
+ if(text == '')
12
+ {
13
+ $(this).parent().parent().children('.section-header').children('.accordions-title-preview').html('start typing');
14
+ }
15
+ else
16
+ {
17
+ $(this).parent().parent().children('.section-header').children('.accordions-title-preview').html(text);
18
+ }
19
+
20
+
21
+
22
+ })
23
+
24
+
25
+
26
+
27
+
28
+
29
+ $(document).on('click', '#accordions_metabox .section-header', function()
30
+ {
31
+ if($(this).parent().hasClass('active'))
32
+ {
33
+ $(this).parent().removeClass('active');
34
+ }
35
+ else
36
+ {
37
+ $(this).parent().addClass('active');
38
+ }
39
+
40
+
41
+ })
42
+
43
+
44
+
45
+
46
+
47
+ $(document).on('click', '.accordions_icons_custom_plus', function()
48
+ {
49
+ var icon_url = prompt("Please insert icon url","");
50
+ if(icon_url != null && icon_url != '')
51
+ {
52
+
53
+
54
+ $(this).css("background-image",'url('+icon_url+')');
55
+
56
+ $(".accordions_icons_custom_plus input").val(icon_url);
57
+ }
58
+
59
+ })
60
+
61
+
62
+ $(document).on('click', '.accordions_icons_custom_minus', function()
63
+ {
64
+ var icon_url = prompt("Please insert icon url","");
65
+ if(icon_url != null && icon_url != '')
66
+ {
67
+
68
+
69
+ $(this).css("background-image",'url('+icon_url+')');
70
+
71
+ $(".accordions_icons_custom_minus input").val(icon_url);
72
+ }
73
+
74
+ })
75
+
76
+
77
+
78
+
79
+
80
+
81
+
82
+ $(document).on('change', '.accordions_icons_list', function()
83
+ {
84
+ var val = $(this).val();
85
+
86
+ if(val == 'custom')
87
+ {
88
+ $('.accordions_icons_custom').fadeIn();
89
+ }
90
+ else
91
+ {
92
+ $('.accordions_icons_custom').fadeOut();
93
+ }
94
+
95
+ })
96
+
97
+
98
+
99
+ $(document).on('click', '.accordions-content-buttons .add-accordions', function()
100
+ {
101
+
102
+
103
+ var row = $('.accordions-content tr').length;
104
+
105
+
106
+ if($.isNumeric(row))
107
+ {
108
+ var row = parseInt(row)+1;
109
+
110
+ }
111
+
112
+ else
113
+ {
114
+ var row = 0;
115
+ }
116
+
117
+
118
+ $(".accordions-content").append('<tr index="'+row+'" valign="top"><td class="">&nbsp;</td><td class="tab-new" style="vertical-align:middle;"><br/><input width="100%" placeholder="accordions Header" type="text" name="accordions_content_title[row_'+row+']" value="" /><br /><br /><textarea placeholder="accordions Content" name="accordions_content_body[row_'+row+']" ></textarea></td></tr>');
119
+
120
+
121
+
122
+ setTimeout(function(){
123
+
124
+ $(".accordions-content tr:last-child td").removeClass("tab-new");
125
+
126
+ }, 300);
127
+
128
+
129
+
130
+ })
131
+
132
+
133
+
134
+ $(document).on('click', '#accordions_metabox .removeaccordions', function()
135
+ {
136
+
137
+ if (confirm('Do you really want to delete this section ?')) {
138
+
139
+ $(this).parent().parent().parent().remove();
140
+ }
141
+
142
+
143
+
144
+ })
145
+
146
+
147
+
148
+ });
css/accordions-pro-pricing.png DELETED
Binary file
ParaAdmin/tik-mark.png → css/icons/minus-plus.png RENAMED
Binary file
css/icons/plus-minus.png ADDED
Binary file
css/jquery-ui.css ADDED
@@ -0,0 +1,1225 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*! jQuery UI - v1.11.0 - 2014-06-26
2
+ * http://jqueryui.com
3
+ * Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
4
+ * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
5
+ * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
6
+
7
+ /* Layout helpers
8
+ ----------------------------------*/
9
+ .ui-helper-hidden {
10
+ display: none;
11
+ }
12
+ .ui-helper-hidden-accessible {
13
+ border: 0;
14
+ clip: rect(0 0 0 0);
15
+ height: 1px;
16
+ margin: -1px;
17
+ overflow: hidden;
18
+ padding: 0;
19
+ position: absolute;
20
+ width: 1px;
21
+ }
22
+ .ui-helper-reset {
23
+ margin: 0;
24
+ padding: 0;
25
+ border: 0;
26
+ outline: 0;
27
+ line-height: 1.3;
28
+ text-decoration: none;
29
+ font-size: 100%;
30
+ list-style: none;
31
+ }
32
+ .ui-helper-clearfix:before,
33
+ .ui-helper-clearfix:after {
34
+ content: "";
35
+ display: table;
36
+ border-collapse: collapse;
37
+ }
38
+ .ui-helper-clearfix:after {
39
+ clear: both;
40
+ }
41
+ .ui-helper-clearfix {
42
+ min-height: 0; /* support: IE7 */
43
+ }
44
+ .ui-helper-zfix {
45
+ width: 100%;
46
+ height: 100%;
47
+ top: 0;
48
+ left: 0;
49
+ position: absolute;
50
+ opacity: 0;
51
+ filter:Alpha(Opacity=0);
52
+ }
53
+
54
+ .ui-front {
55
+ z-index: 100;
56
+ }
57
+
58
+
59
+ /* Interaction Cues
60
+ ----------------------------------*/
61
+ .ui-state-disabled {
62
+ cursor: default !important;
63
+ }
64
+
65
+
66
+ /* Icons
67
+ ----------------------------------*/
68
+
69
+ /* states and images */
70
+ .ui-icon {
71
+ display: block;
72
+ text-indent: -99999px;
73
+ overflow: hidden;
74
+ background-repeat: no-repeat;
75
+ }
76
+
77
+
78
+ /* Misc visuals
79
+ ----------------------------------*/
80
+
81
+ /* Overlays */
82
+ .ui-widget-overlay {
83
+ position: fixed;
84
+ top: 0;
85
+ left: 0;
86
+ width: 100%;
87
+ height: 100%;
88
+ }
89
+ .ui-accordion .ui-accordion-header {
90
+ display: block;
91
+ cursor: pointer;
92
+ position: relative;
93
+ margin: 2px 0 0 0;
94
+ padding: .5em .5em .5em .7em;
95
+ min-height: 0; /* support: IE7 */
96
+ font-size: 100%;
97
+ }
98
+ .ui-accordion .ui-accordion-icons {
99
+ padding-left: 2.2em;
100
+ }
101
+ .ui-accordion .ui-accordion-icons .ui-accordion-icons {
102
+ padding-left: 2.2em;
103
+ }
104
+ .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
105
+ position: absolute;
106
+ left: .5em;
107
+ top: 50%;
108
+ margin-top: -8px;
109
+ }
110
+ .ui-accordion .ui-accordion-content {
111
+ padding: 1em 2.2em;
112
+ border-top: 0;
113
+ overflow: auto;
114
+ }
115
+ .ui-autocomplete {
116
+ position: absolute;
117
+ top: 0;
118
+ left: 0;
119
+ cursor: default;
120
+ }
121
+ .ui-button {
122
+ display: inline-block;
123
+ position: relative;
124
+ padding: 0;
125
+ line-height: normal;
126
+ margin-right: .1em;
127
+ cursor: pointer;
128
+ vertical-align: middle;
129
+ text-align: center;
130
+ overflow: visible; /* removes extra width in IE */
131
+ }
132
+ .ui-button,
133
+ .ui-button:link,
134
+ .ui-button:visited,
135
+ .ui-button:hover,
136
+ .ui-button:active {
137
+ text-decoration: none;
138
+ }
139
+ /* to make room for the icon, a width needs to be set here */
140
+ .ui-button-icon-only {
141
+ width: 2.2em;
142
+ }
143
+ /* button elements seem to need a little more width */
144
+ button.ui-button-icon-only {
145
+ width: 2.4em;
146
+ }
147
+ .ui-button-icons-only {
148
+ width: 3.4em;
149
+ }
150
+ button.ui-button-icons-only {
151
+ width: 3.7em;
152
+ }
153
+
154
+ /* button text element */
155
+ .ui-button .ui-button-text {
156
+ display: block;
157
+ line-height: normal;
158
+ }
159
+ .ui-button-text-only .ui-button-text {
160
+ padding: .4em 1em;
161
+ }
162
+ .ui-button-icon-only .ui-button-text,
163
+ .ui-button-icons-only .ui-button-text {
164
+ padding: .4em;
165
+ text-indent: -9999999px;
166
+ }
167
+ .ui-button-text-icon-primary .ui-button-text,
168
+ .ui-button-text-icons .ui-button-text {
169
+ padding: .4em 1em .4em 2.1em;
170
+ }
171
+ .ui-button-text-icon-secondary .ui-button-text,
172
+ .ui-button-text-icons .ui-button-text {
173
+ padding: .4em 2.1em .4em 1em;
174
+ }
175
+ .ui-button-text-icons .ui-button-text {
176
+ padding-left: 2.1em;
177
+ padding-right: 2.1em;
178
+ }
179
+ /* no icon support for input elements, provide padding by default */
180
+ input.ui-button {
181
+ padding: .4em 1em;
182
+ }
183
+
184
+ /* button icon element(s) */
185
+ .ui-button-icon-only .ui-icon,
186
+ .ui-button-text-icon-primary .ui-icon,
187
+ .ui-button-text-icon-secondary .ui-icon,
188
+ .ui-button-text-icons .ui-icon,
189
+ .ui-button-icons-only .ui-icon {
190
+ position: absolute;
191
+ top: 50%;
192
+ margin-top: -8px;
193
+ }
194
+ .ui-button-icon-only .ui-icon {
195
+ left: 50%;
196
+ margin-left: -8px;
197
+ }
198
+ .ui-button-text-icon-primary .ui-button-icon-primary,
199
+ .ui-button-text-icons .ui-button-icon-primary,
200
+ .ui-button-icons-only .ui-button-icon-primary {
201
+ left: .5em;
202
+ }
203
+ .ui-button-text-icon-secondary .ui-button-icon-secondary,
204
+ .ui-button-text-icons .ui-button-icon-secondary,
205
+ .ui-button-icons-only .ui-button-icon-secondary {
206
+ right: .5em;
207
+ }
208
+
209
+ /* button sets */
210
+ .ui-buttonset {
211
+ margin-right: 7px;
212
+ }
213
+ .ui-buttonset .ui-button {
214
+ margin-left: 0;
215
+ margin-right: -.3em;
216
+ }
217
+
218
+ /* workarounds */
219
+ /* reset extra padding in Firefox, see h5bp.com/l */
220
+ input.ui-button::-moz-focus-inner,
221
+ button.ui-button::-moz-focus-inner {
222
+ border: 0;
223
+ padding: 0;
224
+ }
225
+ .ui-datepicker {
226
+ width: 17em;
227
+ padding: .2em .2em 0;
228
+ display: none;
229
+ }
230
+ .ui-datepicker .ui-datepicker-header {
231
+ position: relative;
232
+ padding: .2em 0;
233
+ }
234
+ .ui-datepicker .ui-datepicker-prev,
235
+ .ui-datepicker .ui-datepicker-next {
236
+ position: absolute;
237
+ top: 2px;
238
+ width: 1.8em;
239
+ height: 1.8em;
240
+ }
241
+ .ui-datepicker .ui-datepicker-prev-hover,
242
+ .ui-datepicker .ui-datepicker-next-hover {
243
+ top: 1px;
244
+ }
245
+ .ui-datepicker .ui-datepicker-prev {
246
+ left: 2px;
247
+ }
248
+ .ui-datepicker .ui-datepicker-next {
249
+ right: 2px;
250
+ }
251
+ .ui-datepicker .ui-datepicker-prev-hover {
252
+ left: 1px;
253
+ }
254
+ .ui-datepicker .ui-datepicker-next-hover {
255
+ right: 1px;
256
+ }
257
+ .ui-datepicker .ui-datepicker-prev span,
258
+ .ui-datepicker .ui-datepicker-next span {
259
+ display: block;
260
+ position: absolute;
261
+ left: 50%;
262
+ margin-left: -8px;
263
+ top: 50%;
264
+ margin-top: -8px;
265
+ }
266
+ .ui-datepicker .ui-datepicker-title {
267
+ margin: 0 2.3em;
268
+ line-height: 1.8em;
269
+ text-align: center;
270
+ }
271
+ .ui-datepicker .ui-datepicker-title select {
272
+ font-size: 1em;
273
+ margin: 1px 0;
274
+ }
275
+ .ui-datepicker select.ui-datepicker-month,
276
+ .ui-datepicker select.ui-datepicker-year {
277
+ width: 49%;
278
+ }
279
+ .ui-datepicker table {
280
+ width: 100%;
281
+ font-size: .9em;
282
+ border-collapse: collapse;
283
+ margin: 0 0 .4em;
284
+ }
285
+ .ui-datepicker th {
286
+ padding: .7em .3em;
287
+ text-align: center;
288
+ font-weight: bold;
289
+ border: 0;
290
+ }
291
+ .ui-datepicker td {
292
+ border: 0;
293
+ padding: 1px;
294
+ }
295
+ .ui-datepicker td span,
296
+ .ui-datepicker td a {
297
+ display: block;
298
+ padding: .2em;
299
+ text-align: right;
300
+ text-decoration: none;
301
+ }
302
+ .ui-datepicker .ui-datepicker-buttonpane {
303
+ background-image: none;
304
+ margin: .7em 0 0 0;
305
+ padding: 0 .2em;
306
+ border-left: 0;
307
+ border-right: 0;
308
+ border-bottom: 0;
309
+ }
310
+ .ui-datepicker .ui-datepicker-buttonpane button {
311
+ float: right;
312
+ margin: .5em .2em .4em;
313
+ cursor: pointer;
314
+ padding: .2em .6em .3em .6em;
315
+ width: auto;
316
+ overflow: visible;
317
+ }
318
+ .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
319
+ float: left;
320
+ }
321
+
322
+ /* with multiple calendars */
323
+ .ui-datepicker.ui-datepicker-multi {
324
+ width: auto;
325
+ }
326
+ .ui-datepicker-multi .ui-datepicker-group {
327
+ float: left;
328
+ }
329
+ .ui-datepicker-multi .ui-datepicker-group table {
330
+ width: 95%;
331
+ margin: 0 auto .4em;
332
+ }
333
+ .ui-datepicker-multi-2 .ui-datepicker-group {
334
+ width: 50%;
335
+ }
336
+ .ui-datepicker-multi-3 .ui-datepicker-group {
337
+ width: 33.3%;
338
+ }
339
+ .ui-datepicker-multi-4 .ui-datepicker-group {
340
+ width: 25%;
341
+ }
342
+ .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
343
+ .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
344
+ border-left-width: 0;
345
+ }
346
+ .ui-datepicker-multi .ui-datepicker-buttonpane {
347
+ clear: left;
348
+ }
349
+ .ui-datepicker-row-break {
350
+ clear: both;
351
+ width: 100%;
352
+ font-size: 0;
353
+ }
354
+
355
+ /* RTL support */
356
+ .ui-datepicker-rtl {
357
+ direction: rtl;
358
+ }
359
+ .ui-datepicker-rtl .ui-datepicker-prev {
360
+ right: 2px;
361
+ left: auto;
362
+ }
363
+ .ui-datepicker-rtl .ui-datepicker-next {
364
+ left: 2px;
365
+ right: auto;
366
+ }
367
+ .ui-datepicker-rtl .ui-datepicker-prev:hover {
368
+ right: 1px;
369
+ left: auto;
370
+ }
371
+ .ui-datepicker-rtl .ui-datepicker-next:hover {
372
+ left: 1px;
373
+ right: auto;
374
+ }
375
+ .ui-datepicker-rtl .ui-datepicker-buttonpane {
376
+ clear: right;
377
+ }
378
+ .ui-datepicker-rtl .ui-datepicker-buttonpane button {
379
+ float: left;
380
+ }
381
+ .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
382
+ .ui-datepicker-rtl .ui-datepicker-group {
383
+ float: right;
384
+ }
385
+ .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
386
+ .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
387
+ border-right-width: 0;
388
+ border-left-width: 1px;
389
+ }
390
+ .ui-dialog {
391
+ overflow: hidden;
392
+ position: absolute;
393
+ top: 0;
394
+ left: 0;
395
+ padding: .2em;
396
+ outline: 0;
397
+ }
398
+ .ui-dialog .ui-dialog-titlebar {
399
+ padding: .4em 1em;
400
+ position: relative;
401
+ }
402
+ .ui-dialog .ui-dialog-title {
403
+ float: left;
404
+ margin: .1em 0;
405
+ white-space: nowrap;
406
+ width: 90%;
407
+ overflow: hidden;
408
+ text-overflow: ellipsis;
409
+ }
410
+ .ui-dialog .ui-dialog-titlebar-close {
411
+ position: absolute;
412
+ right: .3em;
413
+ top: 50%;
414
+ width: 20px;
415
+ margin: -10px 0 0 0;
416
+ padding: 1px;
417
+ height: 20px;
418
+ }
419
+ .ui-dialog .ui-dialog-content {
420
+ position: relative;
421
+ border: 0;
422
+ padding: .5em 1em;
423
+ background: none;
424
+ overflow: auto;
425
+ }
426
+ .ui-dialog .ui-dialog-buttonpane {
427
+ text-align: left;
428
+ border-width: 1px 0 0 0;
429
+ background-image: none;
430
+ margin-top: .5em;
431
+ padding: .3em 1em .5em .4em;
432
+ }
433
+ .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
434
+ float: right;
435
+ }
436
+ .ui-dialog .ui-dialog-buttonpane button {
437
+ margin: .5em .4em .5em 0;
438
+ cursor: pointer;
439
+ }
440
+ .ui-dialog .ui-resizable-se {
441
+ width: 12px;
442
+ height: 12px;
443
+ right: -5px;
444
+ bottom: -5px;
445
+ background-position: 16px 16px;
446
+ }
447
+ .ui-draggable .ui-dialog-titlebar {
448
+ cursor: move;
449
+ }
450
+ .ui-draggable-handle {
451
+ -ms-touch-action: none;
452
+ touch-action: none;
453
+ }
454
+ .ui-menu {
455
+ list-style: none;
456
+ padding: 0;
457
+ margin: 0;
458
+ display: block;
459
+ outline: none;
460
+ }
461
+ .ui-menu .ui-menu {
462
+ position: absolute;
463
+ }
464
+ .ui-menu .ui-menu-item {
465
+ position: relative;
466
+ margin: 0;
467
+ padding: 3px 1em 3px .4em;
468
+ cursor: pointer;
469
+ min-height: 0; /* support: IE7 */
470
+ /* support: IE10, see #8844 */
471
+ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
472
+ }
473
+ .ui-menu .ui-menu-divider {
474
+ margin: 5px 0;
475
+ height: 0;
476
+ font-size: 0;
477
+ line-height: 0;
478
+ border-width: 1px 0 0 0;
479
+ }
480
+ .ui-menu .ui-state-focus,
481
+ .ui-menu .ui-state-active {
482
+ margin: -1px;
483
+ }
484
+
485
+ /* icon support */
486
+ .ui-menu-icons {
487
+ position: relative;
488
+ }
489
+ .ui-menu-icons .ui-menu-item {
490
+ padding-left: 2em;
491
+ }
492
+
493
+ /* left-aligned */
494
+ .ui-menu .ui-icon {
495
+ position: absolute;
496
+ top: 0;
497
+ bottom: 0;
498
+ left: .2em;
499
+ margin: auto 0;
500
+ }
501
+
502
+ /* right-aligned */
503
+ .ui-menu .ui-menu-icon {
504
+ left: auto;
505
+ right: 0;
506
+ }
507
+ .ui-progressbar {
508
+ height: 2em;
509
+ text-align: left;
510
+ overflow: hidden;
511
+ }
512
+ .ui-progressbar .ui-progressbar-value {
513
+ margin: -1px;
514
+ height: 100%;
515
+ }
516
+ .ui-progressbar .ui-progressbar-overlay {
517
+ background: url("images/animated-overlay.gif");
518
+ height: 100%;
519
+ filter: alpha(opacity=25);
520
+ opacity: 0.25;
521
+ }
522
+ .ui-progressbar-indeterminate .ui-progressbar-value {
523
+ background-image: none;
524
+ }
525
+ .ui-resizable {
526
+ position: relative;
527
+ }
528
+ .ui-resizable-handle {
529
+ position: absolute;
530
+ font-size: 0.1px;
531
+ display: block;
532
+ -ms-touch-action: none;
533
+ touch-action: none;
534
+ }
535
+ .ui-resizable-disabled .ui-resizable-handle,
536
+ .ui-resizable-autohide .ui-resizable-handle {
537
+ display: none;
538
+ }
539
+ .ui-resizable-n {
540
+ cursor: n-resize;
541
+ height: 7px;
542
+ width: 100%;
543
+ top: -5px;
544
+ left: 0;
545
+ }
546
+ .ui-resizable-s {
547
+ cursor: s-resize;
548
+ height: 7px;
549
+ width: 100%;
550
+ bottom: -5px;
551
+ left: 0;
552
+ }
553
+ .ui-resizable-e {
554
+ cursor: e-resize;
555
+ width: 7px;
556
+ right: -5px;
557
+ top: 0;
558
+ height: 100%;
559
+ }
560
+ .ui-resizable-w {
561
+ cursor: w-resize;
562
+ width: 7px;
563
+ left: -5px;
564
+ top: 0;
565
+ height: 100%;
566
+ }
567
+ .ui-resizable-se {
568
+ cursor: se-resize;
569
+ width: 12px;
570
+ height: 12px;
571
+ right: 1px;
572
+ bottom: 1px;
573
+ }
574
+ .ui-resizable-sw {
575
+ cursor: sw-resize;
576
+ width: 9px;
577
+ height: 9px;
578
+ left: -5px;
579
+ bottom: -5px;
580
+ }
581
+ .ui-resizable-nw {
582
+ cursor: nw-resize;
583
+ width: 9px;
584
+ height: 9px;
585
+ left: -5px;
586
+ top: -5px;
587
+ }
588
+ .ui-resizable-ne {
589
+ cursor: ne-resize;
590
+ width: 9px;
591
+ height: 9px;
592
+ right: -5px;
593
+ top: -5px;
594
+ }
595
+ .ui-selectable {
596
+ -ms-touch-action: none;
597
+ touch-action: none;
598
+ }
599
+ .ui-selectable-helper {
600
+ position: absolute;
601
+ z-index: 100;
602
+ border: 1px dotted black;
603
+ }
604
+ .ui-selectmenu-menu {
605
+ padding: 0;
606
+ margin: 0;
607
+ position: absolute;
608
+ top: 0;
609
+ left: 0;
610
+ display: none;
611
+ }
612
+ .ui-selectmenu-menu .ui-menu {
613
+ overflow: auto;
614
+ /* Support: IE7 */
615
+ overflow-x: hidden;
616
+ padding-bottom: 1px;
617
+ }
618
+ .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
619
+ font-size: 1em;
620
+ font-weight: bold;
621
+ line-height: 1.5;
622
+ padding: 2px 0.4em;
623
+ margin: 0.5em 0 0 0;
624
+ height: auto;
625
+ border: 0;
626
+ }
627
+ .ui-selectmenu-open {
628
+ display: block;
629
+ }
630
+ .ui-selectmenu-button {
631
+ display: inline-block;
632
+ overflow: hidden;
633
+ position: relative;
634
+ text-decoration: none;
635
+ cursor: pointer;
636
+ }
637
+ .ui-selectmenu-button span.ui-icon {
638
+ right: 0.5em;
639
+ left: auto;
640
+ margin-top: -8px;
641
+ position: absolute;
642
+ top: 50%;
643
+ }
644
+ .ui-selectmenu-button span.ui-selectmenu-text {
645
+ text-align: left;
646
+ padding: 0.4em 2.1em 0.4em 1em;
647
+ display: block;
648
+ line-height: 1.4;
649
+ overflow: hidden;
650
+ text-overflow: ellipsis;
651
+ white-space: nowrap;
652
+ }
653
+ .ui-slider {
654
+ position: relative;
655
+ text-align: left;
656
+ }
657
+ .ui-slider .ui-slider-handle {
658
+ position: absolute;
659
+ z-index: 2;
660
+ width: 1.2em;
661
+ height: 1.2em;
662
+ cursor: default;
663
+ -ms-touch-action: none;
664
+ touch-action: none;
665
+ }
666
+ .ui-slider .ui-slider-range {
667
+ position: absolute;
668
+ z-index: 1;
669
+ font-size: .7em;
670
+ display: block;
671
+ border: 0;
672
+ background-position: 0 0;
673
+ }
674
+
675
+ /* For IE8 - See #6727 */
676
+ .ui-slider.ui-state-disabled .ui-slider-handle,
677
+ .ui-slider.ui-state-disabled .ui-slider-range {
678
+ filter: inherit;
679
+ }
680
+
681
+ .ui-slider-horizontal {
682
+ height: .8em;
683
+ }
684
+ .ui-slider-horizontal .ui-slider-handle {
685
+ top: -.3em;
686
+ margin-left: -.6em;
687
+ }
688
+ .ui-slider-horizontal .ui-slider-range {
689
+ top: 0;
690
+ height: 100%;
691
+ }
692
+ .ui-slider-horizontal .ui-slider-range-min {
693
+ left: 0;
694
+ }
695
+ .ui-slider-horizontal .ui-slider-range-max {
696
+ right: 0;
697
+ }
698
+
699
+ .ui-slider-vertical {
700
+ width: .8em;
701
+ height: 100px;
702
+ }
703
+ .ui-slider-vertical .ui-slider-handle {
704
+ left: -.3em;
705
+ margin-left: 0;
706
+ margin-bottom: -.6em;
707
+ }
708
+ .ui-slider-vertical .ui-slider-range {
709
+ left: 0;
710
+ width: 100%;
711
+ }
712
+ .ui-slider-vertical .ui-slider-range-min {
713
+ bottom: 0;
714
+ }
715
+ .ui-slider-vertical .ui-slider-range-max {
716
+ top: 0;
717
+ }
718
+ .ui-sortable-handle {
719
+ -ms-touch-action: none;
720
+ touch-action: none;
721
+ }
722
+ .ui-spinner {
723
+ position: relative;
724
+ display: inline-block;
725
+ overflow: hidden;
726
+ padding: 0;
727
+ vertical-align: middle;
728
+ }
729
+ .ui-spinner-input {
730
+ border: none;
731
+ background: none;
732
+ color: inherit;
733
+ padding: 0;
734
+ margin: .2em 0;
735
+ vertical-align: middle;
736
+ margin-left: .4em;
737
+ margin-right: 22px;
738
+ }
739
+ .ui-spinner-button {
740
+ width: 16px;
741
+ height: 50%;
742
+ font-size: .5em;
743
+ padding: 0;
744
+ margin: 0;
745
+ text-align: center;
746
+ position: absolute;
747
+ cursor: default;
748
+ display: block;
749
+ overflow: hidden;
750
+ right: 0;
751
+ }
752
+ /* more specificity required here to override default borders */
753
+ .ui-spinner a.ui-spinner-button {
754
+ border-top: none;
755
+ border-bottom: none;
756
+ border-right: none;
757
+ }
758
+ /* vertically center icon */
759
+ .ui-spinner .ui-icon {
760
+ position: absolute;
761
+ margin-top: -8px;
762
+ top: 50%;
763
+ left: 0;
764
+ }
765
+ .ui-spinner-up {
766
+ top: 0;
767
+ }
768
+ .ui-spinner-down {
769
+ bottom: 0;
770
+ }
771
+
772
+ /* TR overrides */
773
+ .ui-spinner .ui-icon-triangle-1-s {
774
+ /* need to fix icons sprite */
775
+ background-position: -65px -16px;
776
+ }
777
+ .ui-tabs {
778
+ position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
779
+ padding: .2em;
780
+ }
781
+ .ui-tabs .ui-tabs-nav {
782
+ margin: 0;
783
+ padding: .2em .2em 0;
784
+ }
785
+ .ui-tabs .ui-tabs-nav li {
786
+ list-style: none;
787
+ float: left;
788
+ position: relative;
789
+ top: 0;
790
+ margin: 1px .2em 0 0;
791
+ border-bottom-width: 0;
792
+ padding: 0;
793
+ white-space: nowrap;
794
+ }
795
+ .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
796
+ float: left;
797
+ padding: .5em 1em;
798
+ text-decoration: none;
799
+ }
800
+ .ui-tabs .ui-tabs-nav li.ui-tabs-active {
801
+ margin-bottom: -1px;
802
+ padding-bottom: 1px;
803
+ }
804
+ .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
805
+ .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
806
+ .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
807
+ cursor: text;
808
+ }
809
+ .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
810
+ cursor: pointer;
811
+ }
812
+ .ui-tabs .ui-tabs-panel {
813
+ display: block;
814
+ border-width: 0;
815
+ padding: 1em 1.4em;
816
+ background: none;
817
+ }
818
+ .ui-tooltip {
819
+ padding: 8px;
820
+ position: absolute;
821
+ z-index: 9999;
822
+ max-width: 300px;
823
+ -webkit-box-shadow: 0 0 5px #aaa;
824
+ box-shadow: 0 0 5px #aaa;
825
+ }
826
+ body .ui-tooltip {
827
+ border-width: 2px;
828
+ }
829
+
830
+ /* Component containers
831
+ ----------------------------------*/
832
+ .ui-widget {
833
+ font-family: Verdana,Arial,sans-serif;
834
+ font-size: 1.1em;
835
+ }
836
+ .ui-widget .ui-widget {
837
+ font-size: 1em;
838
+ }
839
+ .ui-widget input,
840
+ .ui-widget select,
841
+ .ui-widget textarea,
842
+ .ui-widget button {
843
+ font-family: Verdana,Arial,sans-serif;
844
+ font-size: 1em;
845
+ }
846
+ .ui-widget-content {
847
+ border: 1px solid #aaaaaa;
848
+ background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
849
+ color: #222222;
850
+ }
851
+ .ui-widget-content a {
852
+ color: #222222;
853
+ }
854
+ .ui-widget-header {
855
+ border: 1px solid #aaaaaa;
856
+ background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
857
+ color: #222222;
858
+ font-weight: bold;
859
+ }
860
+ .ui-widget-header a {
861
+ color: #222222;
862
+ }
863
+
864
+ /* Interaction states
865
+ ----------------------------------*/
866
+ .ui-state-default,
867
+ .ui-widget-content .ui-state-default,
868
+ .ui-widget-header .ui-state-default {
869
+ border: 1px solid #d3d3d3;
870
+ background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
871
+ font-weight: normal;
872
+ color: #555555;
873
+ }
874
+ .ui-state-default a,
875
+ .ui-state-default a:link,
876
+ .ui-state-default a:visited {
877
+ color: #555555;
878
+ text-decoration: none;
879
+ }
880
+ .ui-state-hover,
881
+ .ui-widget-content .ui-state-hover,
882
+ .ui-widget-header .ui-state-hover,
883
+ .ui-state-focus,
884
+ .ui-widget-content .ui-state-focus,
885
+ .ui-widget-header .ui-state-focus {
886
+ border: 1px solid #999999;
887
+ background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
888
+ font-weight: normal;
889
+ color: #212121;
890
+ }
891
+ .ui-state-hover a,
892
+ .ui-state-hover a:hover,
893
+ .ui-state-hover a:link,
894
+ .ui-state-hover a:visited,
895
+ .ui-state-focus a,
896
+ .ui-state-focus a:hover,
897
+ .ui-state-focus a:link,
898
+ .ui-state-focus a:visited {
899
+ color: #212121;
900
+ text-decoration: none;
901
+ }
902
+ .ui-state-active,
903
+ .ui-widget-content .ui-state-active,
904
+ .ui-widget-header .ui-state-active {
905
+ border: 1px solid #aaaaaa;
906
+ background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
907
+ font-weight: normal;
908
+ color: #212121;
909
+ }
910
+ .ui-state-active a,
911
+ .ui-state-active a:link,
912
+ .ui-state-active a:visited {
913
+ color: #212121;
914
+ text-decoration: none;
915
+ }
916
+
917
+ /* Interaction Cues
918
+ ----------------------------------*/
919
+ .ui-state-highlight,
920
+ .ui-widget-content .ui-state-highlight,
921
+ .ui-widget-header .ui-state-highlight {
922
+ border: 1px solid #fcefa1;
923
+ background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
924
+ color: #363636;
925
+ }
926
+ .ui-state-highlight a,
927
+ .ui-widget-content .ui-state-highlight a,
928
+ .ui-widget-header .ui-state-highlight a {
929
+ color: #363636;
930
+ }
931
+ .ui-state-error,
932
+ .ui-widget-content .ui-state-error,
933
+ .ui-widget-header .ui-state-error {
934
+ border: 1px solid #cd0a0a;
935
+ background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
936
+ color: #cd0a0a;
937
+ }
938
+ .ui-state-error a,
939
+ .ui-widget-content .ui-state-error a,
940
+ .ui-widget-header .ui-state-error a {
941
+ color: #cd0a0a;
942
+ }
943
+ .ui-state-error-text,
944
+ .ui-widget-content .ui-state-error-text,
945
+ .ui-widget-header .ui-state-error-text {
946
+ color: #cd0a0a;
947
+ }
948
+ .ui-priority-primary,
949
+ .ui-widget-content .ui-priority-primary,
950
+ .ui-widget-header .ui-priority-primary {
951
+ font-weight: bold;
952
+ }
953
+ .ui-priority-secondary,
954
+ .ui-widget-content .ui-priority-secondary,
955
+ .ui-widget-header .ui-priority-secondary {
956
+ opacity: .7;
957
+ filter:Alpha(Opacity=70);
958
+ font-weight: normal;
959
+ }
960
+ .ui-state-disabled,
961
+ .ui-widget-content .ui-state-disabled,
962
+ .ui-widget-header .ui-state-disabled {
963
+ opacity: .35;
964
+ filter:Alpha(Opacity=35);
965
+ background-image: none;
966
+ }
967
+ .ui-state-disabled .ui-icon {
968
+ filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
969
+ }
970
+
971
+ /* Icons
972
+ ----------------------------------*/
973
+
974
+ /* states and images */
975
+ .ui-icon {
976
+ width: 16px;
977
+ height: 16px;
978
+ }
979
+ .ui-icon,
980
+ .ui-widget-content .ui-icon {
981
+ background-image: url("images/ui-icons_222222_256x240.png");
982
+ }
983
+ .ui-widget-header .ui-icon {
984
+ background-image: url("images/ui-icons_222222_256x240.png");
985
+ }
986
+ .ui-state-default .ui-icon {
987
+ background-image: url("images/ui-icons_888888_256x240.png");
988
+ }
989
+ .ui-state-hover .ui-icon,
990
+ .ui-state-focus .ui-icon {
991
+ background-image: url("images/ui-icons_454545_256x240.png");
992
+ }
993
+ .ui-state-active .ui-icon {
994
+ background-image: url("images/ui-icons_454545_256x240.png");
995
+ }
996
+ .ui-state-highlight .ui-icon {
997
+ background-image: url("images/ui-icons_2e83ff_256x240.png");
998
+ }
999
+ .ui-state-error .ui-icon,
1000
+ .ui-state-error-text .ui-icon {
1001
+ background-image: url("images/ui-icons_cd0a0a_256x240.png");
1002
+ }
1003
+
1004
+ /* positioning */
1005
+ .ui-icon-blank { background-position: 16px 16px; }
1006
+ .ui-icon-carat-1-n { background-position: 0 0; }
1007
+ .ui-icon-carat-1-ne { background-position: -16px 0; }
1008
+ .ui-icon-carat-1-e { background-position: -32px 0; }
1009
+ .ui-icon-carat-1-se { background-position: -48px 0; }
1010
+ .ui-icon-carat-1-s { background-position: -64px 0; }
1011
+ .ui-icon-carat-1-sw { background-position: -80px 0; }
1012
+ .ui-icon-carat-1-w { background-position: -96px 0; }
1013
+ .ui-icon-carat-1-nw { background-position: -112px 0; }
1014
+ .ui-icon-carat-2-n-s { background-position: -128px 0; }
1015
+ .ui-icon-carat-2-e-w { background-position: -144px 0; }
1016
+ .ui-icon-triangle-1-n { background-position: 0 -16px; }
1017
+ .ui-icon-triangle-1-ne { background-position: -16px -16px; }
1018
+ .ui-icon-triangle-1-e { background-position: -32px -16px; }
1019
+ .ui-icon-triangle-1-se { background-position: -48px -16px; }
1020
+ .ui-icon-triangle-1-s { background-position: -64px -16px; }
1021
+ .ui-icon-triangle-1-sw { background-position: -80px -16px; }
1022
+ .ui-icon-triangle-1-w { background-position: -96px -16px; }
1023
+ .ui-icon-triangle-1-nw { background-position: -112px -16px; }
1024
+ .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
1025
+ .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
1026
+ .ui-icon-arrow-1-n { background-position: 0 -32px; }
1027
+ .ui-icon-arrow-1-ne { background-position: -16px -32px; }
1028
+ .ui-icon-arrow-1-e { background-position: -32px -32px; }
1029
+ .ui-icon-arrow-1-se { background-position: -48px -32px; }
1030
+ .ui-icon-arrow-1-s { background-position: -64px -32px; }
1031
+ .ui-icon-arrow-1-sw { background-position: -80px -32px; }
1032
+ .ui-icon-arrow-1-w { background-position: -96px -32px; }
1033
+ .ui-icon-arrow-1-nw { background-position: -112px -32px; }
1034
+ .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
1035
+ .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
1036
+ .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
1037
+ .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
1038
+ .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
1039
+ .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
1040
+ .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
1041
+ .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
1042
+ .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
1043
+ .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
1044
+ .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
1045
+ .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
1046
+ .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
1047
+ .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
1048
+ .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
1049
+ .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
1050
+ .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
1051
+ .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
1052
+ .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
1053
+ .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
1054
+ .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
1055
+ .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
1056
+ .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
1057
+ .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
1058
+ .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
1059
+ .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
1060
+ .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
1061
+ .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
1062
+ .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
1063
+ .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
1064
+ .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
1065
+ .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
1066
+ .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
1067
+ .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
1068
+ .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
1069
+ .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
1070
+ .ui-icon-arrow-4 { background-position: 0 -80px; }
1071
+ .ui-icon-arrow-4-diag { background-position: -16px -80px; }
1072
+ .ui-icon-extlink { background-position: -32px -80px; }
1073
+ .ui-icon-newwin { background-position: -48px -80px; }
1074
+ .ui-icon-refresh { background-position: -64px -80px; }
1075
+ .ui-icon-shuffle { background-position: -80px -80px; }
1076
+ .ui-icon-transfer-e-w { background-position: -96px -80px; }
1077
+ .ui-icon-transferthick-e-w { background-position: -112px -80px; }
1078
+ .ui-icon-folder-collapsed { background-position: 0 -96px; }
1079
+ .ui-icon-folder-open { background-position: -16px -96px; }
1080
+ .ui-icon-document { background-position: -32px -96px; }
1081
+ .ui-icon-document-b { background-position: -48px -96px; }
1082
+ .ui-icon-note { background-position: -64px -96px; }
1083
+ .ui-icon-mail-closed { background-position: -80px -96px; }
1084
+ .ui-icon-mail-open { background-position: -96px -96px; }
1085
+ .ui-icon-suitcase { background-position: -112px -96px; }
1086
+ .ui-icon-comment { background-position: -128px -96px; }
1087
+ .ui-icon-person { background-position: -144px -96px; }
1088
+ .ui-icon-print { background-position: -160px -96px; }
1089
+ .ui-icon-trash { background-position: -176px -96px; }
1090
+ .ui-icon-locked { background-position: -192px -96px; }
1091
+ .ui-icon-unlocked { background-position: -208px -96px; }
1092
+ .ui-icon-bookmark { background-position: -224px -96px; }
1093
+ .ui-icon-tag { background-position: -240px -96px; }
1094
+ .ui-icon-home { background-position: 0 -112px; }
1095
+ .ui-icon-flag { background-position: -16px -112px; }
1096
+ .ui-icon-calendar { background-position: -32px -112px; }
1097
+ .ui-icon-cart { background-position: -48px -112px; }
1098
+ .ui-icon-pencil { background-position: -64px -112px; }
1099
+ .ui-icon-clock { background-position: -80px -112px; }
1100
+ .ui-icon-disk { background-position: -96px -112px; }
1101
+ .ui-icon-calculator { background-position: -112px -112px; }
1102
+ .ui-icon-zoomin { background-position: -128px -112px; }
1103
+ .ui-icon-zoomout { background-position: -144px -112px; }
1104
+ .ui-icon-search { background-position: -160px -112px; }
1105
+ .ui-icon-wrench { background-position: -176px -112px; }
1106
+ .ui-icon-gear { background-position: -192px -112px; }
1107
+ .ui-icon-heart { background-position: -208px -112px; }
1108
+ .ui-icon-star { background-position: -224px -112px; }
1109
+ .ui-icon-link { background-position: -240px -112px; }
1110
+ .ui-icon-cancel { background-position: 0 -128px; }
1111
+ .ui-icon-plus { background-position: -16px -128px; }
1112
+ .ui-icon-plusthick { background-position: -32px -128px; }
1113
+ .ui-icon-minus { background-position: -48px -128px; }
1114
+ .ui-icon-minusthick { background-position: -64px -128px; }
1115
+ .ui-icon-close { background-position: -80px -128px; }
1116
+ .ui-icon-closethick { background-position: -96px -128px; }
1117
+ .ui-icon-key { background-position: -112px -128px; }
1118
+ .ui-icon-lightbulb { background-position: -128px -128px; }
1119
+ .ui-icon-scissors { background-position: -144px -128px; }
1120
+ .ui-icon-clipboard { background-position: -160px -128px; }
1121
+ .ui-icon-copy { background-position: -176px -128px; }
1122
+ .ui-icon-contact { background-position: -192px -128px; }
1123
+ .ui-icon-image { background-position: -208px -128px; }
1124
+ .ui-icon-video { background-position: -224px -128px; }
1125
+ .ui-icon-script { background-position: -240px -128px; }
1126
+ .ui-icon-alert { background-position: 0 -144px; }
1127
+ .ui-icon-info { background-position: -16px -144px; }
1128
+ .ui-icon-notice { background-position: -32px -144px; }
1129
+ .ui-icon-help { background-position: -48px -144px; }
1130
+ .ui-icon-check { background-position: -64px -144px; }
1131
+ .ui-icon-bullet { background-position: -80px -144px; }
1132
+ .ui-icon-radio-on { background-position: -96px -144px; }
1133
+ .ui-icon-radio-off { background-position: -112px -144px; }
1134
+ .ui-icon-pin-w { background-position: -128px -144px; }
1135
+ .ui-icon-pin-s { background-position: -144px -144px; }
1136
+ .ui-icon-play { background-position: 0 -160px; }
1137
+ .ui-icon-pause { background-position: -16px -160px; }
1138
+ .ui-icon-seek-next { background-position: -32px -160px; }
1139
+ .ui-icon-seek-prev { background-position: -48px -160px; }
1140
+ .ui-icon-seek-end { background-position: -64px -160px; }
1141
+ .ui-icon-seek-start { background-position: -80px -160px; }
1142
+ /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
1143
+ .ui-icon-seek-first { background-position: -80px -160px; }
1144
+ .ui-icon-stop { background-position: -96px -160px; }
1145
+ .ui-icon-eject { background-position: -112px -160px; }
1146
+ .ui-icon-volume-off { background-position: -128px -160px; }
1147
+ .ui-icon-volume-on { background-position: -144px -160px; }
1148
+ .ui-icon-power { background-position: 0 -176px; }
1149
+ .ui-icon-signal-diag { background-position: -16px -176px; }
1150
+ .ui-icon-signal { background-position: -32px -176px; }
1151
+ .ui-icon-battery-0 { background-position: -48px -176px; }
1152
+ .ui-icon-battery-1 { background-position: -64px -176px; }
1153
+ .ui-icon-battery-2 { background-position: -80px -176px; }
1154
+ .ui-icon-battery-3 { background-position: -96px -176px; }
1155
+ .ui-icon-circle-plus { background-position: 0 -192px; }
1156
+ .ui-icon-circle-minus { background-position: -16px -192px; }
1157
+ .ui-icon-circle-close { background-position: -32px -192px; }
1158
+ .ui-icon-circle-triangle-e { background-position: -48px -192px; }
1159
+ .ui-icon-circle-triangle-s { background-position: -64px -192px; }
1160
+ .ui-icon-circle-triangle-w { background-position: -80px -192px; }
1161
+ .ui-icon-circle-triangle-n { background-position: -96px -192px; }
1162
+ .ui-icon-circle-arrow-e { background-position: -112px -192px; }
1163
+ .ui-icon-circle-arrow-s { background-position: -128px -192px; }
1164
+ .ui-icon-circle-arrow-w { background-position: -144px -192px; }
1165
+ .ui-icon-circle-arrow-n { background-position: -160px -192px; }
1166
+ .ui-icon-circle-zoomin { background-position: -176px -192px; }
1167
+ .ui-icon-circle-zoomout { background-position: -192px -192px; }
1168
+ .ui-icon-circle-check { background-position: -208px -192px; }
1169
+ .ui-icon-circlesmall-plus { background-position: 0 -208px; }
1170
+ .ui-icon-circlesmall-minus { background-position: -16px -208px; }
1171
+ .ui-icon-circlesmall-close { background-position: -32px -208px; }
1172
+ .ui-icon-squaresmall-plus { background-position: -48px -208px; }
1173
+ .ui-icon-squaresmall-minus { background-position: -64px -208px; }
1174
+ .ui-icon-squaresmall-close { background-position: -80px -208px; }
1175
+ .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
1176
+ .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
1177
+ .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
1178
+ .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
1179
+ .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
1180
+ .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
1181
+
1182
+
1183
+ /* Misc visuals
1184
+ ----------------------------------*/
1185
+
1186
+ /* Corner radius */
1187
+ .ui-corner-all,
1188
+ .ui-corner-top,
1189
+ .ui-corner-left,
1190
+ .ui-corner-tl {
1191
+ border-top-left-radius: 4px;
1192
+ }
1193
+ .ui-corner-all,
1194
+ .ui-corner-top,
1195
+ .ui-corner-right,
1196
+ .ui-corner-tr {
1197
+ border-top-right-radius: 4px;
1198
+ }
1199
+ .ui-corner-all,
1200
+ .ui-corner-bottom,
1201
+ .ui-corner-left,
1202
+ .ui-corner-bl {
1203
+ border-bottom-left-radius: 4px;
1204
+ }
1205
+ .ui-corner-all,
1206
+ .ui-corner-bottom,
1207
+ .ui-corner-right,
1208
+ .ui-corner-br {
1209
+ border-bottom-right-radius: 4px;
1210
+ }
1211
+
1212
+ /* Overlays */
1213
+ .ui-widget-overlay {
1214
+ background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
1215
+ opacity: .3;
1216
+ filter: Alpha(Opacity=30);
1217
+ }
1218
+ .ui-widget-shadow {
1219
+ margin: -8px 0 0 -8px;
1220
+ padding: 8px;
1221
+ background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
1222
+ opacity: .3;
1223
+ filter: Alpha(Opacity=30);
1224
+ border-radius: 8px;
1225
+ }
css/responsive-accordion.css DELETED
@@ -1,55 +0,0 @@
1
- /* Responsive Accordion v1.3, Copyright 2014, Joe Mottershaw, https://github.com/joemottershaw/
2
- // ============================================================================================ */
3
-
4
- /* Table of Contents
5
- // ==================================================
6
- // #Reset
7
- // #Themes
8
-
9
-
10
- /* #Reset
11
- // ================================================== */
12
-
13
- .responsive-accordion {
14
- margin: 0 0 20px 0;
15
- padding: 0;
16
-
17
- }
18
-
19
- .responsive-accordion li {
20
- list-style: none outside none;
21
- margin: 0 !important;
22
- padding: 0;
23
- }
24
-
25
- .responsive-accordion li:last-child { margin-bottom: 0; }
26
-
27
- .responsive-accordion li .responsive-accordion-head { cursor: pointer; }
28
-
29
- .responsive-accordion li .responsive-accordion-head.active { font-weight: bold; }
30
-
31
-
32
- /* #Themes
33
- // ================================================== */
34
-
35
- .responsive-accordion-default.responsive-accordion li .responsive-accordion-head {
36
- padding: 10px 30px 10px 10px;
37
- color: #0b8593;
38
- line-height: normal;
39
- position: relative;
40
- text-align:left;
41
- }
42
-
43
- .responsive-accordion-default.responsive-accordion li .responsive-accordion-head i {
44
- position: absolute;
45
- top: 12px;
46
- right: 10px;
47
- }
48
-
49
- .responsive-accordion-default.responsive-accordion li .responsive-accordion-panel {
50
- border: 1px solid #DDD;
51
- border-top: 0;
52
- padding: 20px;
53
- background: #FFF;
54
- text-align: left;
55
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
css/style.css CHANGED
@@ -2,184 +2,55 @@
2
  /* CSS Document */
3
 
4
 
5
- /*Admin CSS*/
6
-
7
- #accordions_metabox ul.accordions_bg_img_list{}
8
-
9
- #accordions_metabox ul.accordions_bg_img_list li {
10
- display: inline-block;
11
- margin: 5px;
12
- }
13
- #accordions_metabox ul.accordions_bg_img_list li.bg-selected {}
14
-
15
- #accordions_metabox ul.accordions_bg_img_list li img{border: 2px solid #ffffff;}
16
-
17
- #accordions_metabox ul.accordions_bg_img_list li.bg-selected img{
18
- border: 2px solid #ff5a11;
19
- }
20
-
21
-
22
- #accordions_metabox .accordions_icons_custom {
23
- display: none;
24
- margin-top: 15px;
25
- }
26
-
27
- #accordions_metabox .accordions_icons_custom_plus {
28
- background: none repeat scroll 0 0 / 100% auto rgb(221, 221, 221);
29
- display: inline-block;
30
- height: 20px;
31
- margin-right: 5px;
32
- width: 20px;
33
- cursor: pointer;
34
- border: 1px solid rgb(255, 89, 16);
35
- }
36
-
37
- #accordions_metabox .accordions_icons_custom_minus {
38
- background: none repeat scroll 0 0 / 100% auto rgb(221, 221, 221);
39
- display: inline-block;
40
- height: 20px;
41
- margin-right: 5px;
42
- width: 20px;
43
- cursor: pointer;
44
- border: 1px solid rgb(255, 89, 16);
45
- }
46
-
47
-
48
-
49
- #accordions_metabox .accordions_content_title, #accordions_metabox .accordions-content textarea {
50
- width:95%;
51
- }
52
-
53
-
54
-
55
-
56
- #accordions_metabox .accordions-content .removeaccordions:hover {
57
- background: none repeat scroll 0 0 rgb(255, 134, 87);
58
- }
59
-
60
- #accordions_metabox .accordions-content .tab-new {
61
- background: none repeat scroll 0 0 #a3dbff;
62
- }
63
-
64
-
65
-
66
-
67
- #accordions_metabox .accordions-content {
68
-
69
- }
70
-
71
- #accordions_metabox .accordions-content tr {
72
- background: none repeat scroll 0 0 rgb(255, 255, 255);
73
- border-bottom: 1px solid rgb(153, 153, 153);
74
- margin-bottom: 10px;
75
- padding: 0;
76
- }
77
-
78
- #accordions_metabox .accordions-content .section-dragHandle {
79
- text-align: center;
80
- vertical-align: middle;
81
- width: 20px;
82
- }
83
-
84
-
85
- #accordions_metabox .accordions-content .section-header {
86
- border-bottom: 1px solid rgb(153, 153, 153);
87
- padding: 5px 10px;
88
- }
89
-
90
- #accordions_metabox .accordions-content .accordions-title-preview {
91
- display: inline-block;
92
- }
93
- #accordions_metabox .accordions-content .section-header .removeaccordions {
94
- background: none repeat scroll 0 0 rgb(255, 91, 64);
95
- cursor: pointer;
96
- display: inline-block;
97
- float: right;
98
- margin-left: 20px;
99
- text-align: center;
100
- width: 20px;
101
- }
102
-
103
- #accordions_metabox .accordions-content .section-header label {
104
- float: right;
105
- }
106
-
107
-
108
-
109
-
110
-
111
-
112
- #accordions_metabox .accordions-content .section-panel {
113
- display: none;
114
- }
115
-
116
-
117
- #accordions_metabox .accordions-content .active .section-panel {
118
- display: block;
119
- padding: 25px 10px;
120
- text-align: left;
121
- background:#bde6fc;
122
- }
123
-
124
- #accordions_metabox .accordions-content .active .section-header{
125
- background:#a7e1ff;
126
-
127
- }
128
-
129
-
130
 
131
  /*CSS front page*/
132
-
133
- .accordions-container {
134
- margin: 50px 0;
135
- overflow: hidden;
136
- padding: 30px;
137
- position: relative;
138
- text-align: center;
139
- }
140
-
141
-
142
- .responsive-accordion-icons {
143
  height: 16px;
144
  width: 16px;
145
  }
146
 
147
- .responsive-accordion-plus.arrow-double {
148
  background: url("icons/arrow-double.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
149
  }
150
- .responsive-accordion-minus.arrow-double{
151
  background: url("icons/arrow-double.png") no-repeat scroll 0 -16px rgba(0, 0, 0, 0);
152
  }
153
 
154
 
155
 
156
- .responsive-accordion-plus.arrow-dark {
157
  background: url("icons/arrow-dark.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
158
  }
159
- .responsive-accordion-minus.arrow-dark{
160
  background: url("icons/arrow-dark.png") no-repeat scroll 0 -16px rgba(0, 0, 0, 0);
161
  }
162
 
163
- .responsive-accordion-plus.arrow-naked {
164
  background: url("icons/arrow-naked.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
165
  }
166
- .responsive-accordion-minus.arrow-naked{
167
  background: url("icons/arrow-naked.png") no-repeat scroll 0 -16px rgba(0, 0, 0, 0);
168
  }
169
 
170
- .responsive-accordion-plus.arrow-round-inside-2 {
171
  background: url("icons/arrow-round-inside-2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
172
  }
173
- .responsive-accordion-minus.arrow-round-inside-2{
174
  background: url("icons/arrow-round-inside-2.png") no-repeat scroll 0 -16px rgba(0, 0, 0, 0);
175
  }
176
 
177
- .responsive-accordion-plus.arrow-thin {
178
  background: url("icons/arrow-thin.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
179
  }
180
- .responsive-accordion-minus.arrow-thin{
181
  background: url("icons/arrow-thin.png") no-repeat scroll 0 -16px rgba(0, 0, 0, 0);
182
  }
183
 
184
 
 
 
 
 
 
 
185
 
2
  /* CSS Document */
3
 
4
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5
 
6
  /*CSS front page*/
7
+ .accordion-icons {
 
 
 
 
 
 
 
 
 
 
8
  height: 16px;
9
  width: 16px;
10
  }
11
 
12
+ .accordion-plus.arrow-double {
13
  background: url("icons/arrow-double.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
14
  }
15
+ .accordion-minus.arrow-double{
16
  background: url("icons/arrow-double.png") no-repeat scroll 0 -16px rgba(0, 0, 0, 0);
17
  }
18
 
19
 
20
 
21
+ .accordion-plus.arrow-dark {
22
  background: url("icons/arrow-dark.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
23
  }
24
+ .accordion-minus.arrow-dark{
25
  background: url("icons/arrow-dark.png") no-repeat scroll 0 -16px rgba(0, 0, 0, 0);
26
  }
27
 
28
+ .accordion-plus.arrow-naked {
29
  background: url("icons/arrow-naked.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
30
  }
31
+ .accordion-minus.arrow-naked{
32
  background: url("icons/arrow-naked.png") no-repeat scroll 0 -16px rgba(0, 0, 0, 0);
33
  }
34
 
35
+ .accordion-plus.arrow-round-inside-2 {
36
  background: url("icons/arrow-round-inside-2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
37
  }
38
+ .accordion-minus.arrow-round-inside-2{
39
  background: url("icons/arrow-round-inside-2.png") no-repeat scroll 0 -16px rgba(0, 0, 0, 0);
40
  }
41
 
42
+ .accordion-plus.arrow-thin {
43
  background: url("icons/arrow-thin.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
44
  }
45
+ .accordion-minus.arrow-thin{
46
  background: url("icons/arrow-thin.png") no-repeat scroll 0 -16px rgba(0, 0, 0, 0);
47
  }
48
 
49
 
50
+ .accordion-plus.plus-minus {
51
+ background: url("icons/plus-minus.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
52
+ }
53
+ .accordion-minus.plus-minus{
54
+ background: url("icons/plus-minus.png") no-repeat scroll 0 -16px rgba(0, 0, 0, 0);
55
+ }
56
 
includes/accordions-functions.php CHANGED
@@ -1,6 +1,11 @@
1
  <?php
2
 
 
 
 
 
3
 
 
4
 
5
 
6
  function accordions_paratheme_dark_color($input_color)
1
  <?php
2
 
3
+ /*
4
+ * @Author ParaTheme
5
+ * Copyright: 2015 ParaTheme
6
+ */
7
 
8
+ if ( ! defined('ABSPATH')) exit; // if direct access
9
 
10
 
11
  function accordions_paratheme_dark_color($input_color)
includes/accordions-meta.php CHANGED
@@ -1,5 +1,11 @@
1
  <?php
2
 
 
 
 
 
 
 
3
 
4
  function accordions_posttype_register() {
5
 
@@ -51,7 +57,7 @@ function meta_boxes_accordions()
51
  $screens = array( 'accordions' );
52
  foreach ( $screens as $screen )
53
  {
54
- add_meta_box('accordions_metabox',__( 'accordions Options','accordions' ),'meta_boxes_accordions_input', $screen);
55
  }
56
  }
57
  add_action( 'add_meta_boxes', 'meta_boxes_accordions' );
@@ -61,12 +67,13 @@ function meta_boxes_accordions_input( $post ) {
61
 
62
  global $post;
63
  wp_nonce_field( 'meta_boxes_accordions_input', 'meta_boxes_accordions_input_nonce' );
64
-
65
 
66
  $accordions_bg_img = get_post_meta( $post->ID, 'accordions_bg_img', true );
67
  $accordions_themes = get_post_meta( $post->ID, 'accordions_themes', true );
68
- $accordions_icons = get_post_meta( $post->ID, 'accordions_icons', true );
69
-
 
70
  $accordions_default_bg_color = get_post_meta( $post->ID, 'accordions_default_bg_color', true );
71
  $accordions_active_bg_color = get_post_meta( $post->ID, 'accordions_active_bg_color', true );
72
 
@@ -79,9 +86,9 @@ function meta_boxes_accordions_input( $post ) {
79
  $accordions_content_title = get_post_meta( $post->ID, 'accordions_content_title', true );
80
  $accordions_content_body = get_post_meta( $post->ID, 'accordions_content_body', true );
81
 
82
-
83
 
84
-
85
 
86
 
87
 
@@ -94,10 +101,7 @@ function meta_boxes_accordions_input( $post ) {
94
  echo '';
95
 
96
  }
97
- elseif($accordions_customer_type=="pro")
98
- {
99
- //premium customer support.
100
- }
101
 
102
  ?>
103
 
@@ -118,19 +122,68 @@ function meta_boxes_accordions_input( $post ) {
118
  </div>
119
 
120
 
121
- <ul class="tab-nav">
 
122
  <li nav="2" class="nav2 active">Style</li>
123
  <li nav="3" class="nav3">Content</li>
 
124
 
125
- </ul> <!-- tab-nav end -->
126
 
127
  <ul class="box">
 
 
 
128
  <li style="display: block;" class="box2 tab-box active">
 
129
  <div class="option-box">
130
  <p class="option-title">Themes</p>
131
  <p class="option-info"></p>
132
- <select name="accordions_themes" >
133
- <option class="accordions_themes_flat" value="flat" <?php if($accordions_themes=="flat")echo "selected"; ?>>Flat</option>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
134
 
135
  </select>
136
  </div>
@@ -240,7 +293,7 @@ function meta_boxes_accordions_input( $post ) {
240
 
241
  $i=0;
242
  echo "<select class='accordions_icons_list' name='accordions_icons' >";
243
-
244
  while($i<$count)
245
  {
246
  $filelink_name= str_replace($dir_path,"",$filenames[$i]);
@@ -271,10 +324,28 @@ function meta_boxes_accordions_input( $post ) {
271
 
272
 
273
  ?>
274
-
275
- </div>
276
-
277
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
278
  <div class="option-box">
279
  <p class="option-title">Default Background Color</p>
280
  <p class="option-info"></p>
@@ -321,14 +392,13 @@ function meta_boxes_accordions_input( $post ) {
321
  <li style="display: none;" class="box3 tab-box ">
322
  <div class="option-box">
323
  <p class="option-title">Content</p>
324
- <p class="option-info"></p>
325
 
326
  <div class="accordions-content-buttons" >
327
- <div class="button add-accordions">Add</div>
328
  <br />
329
  </div>
330
-
331
- <table width="100%" class="accordions-content" id="accordions-content">
332
 
333
  <?php
334
  // $total_row = count($accordions_content_title);
@@ -349,7 +419,7 @@ function meta_boxes_accordions_input( $post ) {
349
  ?>
350
  <tr index='<?php echo $index; ?>' valign="top">
351
 
352
- <td class="section-dragHandle">*</td>
353
 
354
  <td style="vertical-align:middle;">
355
  <div class="section-header">
@@ -358,10 +428,28 @@ function meta_boxes_accordions_input( $post ) {
358
  </div>
359
 
360
  <span class="removeaccordions">X</span>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
361
 
 
362
  </div>
363
  <div class="section-panel">
364
- <input width="100%" class="accordions_content_title" placeholder="accordions Header" type="text" name="accordions_content_title[row_<?php echo $i; ?>]" value="<?php if(!empty($accordions_title)) echo $accordions_title; ?>" />
365
 
366
 
367
 
@@ -393,11 +481,67 @@ function meta_boxes_accordions_input( $post ) {
393
 
394
 
395
  </table>
396
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
397
 
398
  </div>
399
  </li>
400
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
401
  </ul>
402
 
403
 
@@ -443,9 +587,12 @@ function meta_boxes_accordions_save( $post_id ) {
443
  /* OK, its safe for us to save the data now. */
444
 
445
  // Sanitize user input.
 
 
446
  $accordions_bg_img = sanitize_text_field( $_POST['accordions_bg_img'] );
447
  $accordions_themes = sanitize_text_field( $_POST['accordions_themes'] );
448
  $accordions_icons = sanitize_text_field( $_POST['accordions_icons'] );
 
449
 
450
  $accordions_default_bg_color = sanitize_text_field( $_POST['accordions_default_bg_color'] );
451
  $accordions_active_bg_color = sanitize_text_field( $_POST['accordions_active_bg_color'] );
@@ -460,15 +607,23 @@ function meta_boxes_accordions_save( $post_id ) {
460
  $accordions_content_title = stripslashes_deep( $_POST['accordions_content_title'] );
461
  $accordions_content_body = stripslashes_deep( $_POST['accordions_content_body'] );
462
 
463
-
 
 
 
464
 
465
-
 
 
466
 
467
 
468
- // Update the meta field in the database.
 
469
  update_post_meta( $post_id, 'accordions_bg_img', $accordions_bg_img );
470
  update_post_meta( $post_id, 'accordions_themes', $accordions_themes );
471
  update_post_meta( $post_id, 'accordions_icons', $accordions_icons );
 
 
472
 
473
  update_post_meta( $post_id, 'accordions_default_bg_color', $accordions_default_bg_color );
474
  update_post_meta( $post_id, 'accordions_active_bg_color', $accordions_active_bg_color );
@@ -482,7 +637,39 @@ function meta_boxes_accordions_save( $post_id ) {
482
 
483
  update_post_meta( $post_id, 'accordions_content_title', $accordions_content_title );
484
  update_post_meta( $post_id, 'accordions_content_body', $accordions_content_body );
 
 
 
 
 
 
485
 
486
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
487
 
488
- add_action( 'save_post', 'meta_boxes_accordions_save' );
1
  <?php
2
 
3
+ /*
4
+ * @Author ParaTheme
5
+ * Copyright: 2015 ParaTheme
6
+ */
7
+
8
+ if ( ! defined('ABSPATH')) exit; // if direct access
9
 
10
  function accordions_posttype_register() {
11
 
57
  $screens = array( 'accordions' );
58
  foreach ( $screens as $screen )
59
  {
60
+ add_meta_box('accordions_metabox',__( 'Accordions Options','accordions' ),'meta_boxes_accordions_input', $screen);
61
  }
62
  }
63
  add_action( 'add_meta_boxes', 'meta_boxes_accordions' );
67
 
68
  global $post;
69
  wp_nonce_field( 'meta_boxes_accordions_input', 'meta_boxes_accordions_input_nonce' );
70
+
71
 
72
  $accordions_bg_img = get_post_meta( $post->ID, 'accordions_bg_img', true );
73
  $accordions_themes = get_post_meta( $post->ID, 'accordions_themes', true );
74
+ $accordions_icons = get_post_meta( $post->ID, 'accordions_icons', true );
75
+ $accordions_icons_minus = get_post_meta( $post->ID, 'accordions_icons_minus', true );
76
+
77
  $accordions_default_bg_color = get_post_meta( $post->ID, 'accordions_default_bg_color', true );
78
  $accordions_active_bg_color = get_post_meta( $post->ID, 'accordions_active_bg_color', true );
79
 
86
  $accordions_content_title = get_post_meta( $post->ID, 'accordions_content_title', true );
87
  $accordions_content_body = get_post_meta( $post->ID, 'accordions_content_body', true );
88
 
89
+ $accordions_hide = get_post_meta( $post->ID, 'accordions_hide', true );
90
 
91
+ $accordions_custom_css = get_post_meta( $post->ID, 'accordions_custom_css', true );
92
 
93
 
94
 
101
  echo '';
102
 
103
  }
104
+
 
 
 
105
 
106
  ?>
107
 
122
  </div>
123
 
124
 
125
+ <ul class="tab-nav">
126
+
127
  <li nav="2" class="nav2 active">Style</li>
128
  <li nav="3" class="nav3">Content</li>
129
+ <li nav="4" class="nav4">Custom CSS</li>
130
 
131
+ </ul> <!-- para-tab-nav end -->
132
 
133
  <ul class="box">
134
+
135
+
136
+
137
  <li style="display: block;" class="box2 tab-box active">
138
+
139
  <div class="option-box">
140
  <p class="option-title">Themes</p>
141
  <p class="option-info"></p>
142
+
143
+ <?php
144
+ $class_accordions_functions = new class_accordions_functions();
145
+
146
+ $accordions_themes_list = $class_accordions_functions->accordions_themes();
147
+
148
+
149
+
150
+ ?>
151
+
152
+
153
+ <select class="accordions_themes" name="accordions_themes" >
154
+
155
+
156
+ <?php
157
+
158
+
159
+
160
+ foreach($accordions_themes_list as $theme_key => $theme_name)
161
+ {
162
+
163
+ echo '<option value="'.$theme_key.'" ';
164
+
165
+ if($accordions_themes == $theme_key )
166
+ {
167
+ echo "selected";
168
+ }
169
+
170
+ echo '>';
171
+
172
+
173
+ echo $theme_name.'</option>';
174
+
175
+ }
176
+
177
+ ?>
178
+
179
+
180
+
181
+
182
+
183
+
184
+
185
+
186
+
187
 
188
  </select>
189
  </div>
293
 
294
  $i=0;
295
  echo "<select class='accordions_icons_list' name='accordions_icons' >";
296
+
297
  while($i<$count)
298
  {
299
  $filelink_name= str_replace($dir_path,"",$filenames[$i]);
324
 
325
 
326
  ?>
327
+ <?php
328
+
329
+ if($accordions_icons == 'custom')
330
+ {
331
+ echo '<div style="display:block;" class="accordions_icons_custom">';
332
+ }
333
+ else
334
+ {
335
+ echo '<div style="display:none;" class="accordions_icons_custom">';
336
+ }
337
+
338
+ ?>
339
+
340
+
341
+ <span title="Minus Icon" class="accordions_icons_custom_minus" style="background-image:url(<?php if(!empty($accordions_icons_minus)) echo $accordions_icons_minus; else echo '';?>)">
342
+ <input type="hidden" name="accordions_icons_minus" value="<?php if(!empty($accordions_icons_minus)) echo $accordions_icons_minus; else echo '';?>" />
343
+ </span>
344
+
345
+ </div>
346
+ </div>
347
+
348
+
349
  <div class="option-box">
350
  <p class="option-title">Default Background Color</p>
351
  <p class="option-info"></p>
392
  <li style="display: none;" class="box3 tab-box ">
393
  <div class="option-box">
394
  <p class="option-title">Content</p>
395
+ <p class="option-info">You can sorting accordion by dragging * of each title, click to expand title and see the input.</p>
396
 
397
  <div class="accordions-content-buttons" >
398
+ <div class="button add-accordions">Add</div>
399
  <br />
400
  </div>
401
+ <table width="100%" class="accordions-content" id="accordions-content">
 
402
 
403
  <?php
404
  // $total_row = count($accordions_content_title);
419
  ?>
420
  <tr index='<?php echo $index; ?>' valign="top">
421
 
422
+ <td class="section-dragHandle">&nbsp;</td>
423
 
424
  <td style="vertical-align:middle;">
425
  <div class="section-header">
428
  </div>
429
 
430
  <span class="removeaccordions">X</span>
431
+
432
+ <?php
433
+
434
+ if(!empty($accordions_hide[$index]))
435
+ {
436
+ $checked = 'checked';
437
+ }
438
+ else
439
+ {
440
+ $checked = '';
441
+ }
442
+
443
+
444
+ ?>
445
+
446
+ <label class="switch" title="Hide on Frontend"><input type="checkbox" name="accordions_hide[<?php echo $index; ?>]" value="1" <?php echo $checked; ?> /> </label>
447
+
448
 
449
+
450
  </div>
451
  <div class="section-panel">
452
+ <input width="100%" placeholder="accordions Header" type="text" name="accordions_content_title[row_<?php echo $i; ?>]" value="<?php if(!empty($accordions_title)) echo $accordions_title; ?>" />
453
 
454
 
455
 
481
 
482
 
483
  </table>
484
+
485
+
486
+
487
+ <script>
488
+
489
+ jQuery(document).ready(function() {
490
+
491
+ // Initialise the table
492
+ jQuery("#accordions-content").tableDnD({
493
+
494
+ dragHandle: "section-dragHandle",
495
+ });
496
+
497
+
498
+
499
+
500
+
501
+
502
+ });
503
+
504
+ </script>
505
+
506
+
507
+
508
 
509
  </div>
510
  </li>
511
 
512
+
513
+
514
+ <li style="display: none;" class="box4 tab-box ">
515
+ <div class="option-box">
516
+ <p class="option-title">Custom CSS for this Accordions</p>
517
+ <p class="option-info">Do not use &lt;style>&lt;/style> tag, you can use bellow prefix to your css, sometime you need use "!important" to overrid.<br/>
518
+
519
+ <b>#accordions-<?php echo $post->ID; ?></b>
520
+ <br/></p>
521
+
522
+
523
+
524
+
525
+ <?php
526
+
527
+ $accordions_id = $post->ID;
528
+
529
+
530
+ $empty_css_sample = '#accordions-'.$accordions_id.'{}\n#accordions-'.$accordions_id.' .accordions-head{}\n#accordions-'.$accordions_id.' .accordion-content{}';
531
+
532
+
533
+ ?>
534
+
535
+
536
+
537
+ <textarea style="width:80%; min-height:150px" name="accordions_custom_css" ><?php if(!empty($accordions_custom_css)) echo htmlentities($accordions_custom_css); else echo str_replace('\n', PHP_EOL, $empty_css_sample); ?></textarea>
538
+
539
+
540
+ </div>
541
+
542
+ </li>
543
+
544
+
545
  </ul>
546
 
547
 
587
  /* OK, its safe for us to save the data now. */
588
 
589
  // Sanitize user input.
590
+
591
+
592
  $accordions_bg_img = sanitize_text_field( $_POST['accordions_bg_img'] );
593
  $accordions_themes = sanitize_text_field( $_POST['accordions_themes'] );
594
  $accordions_icons = sanitize_text_field( $_POST['accordions_icons'] );
595
+ $accordions_icons_minus = sanitize_text_field( $_POST['accordions_icons_minus'] );
596
 
597
  $accordions_default_bg_color = sanitize_text_field( $_POST['accordions_default_bg_color'] );
598
  $accordions_active_bg_color = sanitize_text_field( $_POST['accordions_active_bg_color'] );
607
  $accordions_content_title = stripslashes_deep( $_POST['accordions_content_title'] );
608
  $accordions_content_body = stripslashes_deep( $_POST['accordions_content_body'] );
609
 
610
+ if(empty($_POST['accordions_hide']))
611
+ {
612
+ $_POST['accordions_hide'] = '';
613
+ }
614
 
615
+ $accordions_hide = stripslashes_deep( $_POST['accordions_hide'] );
616
+
617
+ $accordions_custom_css = stripslashes_deep( $_POST['accordions_custom_css'] );
618
 
619
 
620
+ // Update the meta field in the database.
621
+
622
  update_post_meta( $post_id, 'accordions_bg_img', $accordions_bg_img );
623
  update_post_meta( $post_id, 'accordions_themes', $accordions_themes );
624
  update_post_meta( $post_id, 'accordions_icons', $accordions_icons );
625
+ update_post_meta( $post_id, 'accordions_icons_minus', $accordions_icons_minus );
626
+
627
 
628
  update_post_meta( $post_id, 'accordions_default_bg_color', $accordions_default_bg_color );
629
  update_post_meta( $post_id, 'accordions_active_bg_color', $accordions_active_bg_color );
637
 
638
  update_post_meta( $post_id, 'accordions_content_title', $accordions_content_title );
639
  update_post_meta( $post_id, 'accordions_content_body', $accordions_content_body );
640
+
641
+ update_post_meta( $post_id, 'accordions_hide', $accordions_hide );
642
+
643
+ update_post_meta( $post_id, 'accordions_custom_css', $accordions_custom_css );
644
+
645
+
646
 
647
  }
648
+ add_action( 'save_post', 'meta_boxes_accordions_save' );
649
+
650
+
651
+
652
+
653
+
654
+
655
+
656
+
657
+
658
+
659
+
660
+
661
+
662
+
663
+
664
+
665
+
666
+
667
+
668
+
669
+
670
+
671
+
672
+
673
+
674
 
675
+ ?>
includes/class-functions.php ADDED
@@ -0,0 +1,87 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ /*
4
+ * @Author ParaTheme
5
+ * Copyright: 2015 ParaTheme
6
+ */
7
+
8
+ if ( ! defined('ABSPATH')) exit; // if direct access
9
+
10
+
11
+ class class_accordions_functions {
12
+
13
+
14
+ public function __construct(){
15
+
16
+
17
+ //$this->settings_page = new accordions_Settings();
18
+
19
+
20
+ //add_action( 'admin_menu', array( $this, 'admin_menu' ), 12 );
21
+ //add_action('admin_menu', array($this, 'create_menu'));
22
+ }
23
+
24
+
25
+
26
+
27
+
28
+
29
+ public function accordions_themes($themes = array())
30
+ {
31
+
32
+ $themes = array(
33
+ 'flat'=>'Flat',
34
+ );
35
+
36
+ foreach(apply_filters( 'accordions_themes', $themes ) as $theme_key=> $theme_name)
37
+ {
38
+ $theme_list[$theme_key] = $theme_name;
39
+ }
40
+
41
+
42
+ return $theme_list;
43
+
44
+ }
45
+
46
+
47
+ public function accordions_themes_dir($themes_dir = array())
48
+ {
49
+ $main_dir = accordions_plugin_dir.'themes/';
50
+
51
+ $themes_dir = array(
52
+ 'flat'=>$main_dir.'flat',
53
+
54
+ );
55
+
56
+ foreach(apply_filters( 'accordions_themes_dir', $themes_dir ) as $theme_key=> $theme_dir)
57
+ {
58
+ $theme_list_dir[$theme_key] = $theme_dir;
59
+ }
60
+
61
+
62
+ return $theme_list_dir;
63
+
64
+ }
65
+
66
+
67
+ public function accordions_themes_url($themes_url = array())
68
+ {
69
+ $main_url = accordions_plugin_url.'themes/';
70
+
71
+ $themes_url = array(
72
+ 'flat'=>$main_url.'flat',
73
+
74
+ );
75
+
76
+ foreach(apply_filters( 'accordions_themes_url', $themes_url ) as $theme_key=> $theme_url)
77
+ {
78
+ $theme_list_url[$theme_key] = $theme_url;
79
+ }
80
+
81
+ return $theme_list_url;
82
+
83
+ }
84
+
85
+ }
86
+
87
+ new class_accordions_functions();
includes/class-settings.php ADDED
@@ -0,0 +1,42 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ /*
4
+ * @Author ParaTheme
5
+ * Copyright: 2015 ParaTheme
6
+ */
7
+
8
+ if ( ! defined('ABSPATH')) exit; // if direct access
9
+
10
+ class class_accordions_settings{
11
+
12
+ public function __construct(){
13
+
14
+ add_action( 'admin_menu', array( $this, 'accordions_menu_init' ), 12 );
15
+
16
+ }
17
+
18
+
19
+
20
+
21
+ public function accordions_help(){
22
+ include('menu/help.php');
23
+ }
24
+
25
+
26
+
27
+
28
+ public function accordions_menu_init(){
29
+
30
+ add_submenu_page('edit.php?post_type=accordions', __('Help & Contact','accordions'), __('Help & Contact','accordions'), 'manage_options', 'accordions_paratheme_menu_help', array( $this, 'accordions_help' ));
31
+
32
+
33
+ }
34
+
35
+
36
+
37
+
38
+
39
+
40
+ }
41
+
42
+ new class_accordions_settings();
includes/class-shortcodes.php ADDED
@@ -0,0 +1,52 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ /*
4
+ * @Author ParaTheme
5
+ * Copyright: 2015 ParaTheme
6
+ */
7
+
8
+ if ( ! defined('ABSPATH')) exit; // if direct access
9
+
10
+
11
+ class class_accordions_shortcodes {
12
+
13
+
14
+ public function __construct()
15
+ {
16
+
17
+ add_shortcode( 'accordions', array( $this, 'accordions_display' ) );
18
+
19
+ }
20
+
21
+ public function accordions_display($atts, $content = null ) {
22
+ $atts = shortcode_atts(
23
+ array(
24
+ 'id' => "",
25
+
26
+ ), $atts);
27
+
28
+ $html = '';
29
+ $post_id = $atts['id'];
30
+
31
+ $accordions_themes = get_post_meta( $post_id, 'accordions_themes', true );
32
+
33
+ $class_accordions_functions = new class_accordions_functions();
34
+ $accordions_themes_dir = $class_accordions_functions->accordions_themes_dir();
35
+ $accordions_themes_url = $class_accordions_functions->accordions_themes_url();
36
+
37
+ //var_dump($accordions_themes_url);
38
+
39
+
40
+ echo '<link type="text/css" media="all" rel="stylesheet" href="'.$accordions_themes_url[$accordions_themes].'/style.css" >';
41
+
42
+ include $accordions_themes_dir[$accordions_themes].'/index.php';
43
+
44
+ return $html;
45
+
46
+
47
+ }
48
+
49
+ }
50
+
51
+
52
+ new class_accordions_shortcodes();
accordions-help.php → includes/menu/help.php RENAMED
@@ -1,8 +1,21 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
  <div class="wrap">
2
  <?php echo "<h2>".__(accordions_plugin_name.' Help')."</h2>";
3
 
4
- $accordions_customer_type = get_option('accordions_customer_type');
5
- $accordions_version = get_option('accordions_version');
6
 
7
 
8
  ?>
@@ -12,26 +25,22 @@
12
 
13
  <div class="para-settings">
14
  <ul class="tab-nav">
15
- <li nav="1" class="nav1 active">Help & Upgrade</li>
16
  </ul> <!-- tab-nav end -->
17
 
18
  <ul class="box">
19
 
20
  <li style="display: block;" class="box1 tab-box active">
21
- <div class="option-box">
22
  <p class="option-title">Need Help ?</p>
23
  <p class="option-info">Feel free to contact with any issue for this plugin, Ask any question via forum <a href="<?php echo accordions_qa_url; ?>"><?php echo accordions_qa_url; ?></a> <strong style="color:#139b50;">(free)</strong><br />
24
-
25
-
26
-
27
 
28
  <?php
29
 
30
-
31
- if($accordions_customer_type=="free")
32
  {
33
 
34
- echo 'You are using <strong> '.$accordions_customer_type.' version '.$accordions_version.'</strong> of <strong>'.accordions_plugin_name.'</strong>, To get more feature you could try our premium version. ';
35
 
36
  echo '<br /><a href="'.accordions_pro_url.'">'.accordions_pro_url.'</a>';
37
 
@@ -39,21 +48,16 @@
39
  else
40
  {
41
 
42
- echo 'Thanks for using <strong> premium version '.$accordions_version.'</strong> of <strong>'.accordions_plugin_name.'</strong> ';
43
 
44
 
45
  }
46
 
47
  ?>
48
 
49
-
50
-
51
-
52
 
53
  </p>
54
-
55
-
56
-
57
  </div>
58
 
59
 
@@ -78,13 +82,14 @@
78
  ?>
79
  </div>
80
 
 
 
81
  <div class="option-box">
82
- <p class="option-title">Video Tutorial(with premium features)</p>
83
  <p class="option-info">Please watch this video tutorial.</p>
84
  <iframe width="640" height="480" src="<?php echo accordions_tutorial_video_url; ?>" frameborder="0" allowfullscreen></iframe>
85
  </div>
86
-
87
-
88
 
89
 
90
  </li>
1
+ <?php
2
+ /*
3
+ * @Author ParaTheme
4
+ * Copyright: 2015 ParaTheme
5
+ */
6
+
7
+ if ( ! defined('ABSPATH')) exit; // if direct access
8
+
9
+ ?>
10
+
11
+
12
+
13
+
14
+
15
  <div class="wrap">
16
  <?php echo "<h2>".__(accordions_plugin_name.' Help')."</h2>";
17
 
18
+
 
19
 
20
 
21
  ?>
25
 
26
  <div class="para-settings">
27
  <ul class="tab-nav">
28
+ <li nav="1" class="nav1 active">Help & Support</li>
29
  </ul> <!-- tab-nav end -->
30
 
31
  <ul class="box">
32
 
33
  <li style="display: block;" class="box1 tab-box active">
34
+ <div class="option-box">
35
  <p class="option-title">Need Help ?</p>
36
  <p class="option-info">Feel free to contact with any issue for this plugin, Ask any question via forum <a href="<?php echo accordions_qa_url; ?>"><?php echo accordions_qa_url; ?></a> <strong style="color:#139b50;">(free)</strong><br />
 
 
 
37
 
38
  <?php
39
 
40
+ if(accordions_customer_type=="free")
 
41
  {
42
 
43
+ echo 'You are using <strong> '.accordions_customer_type.' version '.accordions_plugin_version.'</strong> of <strong>'.accordions_plugin_name.'</strong>, To get more feature you could try our premium version. ';
44
 
45
  echo '<br /><a href="'.accordions_pro_url.'">'.accordions_pro_url.'</a>';
46
 
48
  else
49
  {
50
 
51
+ echo 'Thanks for using <strong> premium version '.accordions_plugin_version.'</strong> of <strong>'.accordions_plugin_name.'</strong> ';
52
 
53
 
54
  }
55
 
56
  ?>
57
 
 
 
 
58
 
59
  </p>
60
+
 
 
61
  </div>
62
 
63
 
82
  ?>
83
  </div>
84
 
85
+
86
+
87
  <div class="option-box">
88
+ <p class="option-title">Video Tutorial</p>
89
  <p class="option-info">Please watch this video tutorial.</p>
90
  <iframe width="640" height="480" src="<?php echo accordions_tutorial_video_url; ?>" frameborder="0" allowfullscreen></iframe>
91
  </div>
92
+
 
93
 
94
 
95
  </li>
js/jquery.tablednd.js ADDED
@@ -0,0 +1,382 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /**
2
+ * TableDnD plug-in for JQuery, allows you to drag and drop table rows
3
+ * You can set up various options to control how the system will work
4
+ * Copyright (c) Denis Howlett <denish@isocra.com>
5
+ * Licensed like jQuery, see http://docs.jquery.com/License.
6
+ *
7
+ * Configuration options:
8
+ *
9
+ * onDragStyle
10
+ * This is the style that is assigned to the row during drag. There are limitations to the styles that can be
11
+ * associated with a row (such as you can't assign a border--well you can, but it won't be
12
+ * displayed). (So instead consider using onDragClass.) The CSS style to apply is specified as
13
+ * a map (as used in the jQuery css(...) function).
14
+ * onDropStyle
15
+ * This is the style that is assigned to the row when it is dropped. As for onDragStyle, there are limitations
16
+ * to what you can do. Also this replaces the original style, so again consider using onDragClass which
17
+ * is simply added and then removed on drop.
18
+ * onDragClass
19
+ * This class is added for the duration of the drag and then removed when the row is dropped. It is more
20
+ * flexible than using onDragStyle since it can be inherited by the row cells and other content. The default
21
+ * is class is tDnD_whileDrag. So to use the default, simply customise this CSS class in your
22
+ * stylesheet.
23
+ * onDrop
24
+ * Pass a function that will be called when the row is dropped. The function takes 2 parameters: the table
25
+ * and the row that was dropped. You can work out the new order of the rows by using
26
+ * table.rows.
27
+ * onDragStart
28
+ * Pass a function that will be called when the user starts dragging. The function takes 2 parameters: the
29
+ * table and the row which the user has started to drag.
30
+ * onAllowDrop
31
+ * Pass a function that will be called as a row is over another row. If the function returns true, allow
32
+ * dropping on that row, otherwise not. The function takes 2 parameters: the dragged row and the row under
33
+ * the cursor. It returns a boolean: true allows the drop, false doesn't allow it.
34
+ * scrollAmount
35
+ * This is the number of pixels to scroll if the user moves the mouse cursor to the top or bottom of the
36
+ * window. The page should automatically scroll up or down as appropriate (tested in IE6, IE7, Safari, FF2,
37
+ * FF3 beta
38
+ * dragHandle
39
+ * This is the name of a class that you assign to one or more cells in each row that is draggable. If you
40
+ * specify this class, then you are responsible for setting cursor: move in the CSS and only these cells
41
+ * will have the drag behaviour. If you do not specify a dragHandle, then you get the old behaviour where
42
+ * the whole row is draggable.
43
+ *
44
+ * Other ways to control behaviour:
45
+ *
46
+ * Add class="nodrop" to any rows for which you don't want to allow dropping, and class="nodrag" to any rows
47
+ * that you don't want to be draggable.
48
+ *
49
+ * Inside the onDrop method you can also call $.tableDnD.serialize() this returns a string of the form
50
+ * <tableID>[]=<rowID1>&<tableID>[]=<rowID2> so that you can send this back to the server. The table must have
51
+ * an ID as must all the rows.
52
+ *
53
+ * Other methods:
54
+ *
55
+ * $("...").tableDnDUpdate()
56
+ * Will update all the matching tables, that is it will reapply the mousedown method to the rows (or handle cells).
57
+ * This is useful if you have updated the table rows using Ajax and you want to make the table draggable again.
58
+ * The table maintains the original configuration (so you don't have to specify it again).
59
+ *
60
+ * $("...").tableDnDSerialize()
61
+ * Will serialize and return the serialized string as above, but for each of the matching tables--so it can be
62
+ * called from anywhere and isn't dependent on the currentTable being set up correctly before calling
63
+ *
64
+ * Known problems:
65
+ * - Auto-scoll has some problems with IE7 (it scrolls even when it shouldn't), work-around: set scrollAmount to 0
66
+ *
67
+ * Version 0.2: 2008-02-20 First public version
68
+ * Version 0.3: 2008-02-07 Added onDragStart option
69
+ * Made the scroll amount configurable (default is 5 as before)
70
+ * Version 0.4: 2008-03-15 Changed the noDrag/noDrop attributes to nodrag/nodrop classes
71
+ * Added onAllowDrop to control dropping
72
+ * Fixed a bug which meant that you couldn't set the scroll amount in both directions
73
+ * Added serialize method
74
+ * Version 0.5: 2008-05-16 Changed so that if you specify a dragHandle class it doesn't make the whole row
75
+ * draggable
76
+ * Improved the serialize method to use a default (and settable) regular expression.
77
+ * Added tableDnDupate() and tableDnDSerialize() to be called when you are outside the table
78
+ */
79
+ jQuery.tableDnD = {
80
+ /** Keep hold of the current table being dragged */
81
+ currentTable : null,
82
+ /** Keep hold of the current drag object if any */
83
+ dragObject: null,
84
+ /** The current mouse offset */
85
+ mouseOffset: null,
86
+ /** Remember the old value of Y so that we don't do too much processing */
87
+ oldY: 0,
88
+
89
+ /** Actually build the structure */
90
+ build: function(options) {
91
+ // Set up the defaults if any
92
+
93
+ this.each(function() {
94
+ // This is bound to each matching table, set up the defaults and override with user options
95
+ this.tableDnDConfig = jQuery.extend({
96
+ onDragStyle: null,
97
+ onDropStyle: null,
98
+ // Add in the default class for whileDragging
99
+ onDragClass: "tDnD_whileDrag",
100
+ onDrop: null,
101
+ onDragStart: null,
102
+ scrollAmount: 5,
103
+ serializeRegexp: /[^\-]*$/, // The regular expression to use to trim row IDs
104
+ serializeParamName: null, // If you want to specify another parameter name instead of the table ID
105
+ dragHandle: null // If you give the name of a class here, then only Cells with this class will be draggable
106
+ }, options || {});
107
+ // Now make the rows draggable
108
+ jQuery.tableDnD.makeDraggable(this);
109
+ });
110
+
111
+ // Now we need to capture the mouse up and mouse move event
112
+ // We can use bind so that we don't interfere with other event handlers
113
+ jQuery(document)
114
+ .bind('mousemove', jQuery.tableDnD.mousemove)
115
+ .bind('mouseup', jQuery.tableDnD.mouseup);
116
+
117
+ // Don't break the chain
118
+ return this;
119
+ },
120
+
121
+ /** This function makes all the rows on the table draggable apart from those marked as "NoDrag" */
122
+ makeDraggable: function(table) {
123
+ var config = table.tableDnDConfig;
124
+ if (table.tableDnDConfig.dragHandle) {
125
+ // We only need to add the event to the specified cells
126
+ var cells = jQuery("td."+table.tableDnDConfig.dragHandle, table);
127
+ cells.each(function() {
128
+ // The cell is bound to "this"
129
+ jQuery(this).mousedown(function(ev) {
130
+ jQuery.tableDnD.dragObject = this.parentNode;
131
+ jQuery.tableDnD.currentTable = table;
132
+ jQuery.tableDnD.mouseOffset = jQuery.tableDnD.getMouseOffset(this, ev);
133
+ if (config.onDragStart) {
134
+ // Call the onDrop method if there is one
135
+ config.onDragStart(table, this);
136
+ }
137
+ return false;
138
+ });
139
+ })
140
+ } else {
141
+ // For backwards compatibility, we add the event to the whole row
142
+ var rows = jQuery("tr", table); // get all the rows as a wrapped set
143
+ rows.each(function() {
144
+ // Iterate through each row, the row is bound to "this"
145
+ var row = jQuery(this);
146
+ if (! row.hasClass("nodrag")) {
147
+ row.mousedown(function(ev) {
148
+ if (ev.target.tagName == "TD") {
149
+ jQuery.tableDnD.dragObject = this;
150
+ jQuery.tableDnD.currentTable = table;
151
+ jQuery.tableDnD.mouseOffset = jQuery.tableDnD.getMouseOffset(this, ev);
152
+ if (config.onDragStart) {
153
+ // Call the onDrop method if there is one
154
+ config.onDragStart(table, this);
155
+ }
156
+ return false;
157
+ }
158
+ }).css("cursor", "move"); // Store the tableDnD object
159
+ }
160
+ });
161
+ }
162
+ },
163
+
164
+ updateTables: function() {
165
+ this.each(function() {
166
+ // this is now bound to each matching table
167
+ if (this.tableDnDConfig) {
168
+ jQuery.tableDnD.makeDraggable(this);
169
+ }
170
+ })
171
+ },
172
+
173
+ /** Get the mouse coordinates from the event (allowing for browser differences) */
174
+ mouseCoords: function(ev){
175
+ if(ev.pageX || ev.pageY){
176
+ return {x:ev.pageX, y:ev.pageY};
177
+ }
178
+ return {
179
+ x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
180
+ y:ev.clientY + document.body.scrollTop - document.body.clientTop
181
+ };
182
+ },
183
+
184
+ /** Given a target element and a mouse event, get the mouse offset from that element.
185
+ To do this we need the element's position and the mouse position */
186
+ getMouseOffset: function(target, ev) {
187
+ ev = ev || window.event;
188
+
189
+ var docPos = this.getPosition(target);
190
+ var mousePos = this.mouseCoords(ev);
191
+ return {x:mousePos.x - docPos.x, y:mousePos.y - docPos.y};
192
+ },
193
+
194
+ /** Get the position of an element by going up the DOM tree and adding up all the offsets */
195
+ getPosition: function(e){
196
+ var left = 0;
197
+ var top = 0;
198
+ /** Safari fix -- thanks to Luis Chato for this! */
199
+ if (e.offsetHeight == 0) {
200
+ /** Safari 2 doesn't correctly grab the offsetTop of a table row
201
+ this is detailed here:
202
+ http://jacob.peargrove.com/blog/2006/technical/table-row-offsettop-bug-in-safari/
203
+ the solution is likewise noted there, grab the offset of a table cell in the row - the firstChild.
204
+ note that firefox will return a text node as a first child, so designing a more thorough
205
+ solution may need to take that into account, for now this seems to work in firefox, safari, ie */
206
+ e = e.firstChild; // a table cell
207
+ }
208
+
209
+ while (e.offsetParent){
210
+ left += e.offsetLeft;
211
+ top += e.offsetTop;
212
+ e = e.offsetParent;
213
+ }
214
+
215
+ left += e.offsetLeft;
216
+ top += e.offsetTop;
217
+
218
+ return {x:left, y:top};
219
+ },
220
+
221
+ mousemove: function(ev) {
222
+ if (jQuery.tableDnD.dragObject == null) {
223
+ return;
224
+ }
225
+
226
+ var dragObj = jQuery(jQuery.tableDnD.dragObject);
227
+ var config = jQuery.tableDnD.currentTable.tableDnDConfig;
228
+ var mousePos = jQuery.tableDnD.mouseCoords(ev);
229
+ var y = mousePos.y - jQuery.tableDnD.mouseOffset.y;
230
+ //auto scroll the window
231
+ var yOffset = window.pageYOffset;
232
+ if (document.all) {
233
+ // Windows version
234
+ //yOffset=document.body.scrollTop;
235
+ if (typeof document.compatMode != 'undefined' &&
236
+ document.compatMode != 'BackCompat') {
237
+ yOffset = document.documentElement.scrollTop;
238
+ }
239
+ else if (typeof document.body != 'undefined') {
240
+ yOffset=document.body.scrollTop;
241
+ }
242
+
243
+ }
244
+
245
+ if (mousePos.y-yOffset < config.scrollAmount) {
246
+ window.scrollBy(0, -config.scrollAmount);
247
+ } else {
248
+ var windowHeight = window.innerHeight ? window.innerHeight
249
+ : document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight;
250
+ if (windowHeight-(mousePos.y-yOffset) < config.scrollAmount) {
251
+ window.scrollBy(0, config.scrollAmount);
252
+ }
253
+ }
254
+
255
+
256
+ if (y != jQuery.tableDnD.oldY) {
257
+ // work out if we're going up or down...
258
+ var movingDown = y > jQuery.tableDnD.oldY;
259
+ // update the old value
260
+ jQuery.tableDnD.oldY = y;
261
+ // update the style to show we're dragging
262
+ if (config.onDragClass) {
263
+ dragObj.addClass(config.onDragClass);
264
+ } else {
265
+ dragObj.css(config.onDragStyle);
266
+ }
267
+ // If we're over a row then move the dragged row to there so that the user sees the
268
+ // effect dynamically
269
+ var currentRow = jQuery.tableDnD.findDropTargetRow(dragObj, y);
270
+ if (currentRow) {
271
+ // TODO worry about what happens when there are multiple TBODIES
272
+ if (movingDown && jQuery.tableDnD.dragObject != currentRow) {
273
+ jQuery.tableDnD.dragObject.parentNode.insertBefore(jQuery.tableDnD.dragObject, currentRow.nextSibling);
274
+ } else if (! movingDown && jQuery.tableDnD.dragObject != currentRow) {
275
+ jQuery.tableDnD.dragObject.parentNode.insertBefore(jQuery.tableDnD.dragObject, currentRow);
276
+ }
277
+ }
278
+ }
279
+
280
+ return false;
281
+ },
282
+
283
+ /** We're only worried about the y position really, because we can only move rows up and down */
284
+ findDropTargetRow: function(draggedRow, y) {
285
+ var rows = jQuery.tableDnD.currentTable.rows;
286
+ for (var i=0; i<rows.length; i++) {
287
+ var row = rows[i];
288
+ var rowY = this.getPosition(row).y;
289
+ var rowHeight = parseInt(row.offsetHeight)/2;
290
+ if (row.offsetHeight == 0) {
291
+ rowY = this.getPosition(row.firstChild).y;
292
+ rowHeight = parseInt(row.firstChild.offsetHeight)/2;
293
+ }
294
+ // Because we always have to insert before, we need to offset the height a bit
295
+ if ((y > rowY - rowHeight) && (y < (rowY + rowHeight))) {
296
+ // that's the row we're over
297
+ // If it's the same as the current row, ignore it
298
+ if (row == draggedRow) {return null;}
299
+ var config = jQuery.tableDnD.currentTable.tableDnDConfig;
300
+ if (config.onAllowDrop) {
301
+ if (config.onAllowDrop(draggedRow, row)) {
302
+ return row;
303
+ } else {
304
+ return null;
305
+ }
306
+ } else {
307
+ // If a row has nodrop class, then don't allow dropping (inspired by John Tarr and Famic)
308
+ var nodrop = jQuery(row).hasClass("nodrop");
309
+ if (! nodrop) {
310
+ return row;
311
+ } else {
312
+ return null;
313
+ }
314
+ }
315
+ return row;
316
+ }
317
+ }
318
+ return null;
319
+ },
320
+
321
+ mouseup: function(e) {
322
+ if (jQuery.tableDnD.currentTable && jQuery.tableDnD.dragObject) {
323
+ var droppedRow = jQuery.tableDnD.dragObject;
324
+ var config = jQuery.tableDnD.currentTable.tableDnDConfig;
325
+ // If we have a dragObject, then we need to release it,
326
+ // The row will already have been moved to the right place so we just reset stuff
327
+ if (config.onDragClass) {
328
+ jQuery(droppedRow).removeClass(config.onDragClass);
329
+ } else {
330
+ jQuery(droppedRow).css(config.onDropStyle);
331
+ }
332
+ jQuery.tableDnD.dragObject = null;
333
+ if (config.onDrop) {
334
+ // Call the onDrop method if there is one
335
+ config.onDrop(jQuery.tableDnD.currentTable, droppedRow);
336
+ }
337
+ jQuery.tableDnD.currentTable = null; // let go of the table too
338
+ }
339
+ },
340
+
341
+ serialize: function() {
342
+ if (jQuery.tableDnD.currentTable) {
343
+ return jQuery.tableDnD.serializeTable(jQuery.tableDnD.currentTable);
344
+ } else {
345
+ return "Error: No Table id set, you need to set an id on your table and every row";
346
+ }
347
+ },
348
+
349
+ serializeTable: function(table) {
350
+ var result = "";
351
+ var tableId = table.id;
352
+ var rows = table.rows;
353
+ for (var i=0; i<rows.length; i++) {
354
+ if (result.length > 0) result += "&";
355
+ var rowId = rows[i].id;
356
+ if (rowId && rowId && table.tableDnDConfig && table.tableDnDConfig.serializeRegexp) {
357
+ rowId = rowId.match(table.tableDnDConfig.serializeRegexp)[0];
358
+ }
359
+
360
+ result += tableId + '[]=' + rowId;
361
+ }
362
+ return result;
363
+ },
364
+
365
+ serializeTables: function() {
366
+ var result = "";
367
+ this.each(function() {
368
+ // this is now bound to each matching table
369
+ result += jQuery.tableDnD.serializeTable(this);
370
+ });
371
+ return result;
372
+ }
373
+
374
+ }
375
+
376
+ jQuery.fn.extend(
377
+ {
378
+ tableDnD : jQuery.tableDnD.build,
379
+ tableDnDUpdate : jQuery.tableDnD.updateTables,
380
+ tableDnDSerialize: jQuery.tableDnD.serializeTables
381
+ }
382
+ );
js/scripts.js CHANGED
@@ -1,131 +1,7 @@
1
-
2
  jQuery(document).ready(function($)
3
  {
4
 
5
-
6
-
7
-
8
- $(document).on('keyup', '#accordions_metabox .section-panel input', function()
9
- {
10
- var text = $(this).val();
11
-
12
- if(text == '')
13
- {
14
- $(this).parent().parent().children('.section-header').children('.accordions-title-preview').html('start typing');
15
- }
16
- else
17
- {
18
- $(this).parent().parent().children('.section-header').children('.accordions-title-preview').html(text);
19
- }
20
-
21
-
22
-
23
- })
24
-
25
-
26
-
27
-
28
-
29
-
30
- $(document).on('click', '#accordions_metabox .section-header', function()
31
- {
32
- if($(this).parent().hasClass('active'))
33
- {
34
- $(this).parent().removeClass('active');
35
- }
36
- else
37
- {
38
- $(this).parent().addClass('active');
39
- }
40
-
41
-
42
- })
43
-
44
-
45
-
46
-
47
-
48
- $(document).on('click', '.tab-nav li', function()
49
- {
50
- $(".active").removeClass("active");
51
- $(this).addClass("active");
52
-
53
- var nav = $(this).attr("nav");
54
-
55
- $(".box li.tab-box").css("display","none");
56
- $(".box"+nav).css("display","block");
57
-
58
- })
59
-
60
-
61
-
62
-
63
- $(document).on('click', '.accordions_content_source', function()
64
- {
65
- var source = $(this).val();
66
- var source_id = $(this).attr("id");
67
-
68
- $(".content-source-box.active").removeClass("active");
69
- $(".content-source-box."+source_id).addClass("active");
70
-
71
- })
72
-
73
-
74
-
75
-
76
- $(document).on('click', '.accordions-content-buttons .add-accordions', function()
77
- {
78
-
79
- var row = $(".accordions-content tr:last-child").attr("index");
80
-
81
-
82
- if($.isNumeric(row))
83
- {
84
- var row = parseInt(row)+1;
85
-
86
- }
87
-
88
- else
89
- {
90
- var row = 0;
91
- }
92
-
93
-
94
- $(".accordions-content").append('<tr index="'+row+'" valign="top"><td class="section-dragHandle">*</td><td class="tab-new" style="vertical-align:middle;"><br/><input width="100%" placeholder="accordions Header" type="text" name="accordions_content_title['+row+']" value="" /><br /><br /><textarea placeholder="accordions Content" name="accordions_content_body['+row+']" ></textarea></td></tr>');
95
-
96
-
97
-
98
- setTimeout(function(){
99
-
100
- $(".accordions-content tr:last-child td").removeClass("tab-new");
101
-
102
- }, 300);
103
-
104
-
105
-
106
- })
107
-
108
-
109
-
110
- $(document).on('click', '#accordions_metabox .removeaccordions', function()
111
- {
112
-
113
- if (confirm('Do you really want to delete this accordion ?')) {
114
-
115
- $(this).parent().parent().parent().remove();
116
- }
117
-
118
-
119
-
120
- })
121
-
122
 
123
 
124
- });
125
-
126
-
127
-
128
-
129
-
130
-
131
-
 
1
  jQuery(document).ready(function($)
2
  {
3
 
4
+ //Scripts goes here
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5
 
6
 
7
+ });
 
 
 
 
 
 
 
readme.txt CHANGED
@@ -4,7 +4,7 @@
4
  Tags: accordion, accordions, Responsive accordions, accordions plugin, jQuery accordions, accordions short-code, accordions Widget, accordions plugin wordpress, accordions plugin jquery
5
  Requires at least: 3.8
6
  Tested up to: 4.2.4
7
- Stable tag: 1.5
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -31,6 +31,8 @@ Accordions is pure HTML & CSS3 responsive accordion grid for WordPress. By this
31
  * Unlimited accordions anywhere.
32
  * Use via short-code.
33
  * Different Theme.
 
 
34
  * Easy input field for accordions content.
35
  * Background Image for accordions area.
36
  * Custom Active accordions background color.
@@ -47,12 +49,15 @@ Accordions is pure HTML & CSS3 responsive accordion grid for WordPress. By this
47
  * Themes(4 Different Themes).
48
  * Icon Position(Left or Right).
49
  * Custom Icons(Add your own icons).
50
- * Accordion Sorting.
51
- * WP Editor for Accordion Content.
52
- * Multilevel accordion.
53
  * Hide any accordion without deleting.
54
  * Click Header to scroll top.
55
  * Default active accordion.
 
 
 
 
 
56
 
57
 
58
 
@@ -97,6 +102,11 @@ then paste this shortcode anywhere in your page to display accordions<br />
97
  == Changelog ==
98
 
99
 
 
 
 
 
 
100
  = 1.5 =
101
  * 09/06/2015 - fix - fix issue for content formating and added wpautop().
102
 
4
  Tags: accordion, accordions, Responsive accordions, accordions plugin, jQuery accordions, accordions short-code, accordions Widget, accordions plugin wordpress, accordions plugin jquery
5
  Requires at least: 3.8
6
  Tested up to: 4.2.4
7
+ Stable tag: 1.6
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
31
  * Unlimited accordions anywhere.
32
  * Use via short-code.
33
  * Different Theme.
34
+ * Accordion section sorting.
35
+ * WP Editor for Accordion Content.
36
  * Easy input field for accordions content.
37
  * Background Image for accordions area.
38
  * Custom Active accordions background color.
49
  * Themes(4 Different Themes).
50
  * Icon Position(Left or Right).
51
  * Custom Icons(Add your own icons).
52
+ * Multilevel or child accordion.
 
 
53
  * Hide any accordion without deleting.
54
  * Click Header to scroll top.
55
  * Default active accordion.
56
+ * Collapsible section.
57
+ * Filter Hook for Accordion Header & Content.
58
+ * Open/Active accordion by url, (ex: yourdomain.com/accordion-page/?id=2)
59
+ * Addon Support for Creating Themes.
60
+ * Any Short-Codes inside accordion content.
61
 
62
 
63
 
102
  == Changelog ==
103
 
104
 
105
+ = 1.6 =
106
+ * 14/08/2015 - add - re-coding & made by OOP.
107
+ * 14/08/2015 - add - Hide any section of accordion.
108
+ * 14/08/2015 - add - Custom CSS box.
109
+
110
  = 1.5 =
111
  * 09/06/2015 - fix - fix issue for content formating and added wpautop().
112
 
templates/content.php ADDED
@@ -0,0 +1,16 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ /*
4
+ * @Author ParaTheme
5
+ * @Folder accordions/templates
6
+ * @version 2.0.3
7
+
8
+ * Copyright: 2015 ParaTheme
9
+ */
10
+
11
+ if ( ! defined('ABSPATH')) exit; // if direct access
12
+
13
+ $accordions_content = apply_filters( 'accordions_filter_content', $accordions_content_body[$index] );
14
+
15
+ $html.= '<div style="font-size:'.$accordions_items_content_font_size.';color:'.$accordions_items_content_color.'" class="accordion-content">'.wpautop(do_shortcode($accordions_content));
16
+ $html.= '</div>'; //accordion-content
templates/header.php ADDED
@@ -0,0 +1,20 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ /*
4
+ * @Author ParaTheme
5
+ * @Folder accordions/templates
6
+ * @version 2.0.3
7
+
8
+ * Copyright: 2015 ParaTheme
9
+ */
10
+
11
+ if ( ! defined('ABSPATH')) exit; // if direct access
12
+
13
+ $accordions_title = apply_filters( 'accordions_filter_title', $accordions_title );
14
+
15
+ $html.= '<div class="accordions-head">'.$accordions_title;
16
+
17
+ $html.= '<i class="accordion-icons accordion-plus '.$accordions_icons.'"></i>';
18
+ $html.= '<i class="accordion-icons accordion-minus '.$accordions_icons.'"></i>';
19
+
20
+ $html.= '</div>'; //accordions-head
templates/scripts.php ADDED
@@ -0,0 +1,39 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ /*
4
+ * @Author ParaTheme
5
+ * Copyright: 2015 ParaTheme
6
+ */
7
+
8
+ if ( ! defined('ABSPATH')) exit; // if direct access
9
+
10
+
11
+
12
+
13
+ $accordions_class = 'accordions';
14
+
15
+ $html.= '<script>
16
+ jQuery(document).ready(function($)
17
+ {
18
+
19
+ $("#accordions-'.$post_id.'.accordions").accordion({
20
+ heightStyle: "content",
21
+ animated: "swing",
22
+ active: "",';
23
+
24
+ $html.= 'changestart: function(event, ui) {
25
+ child.accordion("activate", false);
26
+ }
27
+ });
28
+
29
+ var child = $(".child-accordion").accordion({
30
+ active:true,';
31
+
32
+ $html.= 'heightStyle: "content",
33
+ collapsible: true,
34
+ animated: "swing",
35
+
36
+ });
37
+ })
38
+
39
+ </script>';
templates/variables.php ADDED
@@ -0,0 +1,36 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ /*
4
+ * @Author ParaTheme
5
+ * @Folder accordions/templates
6
+ * @version 2.0.3
7
+
8
+ * Copyright: 2015 ParaTheme
9
+ */
10
+
11
+ if ( ! defined('ABSPATH')) exit; // if direct access
12
+
13
+
14
+
15
+ $accordions_themes = get_post_meta( $post_id, 'accordions_themes', true );
16
+ $accordions_bg_img = get_post_meta( $post_id, 'accordions_bg_img', true );
17
+ $accordions_icons = get_post_meta( $post_id, 'accordions_icons', true );
18
+ $accordions_icons_minus = get_post_meta( $post_id, 'accordions_icons_minus', true );
19
+
20
+ $accordions_default_bg_color = get_post_meta( $post_id, 'accordions_default_bg_color', true );
21
+ $accordions_active_bg_color = get_post_meta( $post_id, 'accordions_active_bg_color', true );
22
+
23
+ $accordions_items_title_color = get_post_meta( $post_id, 'accordions_items_title_color', true );
24
+ $accordions_items_title_font_size = get_post_meta( $post_id, 'accordions_items_title_font_size', true );
25
+
26
+ $accordions_items_content_color = get_post_meta( $post_id, 'accordions_items_content_color', true );
27
+ $accordions_items_content_font_size = get_post_meta( $post_id, 'accordions_items_content_font_size', true );
28
+
29
+ $accordions_ribbon_name = get_post_meta( $post_id, 'accordions_ribbon_name', true );
30
+
31
+ $accordions_content_title = get_post_meta( $post_id, 'accordions_content_title', true );
32
+ $accordions_content_body = get_post_meta( $post_id, 'accordions_content_body', true );
33
+
34
+ $accordions_hide = get_post_meta( $post_id, 'accordions_hide', true );
35
+ $accordions_custom_css = get_post_meta( $post_id, 'accordions_custom_css', true );
36
+
themes/flat/images/star.png DELETED
Binary file
themes/flat/index.php CHANGED
@@ -1,81 +1,80 @@
1
  <?php
2
 
3
- function accordions_themes_flat($post_id)
4
- {
5
-
 
 
 
6
 
7
- $accordions_themes = get_post_meta( $post_id, 'accordions_themes', true );
8
- $accordions_bg_img = get_post_meta( $post_id, 'accordions_bg_img', true );
9
- $accordions_icons = get_post_meta( $post_id, 'accordions_icons', true );
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
10
 
11
 
 
12
 
13
- $accordions_default_bg_color = get_post_meta( $post_id, 'accordions_default_bg_color', true );
14
- $accordions_active_bg_color = get_post_meta( $post_id, 'accordions_active_bg_color', true );
15
-
16
- $accordions_items_title_color = get_post_meta( $post_id, 'accordions_items_title_color', true );
17
- $accordions_items_title_font_size = get_post_meta( $post_id, 'accordions_items_title_font_size', true );
18
 
19
- $accordions_items_content_color = get_post_meta( $post_id, 'accordions_items_content_color', true );
20
- $accordions_items_content_font_size = get_post_meta( $post_id, 'accordions_items_content_font_size', true );
21
 
22
-
23
- $accordions_items_thumb_size = get_post_meta( $post_id, 'accordions_items_thumb_size', true );
24
- $accordions_items_thumb_max_hieght = get_post_meta( $post_id, 'accordions_items_thumb_max_hieght', true );
25
-
26
- $accordions_ribbon_name = get_post_meta( $post_id, 'accordions_ribbon_name', true );
27
-
28
- $accordions_content_title = get_post_meta( $post_id, 'accordions_content_title', true );
29
- $accordions_content_body = get_post_meta( $post_id, 'accordions_content_body', true );
30
-
31
-
32
- $accordions_body = '';
33
- $accordions_body = '<style type="text/css"></style>';
34
-
35
-
36
-
37
- $accordions_body .= '
38
- <div id="accordions-'.$post_id.'" class="accordions-container accordions-'.$accordions_themes.'" style="background-image:url('.$accordions_bg_img.')">';
39
-
40
-
41
 
42
- $accordions_body.= '<ul class="responsive-accordion responsive-accordion-default">';
43
-
44
-
45
-
46
- foreach ($accordions_content_title as $index => $accordions_title)
47
- {
48
- $accordions_body.= '<li>';
49
- $accordions_body.= '<div class="responsive-accordion-head">'.$accordions_title.'<i class="responsive-accordion-icons responsive-accordion-plus '.$accordions_icons.'"></i><i class="responsive-accordion-icons responsive-accordion-minus '.$accordions_icons.'"></i></div>';
50
- $accordions_body.= '<div style="font-size:'.$accordions_items_content_font_size.';color:'.$accordions_items_content_color.'" class="responsive-accordion-panel">'.wpautop($accordions_content_body[$index]);
51
 
52
- $accordions_body.= '</div>';
53
- $accordions_body.= '</li>';
54
- }
55
-
56
-
57
- $accordions_body.= '</ul>';
58
 
59
- $accordions_body .= '</div>';
60
-
61
-
62
- $accordions_body .= '<style type="text/css">
63
-
64
- #accordions-'.$post_id.' .responsive-accordion-head{
65
- color:'.$accordions_items_title_color.';
66
- font-size:'.$accordions_items_title_font_size.';
67
- background:'.$accordions_default_bg_color.';
68
- border-bottom: 1px solid'.accordions_paratheme_dark_color($accordions_default_bg_color).';
69
- }
70
-
71
- #accordions-'.$post_id.' .responsive-accordion-head.active{
72
- background: '.$accordions_active_bg_color.';
73
 
 
 
 
 
74
  }
 
 
 
 
 
 
75
 
76
 
77
- </style>';
 
 
 
 
 
 
 
 
 
 
78
 
79
- return $accordions_body;
80
-
81
- }
1
  <?php
2
 
3
+ /*
4
+ * @Author ParaTheme
5
+ * Copyright: 2015 ParaTheme
6
+ */
7
+
8
+ if ( ! defined('ABSPATH')) exit; // if direct access
9
 
10
+ include accordions_plugin_dir.'/templates/variables.php';
11
+ include accordions_plugin_dir.'/templates/scripts.php';
12
+
13
+ $html.= '<div id="accordions-'.$post_id.'" class="'.$accordions_class.' '.$accordions_themes.'">';
14
+
15
+
16
+
17
+ foreach ($accordions_content_title as $index => $accordions_title)
18
+ {
19
+
20
+ if(empty($accordions_hide[$index]))
21
+ {
22
+ include accordions_plugin_dir.'/templates/header.php';
23
+
24
+ include accordions_plugin_dir.'/templates/content.php';
25
+
26
+
27
+ }
28
+
29
 
30
 
31
+ }
32
 
33
+
34
+ $html.= '</div>';
 
 
 
35
 
 
 
36
 
37
+
38
+
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
39
 
 
 
 
 
 
 
 
 
 
40
 
 
 
 
 
 
 
41
 
42
+ $html .= '<style type="text/css">
43
+
44
+ #accordions-'.$post_id.' .accordions-head{
45
+ color:'.$accordions_items_title_color.';
46
+ font-size:'.$accordions_items_title_font_size.';
47
+ background:'.$accordions_default_bg_color.';
48
+ }
49
+
50
+ #accordions-'.$post_id.' .ui-accordion-header-active{
51
+ background: '.$accordions_active_bg_color.';
52
+
53
+ }';
54
+
 
55
 
56
+
57
+ $html .= '#accordions-'.$post_id.' .accordions-head .accordion-icons{
58
+ left: 10px;
59
+
60
  }
61
+ #accordions-'.$post_id.' .child-accordion .accordions-head .accordion-icons{
62
+ left: 10px;
63
+
64
+ }
65
+ ';
66
+
67
 
68
 
69
+
70
+ $html .= '</style>';
71
+
72
+
73
+
74
+
75
+ if(!empty($accordions_custom_css))
76
+ {
77
+ $html .= '<style type="text/css">'.$accordions_custom_css.'</style>
78
+ ';
79
+ }
80
 
 
 
 
themes/flat/style.css CHANGED
@@ -1,51 +1,73 @@
1
  @charset "utf-8";
2
  /* CSS Document */
3
 
 
4
 
5
-
6
-
7
-
8
-
9
- .accordions-flat {
10
- margin: 0 !important;
11
  }
12
 
13
- .accordions-flat ul.responsive-accordion{}
14
-
15
 
16
- .accordions-flat ul.responsive-accordion li{}
17
 
18
 
19
- .accordions-flat ul.responsive-accordion li .responsive-accordion-head {
20
- background: none repeat scroll 0 0 rgb(47, 182, 116);
21
- border-bottom: 1px solid rgb(54, 228, 143);
 
 
 
 
 
 
 
 
 
 
22
  }
23
 
24
-
25
-
26
- .accordions-flat ul.responsive-accordion li .responsive-accordion-panel{}
27
-
28
-
29
-
30
-
31
-
32
-
33
-
34
-
35
 
36
 
37
 
38
 
 
 
 
39
 
 
 
 
40
 
 
 
 
 
 
 
41
 
42
 
43
 
44
 
45
 
46
 
 
 
 
47
 
 
 
 
 
48
 
 
 
 
 
 
 
 
 
 
49
 
50
 
51
 
1
  @charset "utf-8";
2
  /* CSS Document */
3
 
4
+ .accordions.flat {
5
 
 
 
 
 
 
 
6
  }
7
 
 
 
8
 
 
9
 
10
 
11
+ .accordions.flat .accordions-head {
12
+ background: none repeat scroll 0 0 rgb(1, 206, 106);
13
+ border-color: -moz-use-text-color -moz-use-text-color rgb(0, 103, 53);
14
+ border-radius: 0;
15
+ border-style: none none solid;
16
+ border-width: medium medium 1px;
17
+ color: rgb(255, 255, 255);
18
+ font-size: 14px;
19
+ margin: 0;
20
+ padding: 10px 30px;
21
+ }
22
+ .accordions.flat .accordions-head:hover {
23
+
24
  }
25
 
26
+ .accordions.flat .ui-accordion-header-active {
27
+ font-weight: bold;
28
+ }
 
 
 
 
 
 
 
 
29
 
30
 
31
 
32
 
33
+ .accordions.flat .ui-accordion-header-active .accordion-plus{
34
+ display:none !important;
35
+ }
36
 
37
+ .accordions.flat .ui-accordion-header-active .accordion-minus{
38
+ display:block !important;
39
+ }
40
 
41
+ .accordions.flat .ui-accordion-header .accordion-plus{
42
+ display:block;
43
+ }
44
+ .accordions.flat .ui-accordion-header .accordion-minus{
45
+ display:none;
46
+ }
47
 
48
 
49
 
50
 
51
 
52
 
53
+ .accordions.flat .accordions-head .ui-accordion-header-icon {
54
+ display:none;
55
+ }
56
 
57
+ .accordions.flat .accordions-head .accordion-icons {
58
+ position: absolute;
59
+ top: 12px;
60
+ }
61
 
62
+ .accordions.flat .accordion-content {
63
+ border-bottom: 1px solid rgb(153, 153, 153) !important;
64
+ border-left: 1px solid rgb(153, 153, 153) !important;
65
+ border-radius: 0;
66
+ border-right: 1px solid rgb(153, 153, 153);
67
+ border-top: 0 none;
68
+ margin: 0;
69
+ padding: 15px;
70
+ }
71
 
72
 
73