AccessPress Instagram Feed - Version 1.0.0

Version Description

  • Plugin submitted to http://wordpress.org for review and approval
  • Plugin approved in http://wordpress.org and comitted in plugin repository

=

Download this release

Release Info

Developer Access Keys
Plugin Icon 128x128 AccessPress Instagram Feed
Version 1.0.0
Comparing to
See all releases

Version 1.0.0

accesspress-instagram-feed.php ADDED
@@ -0,0 +1,173 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ defined( 'ABSPATH' ) or die( "No script kiddies please!" );
3
+ /*
4
+ Plugin name: AccessPress Instagram Feed
5
+ Plugin URI: https://accesspressthemes.com/wordpress-plugins/accesspress-instagram-feed/
6
+ Description: A plugin to add various instagram widgets with dynamic configuration options.
7
+ Version: 1.0.0
8
+ Author: AccessPress Themes
9
+ Author URI: http://accesspressthemes.com
10
+ Text Domain:if-feed
11
+ Domain Path: /languages/
12
+ License: GPLv2 or later
13
+ */
14
+
15
+ //Decleration of the necessary constants for plugin
16
+ if(!defined ( 'APIF_VERSION' ) ){
17
+ define ( 'APIF_VERSION', '1.0.0' );
18
+ }
19
+
20
+ if( !defined( 'APIF_IMAGE_DIR' ) ){
21
+ define( 'APIF_IMAGE_DIR', plugin_dir_url( __FILE__ ) .'images' );
22
+ }
23
+
24
+ if( !defined( 'APIF_JS_DIR' ) ){
25
+ define ( 'APIF_JS_DIR', plugin_dir_url( __FILE__ ) . 'js' );
26
+ }
27
+
28
+ if( !defined( 'APIF_CSS_DIR' ) ){
29
+ define ( 'APIF_CSS_DIR', plugin_dir_url( __FILE__ ) . 'css' );
30
+ }
31
+
32
+ if( !defined( 'APIF_LANG_DIR' ) ){
33
+ define ( 'APIF_LANG_DIR', basename( dirname( __FILE__ ) ). '/languages/' );
34
+ }
35
+
36
+ if(!defined('APIF_TEXT_DOMAIN')){
37
+ define( 'APIF_TEXT_DOMAIN', 'if-instagram-feed' );
38
+ }
39
+
40
+ //Include admin
41
+
42
+ /**
43
+ * Register of widgets
44
+ **/
45
+ include_once('inc/backend/widget.php');
46
+
47
+ if (!class_exists('IF_Class')) {
48
+
49
+ class IF_Class {
50
+
51
+ var $apif_settings;
52
+
53
+ /**
54
+ * Initializes the plugin functions
55
+ */
56
+ function __construct() {
57
+ $this->apif_settings = get_option('apif_settings');
58
+ register_activation_hook(__FILE__, array($this, 'load_default_settings')); //loads default settings for the plugin while activating the plugin
59
+ add_action('init', array($this, 'plugin_text_domain')); //loads text domain for translation ready
60
+ add_action('init', array($this, 'session_init')); //starts the session
61
+ add_action('admin_menu', array($this, 'add_if_menu')); //adds plugin menu in wp-admin
62
+ add_action('admin_enqueue_scripts', array($this, 'register_admin_assets')); //registers admin assests such as js and css
63
+ add_action('wp_enqueue_scripts', array($this, 'register_frontend_assets')); //registers js and css for frontend
64
+ add_action('admin_post_apif_settings_action', array($this, 'apif_settings_action')); //recieves the posted values from settings form
65
+ add_action('admin_post_apif_restore_default', array($this, 'apif_restore_default')); //restores default settings;
66
+ add_action('init', array($this, 'apif_shortcode')); //adds a shortcode
67
+ add_action('widgets_init', array($this, 'register_apif_widget')); //registers the widget
68
+ }
69
+
70
+ /**
71
+ * Plugin Translation
72
+ */
73
+ function plugin_text_domain() {
74
+ load_plugin_textdomain('api-feed', false, basename(dirname(__FILE__)) . '/languages/');
75
+ }
76
+
77
+ /**
78
+ * Load Default Settings
79
+ * */
80
+ function load_default_settings() {
81
+ if (!get_option('apif_settings')) {
82
+ $apif_settings = $this->get_default_settings();
83
+ update_option('apif_settings', $apif_settings);
84
+ }
85
+ }
86
+
87
+ /**
88
+ * Plugin Admin Menu
89
+ */
90
+ function add_if_menu() {
91
+ add_menu_page(__('AccessPress Instagram Feed', 'if-feed'), __('AccessPress Instagram Feed', 'if-feed'), 'manage_options', 'if-instagram-feed', array($this, 'main_page'), APIF_IMAGE_DIR.'/sc-icon.png');
92
+ }
93
+
94
+ //plugins backend admin page
95
+ function main_page() {
96
+ include( 'inc/backend/main-page.php' );
97
+ }
98
+
99
+ /**
100
+ * Starts the session
101
+ */
102
+ function session_init() {
103
+ if (!session_id()) {
104
+ session_start();
105
+ }
106
+ }
107
+
108
+ /**
109
+ * Adds Shortcode
110
+ */
111
+ function apif_shortcode() {
112
+ include('inc/frontend/shortcode.php');
113
+ }
114
+
115
+ /**
116
+ * Returns Default Settings
117
+ */
118
+ function get_default_settings() {
119
+ $apif_settings = array(
120
+ 'username' => '',
121
+ 'access_token' => '',
122
+ 'user_id'=>'',
123
+ 'instagram_mosaic' => 'mosaic'
124
+ );
125
+ return $apif_settings;
126
+ }
127
+
128
+
129
+ /**
130
+ * Saves settings to database
131
+ */
132
+ function apif_settings_action() {
133
+ if (!empty($_POST) && wp_verify_nonce($_POST['apif_settings_nonce'], 'apif_settings_action')) {
134
+
135
+ include('inc/backend/save-settings.php');
136
+ }
137
+ }
138
+
139
+
140
+ /**
141
+ * Registering of backend js and css
142
+ */
143
+ function register_admin_assets() {
144
+ if (isset($_GET['page']) && $_GET['page'] == 'if-instagram-feed') {
145
+ wp_enqueue_style('sc-admin-css', APIF_CSS_DIR . '/backend.css', array(), APIF_VERSION);
146
+ wp_enqueue_script('sc-admin-js', APIF_JS_DIR . '/backend.js', array('jquery', 'jquery-ui-sortable'), APIF_VERSION);
147
+ }
148
+ }
149
+
150
+ /**
151
+ * Registers Frontend Assets
152
+ * */
153
+ function register_frontend_assets() {
154
+ wp_enqueue_style('lightbox', APIF_CSS_DIR . '/lightbox.css', array(), APIF_VERSION);
155
+ wp_enqueue_style('owl-theme', APIF_CSS_DIR . '/owl.theme.css', array(), APIF_VERSION);
156
+ wp_enqueue_style('owl-carousel', APIF_CSS_DIR . '/owl.carousel.css', array(), APIF_VERSION);
157
+ wp_enqueue_style('apif-frontend-css', APIF_CSS_DIR . '/frontend.css', array(), APIF_VERSION);
158
+
159
+ wp_enqueue_script('lightbox-js', APIF_JS_DIR. '/lightbox.js', array('jquery'), '2.8.1',true);
160
+ wp_enqueue_script('apif-isotope-pkgd-min-js', APIF_JS_DIR. '/isotope.pkgd.min.js', array('jquery'), '2.2.0', true );
161
+ wp_enqueue_script('owl-carousel-js', APIF_JS_DIR. '/owl.carousel.js', array('jquery'));
162
+ wp_enqueue_script('apif-frontend-js', APIF_JS_DIR. '/frontend.js', array('jquery') ,'1.0'); }
163
+
164
+ /**
165
+ * AccessPress Instagram Feed Widget
166
+ */
167
+ function register_apif_widget() {
168
+ register_widget('APIF_Widget');
169
+ }
170
+ }
171
+
172
+ $sc_object = new IF_Class(); //initialization of plugin
173
+ }
css/backend.css ADDED
@@ -0,0 +1,764 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ .apsc-add-set-wrapper {
2
+ /*float:left;*/
3
+ }
4
+ .apsc-add-set-wrapper.clearfix:before,
5
+ .apsc-add-set-wrapper.clearfix:after{
6
+ content:"";
7
+ display:table;
8
+ }
9
+ .apsc-add-set-wrapper.clearfix:after{
10
+ clear:both;
11
+ }
12
+
13
+ .apsp-sub-title {
14
+ background: none repeat scroll 0 0 #eeeeee;
15
+ color: #333333;
16
+ line-height: 34px;
17
+ padding: 0 5px;
18
+ font-size: 15px;
19
+ font-weight: bold;
20
+ }
21
+ .apsc-settings-wrapper {
22
+
23
+ }
24
+ .apsc-settings-tabs > li {
25
+ border: 1px solid #cccccc;
26
+ border-radius: 5px 5px 0 0;
27
+ display: inline-block;
28
+ margin: 2px 0 -1px 2px;
29
+ padding: 5px 0;
30
+ text-align: center;
31
+ }
32
+ .apsc-settings-tabs > li:first-child {
33
+ margin-left: 0px;
34
+ }
35
+ .apsc-settings-tabs > li:hover,
36
+ .apsc-tabs-trigger.apsc-active-tab {
37
+ background: none repeat scroll 0 0 #fff;
38
+ border-bottom: 1px solid #fff;
39
+ border-radius: 4px 4px 0 0;
40
+ }
41
+
42
+ .apsc-settings-tabs {
43
+ border-bottom: 1px solid #ccc;
44
+ display: block;
45
+ margin-bottom: 0;
46
+ position: relative;
47
+ z-index: 5;
48
+ }
49
+ .apsc-tabs-trigger {
50
+ background: none repeat scroll 0 0 #e4e4e4;
51
+ color: #555;
52
+ font-size: 15px;
53
+ font-weight: 700;
54
+ line-height: 24px;
55
+ padding: 6px 10px;
56
+ text-decoration: none;
57
+ }
58
+ .apsc-tabs-trigger:hover {
59
+ color: #000000;
60
+ }
61
+ .apsc-option-field {
62
+ font-size: 14px;
63
+ font-weight: bold;
64
+ line-height: 1.6;
65
+ padding: 5px 0;
66
+ vertical-align: top;
67
+ }
68
+
69
+ .apsc-option-field,
70
+ .apsc-fields-configurations {
71
+ display: inline-block;
72
+ width: calc(100% - 205px);
73
+ }
74
+ .apsc-each-config-wrapper {
75
+ vertical-align: top;
76
+ margin-bottom: 20px;
77
+ }
78
+ .apsc-fields-label{
79
+ display: inline-block;
80
+ vertical-align: top;
81
+ }
82
+ .apsc-option-inner-wrapper label {
83
+ display: inline-block;
84
+ font-size: 14px;
85
+ font-weight: bold;
86
+ line-height: 1.6;
87
+ padding: 5px 0;
88
+ vertical-align: top;
89
+ width: 200px;
90
+ }
91
+ .apsc-option-field > input[type="text"],
92
+ .apsc-option-wrapper input[type="text"],
93
+ .apsc-option-wrapper input[type="number"] {
94
+ display: block;
95
+ height: 32px;
96
+ width: 320px;
97
+ }
98
+ .apsc-option-wrapper {
99
+ margin-bottom: 20px;
100
+ }
101
+
102
+ .apsc-option-inner-wrapper {
103
+ padding-bottom: 10px;
104
+ }
105
+
106
+ .apsc-option-outer-wrapper {
107
+ border-bottom: 0px solid #ddd;
108
+ padding-bottom: 10px;
109
+ margin-bottom: 10px;
110
+ }
111
+ .apsc-option-outer-wrapper h4{
112
+ font-size: 23px;
113
+ font-weight: 400;
114
+ line-height: 29px;
115
+ padding: 9px 15px 9px 0;
116
+ margin: 0;
117
+ }
118
+
119
+ .apsc-option-field select,
120
+ .apsc-pro-labels-content select{
121
+ display: block;
122
+ height: 32px;
123
+ vertical-align: top;
124
+ width: 320px;
125
+ max-width: 320px !important;
126
+ }
127
+ .apsc-option-note {
128
+ color: #666666;
129
+ display: inline-block;
130
+ font-style: italic;
131
+ line-height: 1.6;
132
+ margin-left: 2px;
133
+ padding-top: 10px;
134
+ }
135
+ .apsc-option-note.apsc-option-width,
136
+ .apsc-pro-notes {
137
+ color: #909090;
138
+ display: block;
139
+ font-style: italic;
140
+ font-size: 12px;
141
+ font-weight: normal;
142
+ line-height: 1.4;
143
+ margin-top:8px;
144
+ }
145
+ .apsc-checkbox-form {
146
+ display: inline-block;
147
+ margin-right: 2px;
148
+ }
149
+
150
+ .apsc-settings-wrapper .updated {
151
+ border-radius: 5px;
152
+ margin-left: 0;
153
+ }
154
+ .apsc-taxonomy-required,
155
+ .apsc-taxonomy-includes {
156
+ display: block;
157
+ margin-top: 5px;
158
+ }
159
+
160
+ .apsc-settings-wrapper #message > p {
161
+ font-size: 16px;
162
+ line-height: 20px;
163
+ }
164
+ .apsc-taxonomy-includes {
165
+ display: block;
166
+ margin-top: 10px;
167
+ }
168
+ .apsc-taxonomy-includes > span {
169
+ margin-right: 22px;
170
+ }
171
+ .apsc-taxonomy-includes > span {
172
+ margin-right: 12px;
173
+ }
174
+
175
+ .apsc-option-note.apsc-options-widths {
176
+ display: block;
177
+ margin-left: 206px;
178
+ margin-top: 8px;
179
+ }
180
+
181
+ .apsc-settings-submit {
182
+ display: block;
183
+ margin-top: 20px;
184
+ }
185
+ .apsc-settings-submit > input {
186
+ background: none repeat scroll 0 0 #0074a2;
187
+ border: medium none;
188
+ border-radius: 4px;
189
+ color: #ffffff;
190
+ cursor: pointer;
191
+ font-size: 14px;
192
+ height: 32px;
193
+ margin-left: 207px;
194
+ padding: 0 20px;
195
+ }
196
+ .apsc-settings-submit > input:hover {
197
+ opacity: 0.8;
198
+ }
199
+ .apsc-check-login {
200
+ margin-top: 0 !important;
201
+ }
202
+ .apsc-form-config > h2,
203
+ .apsc-tabs-board > h2 {
204
+ font-weight: bold;
205
+ }
206
+ .apsc-form-labels > h2 {
207
+ font-size: 18px;
208
+ font-weight: bold;
209
+ }
210
+ .apsc-settings-header {
211
+ background: #40A7CE;
212
+ border-bottom: 5px solid #20627B;
213
+ border-radius: 15px 15px 0 0;
214
+ color: #fff;
215
+ height: 65px;
216
+ margin-bottom: 20px;
217
+ position: relative;
218
+ }
219
+
220
+ .apsc-logo {
221
+ float: left;
222
+ padding: 15px 0 0 20px;
223
+ width: auto;
224
+ }
225
+ .apsc-socials {
226
+ left: 50%;
227
+ margin-left: -100px;
228
+ position: absolute;
229
+ text-align: center;
230
+ top: 5px;
231
+ width: 200px;
232
+ }
233
+ .apsc-socials p{
234
+ margin: 5px 0;
235
+ }
236
+ .apsc-settings-header .apsc-title {
237
+ color: #fff;
238
+ float: right;
239
+ font-size: 20px;
240
+ line-height: 65px;
241
+ padding: 0 20px 0 0;
242
+ }
243
+
244
+ #optionsframework {
245
+ background: none repeat scroll 0 0 #fff;
246
+ /*max-width: 980px;*/
247
+ width: 100%;
248
+ display: inline-block;
249
+ }
250
+ .apsc-tab-wrapper{
251
+ padding: 15px;
252
+ }
253
+ #optionsframework-submit {
254
+ background-color: #f1f1f1;
255
+ border-top: 1px solid #ddd;
256
+ padding: 7px 10px;
257
+ }
258
+ #optionsframework h2 {
259
+ background-color: #f1f1f1;
260
+ border-bottom: 1px solid #ddd;
261
+ cursor: default;
262
+ font-size: 14px;
263
+ line-height: 1.4;
264
+ margin: 0;
265
+ padding: 8px 12px;
266
+ }
267
+ .apsc-admin-email-list{
268
+ padding-top: 10px;
269
+ }
270
+ .apsc-option-checkbox-field {
271
+ line-height: 33px;
272
+ }
273
+ .apsc-each-admin-email{
274
+ display: inline-block;
275
+ margin-bottom: 10px;
276
+ }
277
+ .apsc-each-admin-email input[type="text"]{
278
+ display: inline-block;
279
+ width: 150px;
280
+ }
281
+ .apsc-remove-email-btn,.apsc-remove-option-value{
282
+ background: #333;
283
+ padding: 6px 10px;
284
+ border-radius: 50%;
285
+ color: #FFF;
286
+ cursor: pointer;
287
+ text-transform: lowercase;
288
+ font-family: Arial;
289
+ margin-left: 3px;
290
+ margin-right: 10px;
291
+ text-decoration: none;
292
+ }
293
+ .apsc-admin-email-add-btn .button.primary-button,
294
+ .apsc-pro-custom-field-label .button.primary-button{
295
+ background: none repeat scroll 0 0 #0074a2;
296
+ border: medium none;
297
+ box-shadow: none;
298
+ color: #fff;
299
+ margin-bottom: 5px;
300
+ }
301
+ .apsc-option-field textarea{
302
+ width: 320px;
303
+ }
304
+ .line{
305
+ border-bottom: 1px solid #ddd;
306
+ line-height: 0 !important;
307
+ padding: 0 !important;
308
+ }
309
+ .dottedline{
310
+ border-bottom: 1px dashed #ddd;
311
+ line-height: 0 !important;
312
+ padding: 0 !important;
313
+ }
314
+ .seperator{
315
+ padding: 10px;
316
+ }
317
+ .halfseperator{
318
+ padding: 5px;
319
+ }
320
+ .apsc-included-single-wrap,
321
+ .apsc-required-single-wrap,
322
+ .apsc-required-message-single-wrap{
323
+ line-height: 33px;
324
+ display: inline-block;
325
+ width: 30%;
326
+ }
327
+ .apsc-form-labels h3{
328
+ /*padding: 10px 0;
329
+ font-size: 16px;
330
+ border-bottom: 1px solid #EEE;
331
+ margin-bottom: 20px;*/
332
+ background-color: #f1f1f1;
333
+ border-bottom: 1px solid #ddd;
334
+ cursor: default;
335
+ font-size: 14px;
336
+ line-height: 1.4;
337
+ margin: 0;
338
+ padding: 8px 12px;
339
+ }
340
+ .captcha-fields .apsc-option-wrapper > label {
341
+ width: 250px;
342
+ }
343
+ .captcha-fields .apsc-option-field{
344
+ display: inline-block;
345
+ width: calc(100% - 255px);
346
+ }
347
+ .apsc-captcha-list-field {
348
+ display: inline-block;
349
+ line-height: 33px;
350
+ margin-right: 25px;
351
+ }
352
+ .nomargin{
353
+ margin-bottom: 0;
354
+ }
355
+ .wp-picker-container input.wp-color-picker[type="text"]{
356
+ display: inline-block !important;
357
+ height: 25px;
358
+ vertical-align: top;
359
+ }
360
+ .wp-picker-input-wrap {
361
+ vertical-align: top;
362
+ }
363
+ .apsc-form-styles .apsc-option-field > input[type="text"]{
364
+ display: inline-block;
365
+ }
366
+ .width-type {
367
+ display: inline-block;
368
+ line-height: 33px;
369
+ margin-left: 10px;
370
+ }
371
+ .apsc-radio-field{
372
+ line-height: 33px;
373
+ display: inline-block;
374
+ margin-right: 15px;
375
+ }
376
+ .apsc-option-wrapper .wp-picker-container, .wp-picker-container:active{
377
+ margin-top: 3px;
378
+ }
379
+ .apsc-form-background-switch .apsc-radio-field input[type="button"]{
380
+ background: none repeat scroll 0 0 #0074a2;
381
+ border: medium none;
382
+ border-radius: 4px;
383
+ color: #ffffff;
384
+ cursor: pointer;
385
+ font-size: 14px;
386
+ height: 32px;
387
+ padding: 0 20px;
388
+ margin-left: 10px;
389
+ }
390
+ .apsc-form-background-switch input[type="text"]{
391
+ display: inline-block;
392
+ }
393
+ .apsc-required-message-single-wrap {
394
+ vertical-align: bottom;
395
+ }
396
+ .apsc-fields-configurations .apsc-required-message-single-wrap input[type="text"] {
397
+ width: 100% !important;
398
+ }
399
+ #board-about-settings p{
400
+ font-size: 14px;
401
+ line-height: 1.8;
402
+ margin-top: 0;
403
+ }
404
+ #board-about-settings h3{
405
+ font-size: 18px;
406
+ padding-left: 0px;
407
+ padding-right: 0;
408
+ }
409
+ .logo-product{
410
+ float: left;
411
+ margin-right: 20px;
412
+ }
413
+ .product{
414
+ clear: both;
415
+ margin-bottom: 20px;
416
+ }
417
+
418
+ .logo-product > img {
419
+ width: 138px;
420
+ }
421
+ #message.updated {
422
+ background: none repeat scroll 0 0 green;
423
+ border-radius: 0 !important;
424
+ color: #fff;
425
+ padding: 1px 12px;
426
+ border-left: none;
427
+ -webkit-box-shadow: none;
428
+ box-shadow: none;
429
+ }
430
+ .media-upload-form div.error, .wrap div.error, .wrap div.updated{
431
+ margin: 0;
432
+ }
433
+
434
+ .apsc-pro-li-sortable {
435
+ /*background: url(../images/drag.png) no-repeat 10px center #FFF;*/
436
+ background: #FFF;
437
+ border: 1px solid #ccc;
438
+ border-left: 25px solid #ccc;
439
+ display: block;
440
+ /*padding: 5px 10px 5px 10px;*/
441
+ position: relative;
442
+ }
443
+ .apsc-pro-labels-head {
444
+ -webkit-box-sizing: border-box;
445
+ -moz-box-sizing: border-box;
446
+ box-sizing: border-box;
447
+ cursor: move;
448
+ display: inline-block;
449
+ font-size: 14px;
450
+ font-weight: bold;
451
+ line-height: 33px;
452
+ padding: 5px 10px;
453
+ width: 100%;
454
+ }
455
+ .apsc-arrow {
456
+ cursor: pointer;
457
+ float: right;
458
+ }
459
+ .dragicon{
460
+ background: url("../images/drag.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
461
+ height: 11px;
462
+ left: -18px;
463
+ position: absolute;
464
+ top: 15px;
465
+ width: 11px;
466
+ }
467
+ .apsc-pro-checkbox,
468
+ .apsc-pro-textbox,
469
+ .apsc-pro-select {
470
+ display: inline-block;
471
+ line-height: 33px;
472
+ }
473
+ .apsc-pro-inner-configs label{
474
+ width: 250px;
475
+ }
476
+ .apsc-pro-labels-content {
477
+ border-top: 1px solid #ccc;
478
+ padding: 10px;
479
+ }
480
+ .apsc-arrow-up{
481
+ font: 0/0 a;
482
+ background: url(../images/uparrow.png) no-repeat;
483
+ width: 12px;
484
+ height: 9px;
485
+ margin-top: 13px;
486
+ }
487
+ .apsc-arrow-down{
488
+ font: 0/0 a;
489
+ background: url(../images/downarrow.png) no-repeat;
490
+ width: 12px;
491
+ height: 9px;
492
+ margin-top: 13px;
493
+ }
494
+ .apsc-custom-li-delete{
495
+ background: url("../images/delete.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
496
+ cursor: pointer;
497
+ float: right;
498
+ font: 0px/0 a;
499
+ height: 15px;
500
+ margin: 9px 15px 0;
501
+ width: 13px;
502
+ }
503
+ .apsc-pro-notes{
504
+ padding-top: 5px;
505
+ }
506
+ .apsc-pro-custom-field-adder {
507
+ display: inline-block;
508
+ vertical-align: top;
509
+ }
510
+ .social-icon li{
511
+ display: inline-block;
512
+ margin-right: 10px;
513
+ border-radius: 5px;
514
+ overflow: hidden;
515
+ }
516
+ .social-icon img {
517
+ display: block;
518
+ }
519
+ .upgrade{
520
+ margin: 15px 0;
521
+ }
522
+ .upgrade a{
523
+ background: none repeat scroll 0 0 #0074a2;
524
+ border: medium none;
525
+ border-radius: 4px;
526
+ color: #ffffff;
527
+ cursor: pointer;
528
+ display: inline-block;
529
+ font-size: 14px;
530
+ line-height: 32px;
531
+ padding: 0 20px;
532
+ text-decoration: none;
533
+ }
534
+ .apsc-pro-custom-field-adder {
535
+ background: none repeat scroll 0 0 #fff;
536
+ border: 1px solid #e5e5e5;
537
+ width: 250px;
538
+ }
539
+ .apsc-pro-custom-field-adder h3{
540
+ background-color: #f1f1f1;
541
+ border-bottom: 1px solid #ddd;
542
+ cursor: default;
543
+ font-size: 14px;
544
+ line-height: 1.4;
545
+ margin: 0;
546
+ padding: 8px 12px;
547
+ }
548
+ .apsc-pro-custom-field-label {
549
+ margin-bottom: 5px;
550
+ }
551
+ .apsc-pro-custom-field-label > label {
552
+ display: block;
553
+ line-height: 24px;
554
+ }
555
+ .apsc-pro-custom-field-label input[type="text"]{
556
+ height: 32px;
557
+ width: 100%;
558
+ }
559
+ .apsc-custom-error{
560
+ color: #F00;
561
+ font-size: 12px;
562
+ }
563
+ #messages.update{
564
+ background-color: #fff;
565
+ border-left: 4px solid #7ad03a;
566
+ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
567
+ padding: 10px 12px;
568
+ font-weight: 700;
569
+ }
570
+ .apsc-label-font-text,.apsc-button-font-text{
571
+ border: 1px solid #ddd;
572
+ margin: 15px 0;
573
+ padding: 20px;
574
+ background: #f8f8f8;
575
+ }
576
+ .apsc-option-field .apsc-color-field {
577
+ border-radius: 4px;
578
+ height: 25px !important;
579
+ }
580
+ .apsc-form-styler-wrapper,
581
+ .apsc-template-preview-wrapper {
582
+ background: none repeat scroll 0 0 #fefefe;
583
+ border: 1px solid #999;
584
+ margin: auto;
585
+ width: 90%;
586
+ border-top: 5px solid #999;
587
+ }
588
+ .apsc-form-styler-wrapper > h1,
589
+ .apsc-template-preview-wrapper > h1 {
590
+ background: none repeat scroll 0 0 #999;
591
+ color: #fff;
592
+ font-size: 24px;
593
+ line-height: 1.4;
594
+ margin: 0;
595
+ padding: 5px 0;
596
+ text-align: center;
597
+ }
598
+ .apsc-template-image-wrapper h3{
599
+ margin-bottom: 0 !important;
600
+ }
601
+ .apsc-template-image-wrapper > img {
602
+ display: block;
603
+ width: 100%;
604
+ }
605
+ .apsc-pro-file-extensions {
606
+ background: none repeat scroll 0 0 #eee;
607
+ border: 1px solid #ddd;
608
+ margin-top: 10px;
609
+ padding: 10px 20px;
610
+ }
611
+ .apsc-pro-fileuploader li {
612
+ display: inline-block;
613
+ line-height: 28px;
614
+ width: 19%;
615
+ }
616
+ .apsc-pro-file-upload-size {
617
+ margin-bottom: 10px;
618
+ }
619
+ .apsc-pro-file-upload-size input[type="text"] {
620
+ display: inline-block;
621
+ margin-bottom: 5px;
622
+ }
623
+ .apsc-row-half {
624
+ display: inline-block;
625
+ margin-right: 80px;
626
+ }
627
+ #board-about-settings p,
628
+ #board-upgrade-settings p,
629
+ #board-how_to_use-settings p{
630
+ font-size: 14px;
631
+ line-height: 1.8;
632
+ margin-top: 0;
633
+ }
634
+ #board-about-settings h3{
635
+ font-size: 18px;
636
+ padding-left: 0px;
637
+ padding-right: 0;
638
+ }
639
+ dd,
640
+ dl{
641
+ margin: 0;
642
+ line-height: 1.8;
643
+ font-size: 14px;
644
+ }
645
+
646
+
647
+ .apsc-boards-wrapper .metabox-holder {
648
+ border-top: medium none;
649
+ margin-top: -1px;
650
+ padding-top: 0 !important;
651
+ position: relative;
652
+ z-index: 1;
653
+
654
+ }
655
+
656
+ /* version 2.0.1 */
657
+ .apsc-pro-option-value{margin: 10px 0 10px 251px;}
658
+ .apsc-pro-option-value input[type="text"]{width: 31%;
659
+ display: inline-block;
660
+ height: 28px;}
661
+ .apsc-each-option-value {
662
+ margin-top: 5px;
663
+ }
664
+ .apsc-terms-required-msg-label{line-height: 20px !important}
665
+ input.button.apsc-restore-default-settings {
666
+ height: 32px;
667
+ margin-left: 10px;
668
+ }
669
+ .apsc-half-textbox input[type="text"]{width:48%;display: inline-block;}
670
+
671
+
672
+ /*****************************************added by sadima*****************************************************/
673
+ .apsc-sortable li.ui-sortable-handle {
674
+ border: 1px solid #bbb;
675
+ width: 40%;
676
+ padding: 10px;
677
+ background: #fff;
678
+ }
679
+
680
+ .apsc-sortable li.ui-sortable-handle:hover {
681
+ cursor:move;
682
+ }
683
+
684
+ .apsc-success-message{
685
+ background: #fff;
686
+ border-left: 4px solid #fff;
687
+ -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
688
+ box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
689
+ margin: 5px 15px 2px;
690
+ padding: 1px 12px;
691
+ }
692
+
693
+ .apsc-success-message{
694
+ background: none repeat scroll 0 0 #fff;
695
+ border-left: 4px solid #7ad03a;
696
+ box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
697
+ margin: 5px 0 15px;
698
+ padding: 1px 12px;
699
+ }
700
+
701
+ .left-icon {
702
+ background: none repeat scroll 0 0 #fff;
703
+ border: 1px solid #ddd;
704
+ border-radius: 5px;
705
+ display: inline-block;
706
+ float: right;
707
+ padding: 4px;
708
+ text-align: center;
709
+ width: 24px;
710
+ }
711
+
712
+ .apsc-sortable li.ui-sortable-handle {
713
+ background: none repeat scroll 0 0 #fff;
714
+ border: 1px solid #bbb;
715
+ min-height: 24px;
716
+ padding: 10px;
717
+ width: 40%;
718
+ }
719
+
720
+
721
+ .social-name {
722
+ display:block;
723
+ float: left;
724
+ padding: 4px 0 0;
725
+ }
726
+
727
+
728
+ #apsc-board-cache-settings,#apsc-board-how_to_use-settings{
729
+ min-height: 300px;
730
+ }
731
+
732
+ #apsc-board-display-settings .apsc-option-inner-wrapper .apsc-option-field label{
733
+ display:block;
734
+ }
735
+
736
+ #apsc-board-display-settings .apsc-option-field {
737
+ display:block;
738
+ }
739
+ .apsc-panel{
740
+ float:left;
741
+ width:100%;
742
+ }
743
+ .apsc-promoFloat{
744
+ background: #f1f1f1;
745
+ float: left;
746
+ width: 311px;
747
+ padding: 10px;
748
+ }
749
+ .apsc-promo-buttons{
750
+ padding:20px 0;
751
+ text-align:center;
752
+ }
753
+ .apsc-promo-buttons a{
754
+ display:inline-block;
755
+ }
756
+
757
+ .apsc-extra-note {
758
+ background-color: #FFFBCC;
759
+ padding: 10px;
760
+ font-style: italic;
761
+ font-size: 15px;
762
+ margin-bottom: 25px;
763
+ margin-top: -10px;
764
+ }
css/frontend.css ADDED
@@ -0,0 +1,118 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ /*******************************Mosaic View layout*************************************/
3
+ /* ---- Thumb view style ---- */
4
+ .thumb-view .thumb-elem{
5
+ position: relative;
6
+ overflow: hidden;
7
+ margin-bottom: 0;
8
+ }
9
+
10
+ .thumb-view .thumb-elem.hovermove header.thumb-elem-header .featimg img.the-thumb{
11
+ width: 130%;
12
+ height: 130%;
13
+ position: absolute;
14
+ top: -15%;
15
+ left: -15%;
16
+ max-width: none;
17
+ }
18
+ /* ---- End Thumb view style ---- */
19
+ .featimg a { display: block;}
20
+
21
+ .grid-small{
22
+ width: 16.6666%;
23
+ }
24
+
25
+ .grid-medium{
26
+ width: 33.3333%;
27
+ }
28
+
29
+ .grid-large{
30
+ width: 33.3333%;
31
+ }
32
+
33
+ .transparent-image{
34
+ width: 100%;
35
+ vertical-align: middle;
36
+ }
37
+
38
+ .grid-hover{
39
+ position: absolute;
40
+ display: none;
41
+ }
42
+
43
+ .grid-small {
44
+ padding: 5px;
45
+ }
46
+ .grid-medium {
47
+ padding: 3px 5px 5px 5px;
48
+ }
49
+
50
+ .grid-large {
51
+ padding: 5px;
52
+ }
53
+
54
+ body
55
+ {
56
+ overflow-x: hidden;
57
+ }
58
+
59
+
60
+ #owl-demo .item{
61
+ margin: 3px;
62
+ }
63
+ #owl-demo .item img{
64
+ display: block;
65
+ width: 100%;
66
+ height: auto;
67
+ }
68
+
69
+ .owl-carousel .owl-item {
70
+ float: left;
71
+ }
72
+
73
+ .owl-carousel .owl-wrapper-outer {
74
+ overflow: hidden;
75
+ position: relative;
76
+ width: 100%;
77
+ }
78
+
79
+ .thumb-elem-header{
80
+ position:relative;
81
+ }
82
+ .image-hover {
83
+ background:rgba(0, 0, 0, 0.4);
84
+ padding:10px 20px;
85
+ position: absolute;
86
+ bottom: -100%;
87
+ left: 0px;
88
+ width: 100%;
89
+ height: auto;
90
+ line-height: normal;
91
+ text-align: center;
92
+ -webkit-transition: all 3s ease 0s;
93
+ -moz-transition: all 3s ease 0s;
94
+ transition: all 3s ease 0s;
95
+ }
96
+ .masonry_elem .image-hover,
97
+ .masonry_elem .image-hover:active,
98
+ .masonry_elem .image-hover:hover,
99
+ .masonry_elem .image-hover:focus{
100
+ color:#ffffff;
101
+ }
102
+ .masonry_elem:hover .image-hover{
103
+ bottom:0;
104
+ cursor: pointer;
105
+ -webkit-transform: scale(1);
106
+ -ms-transform: scale(1);
107
+ -moz-transform: scale(1);
108
+ transform: scale(1);
109
+ -webkit-transition: all 0.4s ease 0s;
110
+ -moz-transition: all 0.4s ease 0s;
111
+ transition: all 0.4s ease 0s;
112
+ }
113
+ span.follow{
114
+ float:left;
115
+ }
116
+ span.follow_icon{
117
+ float:right;
118
+ }
css/grabbing.png ADDED
Binary file
css/lightbox.css ADDED
@@ -0,0 +1,210 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /* Preload images */
2
+ body:after {
3
+ content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
4
+ display: none;
5
+ }
6
+
7
+ .lightboxOverlay {
8
+ position: absolute;
9
+ top: 0;
10
+ left: 0;
11
+ z-index: 9999;
12
+ background-color: black;
13
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
14
+ opacity: 0.8;
15
+ display: none;
16
+ }
17
+
18
+ .lightbox {
19
+ position: absolute;
20
+ left: 0;
21
+ width: 100%;
22
+ z-index: 10000;
23
+ text-align: center;
24
+ line-height: 0;
25
+ font-weight: normal;
26
+ }
27
+
28
+ .lightbox .lb-image {
29
+ display: block;
30
+ height: auto;
31
+ max-width: inherit;
32
+ -webkit-border-radius: 3px;
33
+ -moz-border-radius: 3px;
34
+ -ms-border-radius: 3px;
35
+ -o-border-radius: 3px;
36
+ border-radius: 3px;
37
+ }
38
+
39
+ .lightbox a img {
40
+ border: none;
41
+ }
42
+
43
+ .lb-outerContainer {
44
+ position: relative;
45
+ background-color: white;
46
+ *zoom: 1;
47
+ width: 250px;
48
+ height: 250px;
49
+ margin: 0 auto;
50
+ -webkit-border-radius: 4px;
51
+ -moz-border-radius: 4px;
52
+ -ms-border-radius: 4px;
53
+ -o-border-radius: 4px;
54
+ border-radius: 4px;
55
+ }
56
+
57
+ .lb-outerContainer:after {
58
+ content: "";
59
+ display: table;
60
+ clear: both;
61
+ }
62
+
63
+ .lb-container {
64
+ padding: 4px;
65
+ }
66
+
67
+ .lb-loader {
68
+ position: absolute;
69
+ top: 43%;
70
+ left: 0;
71
+ height: 25%;
72
+ width: 100%;
73
+ text-align: center;
74
+ line-height: 0;
75
+ }
76
+
77
+ .lb-cancel {
78
+ display: block;
79
+ width: 32px;
80
+ height: 32px;
81
+ margin: 0 auto;
82
+ background: url(../images/loading.gif) no-repeat;
83
+ }
84
+
85
+ .lb-nav {
86
+ position: absolute;
87
+ top: 0;
88
+ left: 0;
89
+ height: 100%;
90
+ width: 100%;
91
+ z-index: 10;
92
+ }
93
+
94
+ .lb-container > .nav {
95
+ left: 0;
96
+ }
97
+
98
+ .lb-nav a {
99
+ outline: none;
100
+ background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
101
+ }
102
+
103
+ .lb-prev, .lb-next {
104
+ height: 100%;
105
+ cursor: pointer;
106
+ display: block;
107
+ }
108
+
109
+ .lb-nav a.lb-prev {
110
+ width: 34%;
111
+ left: 0;
112
+ float: left;
113
+ background: url(../images/prev.png) left 48% no-repeat;
114
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
115
+ opacity: 0;
116
+ -webkit-transition: opacity 0.6s;
117
+ -moz-transition: opacity 0.6s;
118
+ -o-transition: opacity 0.6s;
119
+ transition: opacity 0.6s;
120
+ }
121
+
122
+ .lb-nav a.lb-prev:hover {
123
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
124
+ opacity: 1;
125
+ }
126
+
127
+ .lb-nav a.lb-next {
128
+ width: 64%;
129
+ right: 0;
130
+ float: right;
131
+ background: url(../images/next.png) right 48% no-repeat;
132
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
133
+ opacity: 0;
134
+ -webkit-transition: opacity 0.6s;
135
+ -moz-transition: opacity 0.6s;
136
+ -o-transition: opacity 0.6s;
137
+ transition: opacity 0.6s;
138
+ }
139
+
140
+ .lb-nav a.lb-next:hover {
141
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
142
+ opacity: 1;
143
+ }
144
+
145
+ .lb-dataContainer {
146
+ margin: 0 auto;
147
+ padding-top: 5px;
148
+ *zoom: 1;
149
+ width: 100%;
150
+ -moz-border-radius-bottomleft: 4px;
151
+ -webkit-border-bottom-left-radius: 4px;
152
+ border-bottom-left-radius: 4px;
153
+ -moz-border-radius-bottomright: 4px;
154
+ -webkit-border-bottom-right-radius: 4px;
155
+ border-bottom-right-radius: 4px;
156
+ }
157
+
158
+ .lb-dataContainer:after {
159
+ content: "";
160
+ display: table;
161
+ clear: both;
162
+ }
163
+
164
+ .lb-data {
165
+ padding: 0 4px;
166
+ color: #ccc;
167
+ }
168
+
169
+ .lb-data .lb-details {
170
+ width: 85%;
171
+ float: left;
172
+ text-align: left;
173
+ line-height: 1.1em;
174
+ }
175
+
176
+ .lb-data .lb-caption {
177
+ font-size: 13px;
178
+ font-weight: bold;
179
+ line-height: 1em;
180
+ }
181
+
182
+ .lb-data .lb-number {
183
+ display: block;
184
+ clear: left;
185
+ padding-bottom: 1em;
186
+ font-size: 12px;
187
+ color: #999999;
188
+ }
189
+
190
+ .lb-data .lb-close {
191
+ display: block;
192
+ float: right;
193
+ width: 30px;
194
+ height: 30px;
195
+ background: url(../images/close.png) top right no-repeat;
196
+ text-align: right;
197
+ outline: none;
198
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
199
+ opacity: 0.7;
200
+ -webkit-transition: opacity 0.2s;
201
+ -moz-transition: opacity 0.2s;
202
+ -o-transition: opacity 0.2s;
203
+ transition: opacity 0.2s;
204
+ }
205
+
206
+ .lb-data .lb-close:hover {
207
+ cursor: pointer;
208
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
209
+ opacity: 1;
210
+ }
css/owl.carousel.css ADDED
@@ -0,0 +1,71 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*
2
+ * Core Owl Carousel CSS File
3
+ * v1.3.3
4
+ */
5
+
6
+ /* clearfix */
7
+ .owl-carousel .owl-wrapper:after {
8
+ content: ".";
9
+ display: block;
10
+ clear: both;
11
+ visibility: hidden;
12
+ line-height: 0;
13
+ height: 0;
14
+ }
15
+ /* display none until init */
16
+ .owl-carousel{
17
+ display: none;
18
+ position: relative;
19
+ width: 100%;
20
+ -ms-touch-action: pan-y;
21
+ }
22
+ .owl-carousel .owl-wrapper{
23
+ display: none;
24
+ position: relative;
25
+ -webkit-transform: translate3d(0px, 0px, 0px);
26
+ }
27
+ .owl-carousel .owl-wrapper-outer{
28
+ overflow: hidden;
29
+ position: relative;
30
+ width: 100%;
31
+ }
32
+ .owl-carousel .owl-wrapper-outer.autoHeight{
33
+ -webkit-transition: height 500ms ease-in-out;
34
+ -moz-transition: height 500ms ease-in-out;
35
+ -ms-transition: height 500ms ease-in-out;
36
+ -o-transition: height 500ms ease-in-out;
37
+ transition: height 500ms ease-in-out;
38
+ }
39
+
40
+ .owl-carousel .owl-item{
41
+ float: left;
42
+ }
43
+ .owl-controls .owl-page,
44
+ .owl-controls .owl-buttons div{
45
+ cursor: pointer;
46
+ }
47
+ .owl-controls {
48
+ -webkit-user-select: none;
49
+ -khtml-user-select: none;
50
+ -moz-user-select: none;
51
+ -ms-user-select: none;
52
+ user-select: none;
53
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
54
+ }
55
+
56
+ /* mouse grab icon */
57
+ .grabbing {
58
+ cursor:url(grabbing.png) 8 8, move;
59
+ }
60
+
61
+ /* fix */
62
+ .owl-carousel .owl-wrapper,
63
+ .owl-carousel .owl-item{
64
+ -webkit-backface-visibility: hidden;
65
+ -moz-backface-visibility: hidden;
66
+ -ms-backface-visibility: hidden;
67
+ -webkit-transform: translate3d(0,0,0);
68
+ -moz-transform: translate3d(0,0,0);
69
+ -ms-transform: translate3d(0,0,0);
70
+ }
71
+
css/owl.theme.css ADDED
<
@@ -0,0 +1,88 @@