Version Description
- Plugin submitted to http://wordpress.org for review and approval
=
Download this release
Release Info
Developer | Access Keys |
Plugin | Social Icons WordPress Plugin – AccessPress Social Icons |
Version | 1.0.0 |
Comparing to | |
See all releases |
Version 1.0.0
- accesspress-social-icons.php +351 -0
- css/animate.css +3158 -0
- css/backend.css +650 -0
- css/frontend.css +117 -0
- icon-sets/png/set1/Thumbs.db +0 -0
- icon-sets/png/set1/askfm.png +0 -0
- icon-sets/png/set1/classmates.png +0 -0
- icon-sets/png/set1/facebook.png +0 -0
- icon-sets/png/set1/flickr.png +0 -0
- icon-sets/png/set1/foursquare.png +0 -0
- icon-sets/png/set1/googlePlus.png +0 -0
- icon-sets/png/set1/instagram.png +0 -0
- icon-sets/png/set1/linkedin.png +0 -0
- icon-sets/png/set1/meetme.png +0 -0
- icon-sets/png/set1/meetup.png +0 -0
- icon-sets/png/set1/myspace.png +0 -0
- icon-sets/png/set1/pinterest.png +0 -0
- icon-sets/png/set1/reddit.png +0 -0
- icon-sets/png/set1/stumbleupon.png +0 -0
- icon-sets/png/set1/tagged.png +0 -0
- icon-sets/png/set1/tumblr.png +0 -0
- icon-sets/png/set1/twitter.png +0 -0
- icon-sets/png/set1/vine.png +0 -0
- icon-sets/png/set1/vk.png +0 -0
- icon-sets/png/set1/youtube.png +0 -0
- icon-sets/png/set10/Thumbs.db +0 -0
- icon-sets/png/set10/askfm.png +0 -0
- icon-sets/png/set10/classmates.png +0 -0
- icon-sets/png/set10/facebook.png +0 -0
- icon-sets/png/set10/flickr.png +0 -0
- icon-sets/png/set10/foursquare.png +0 -0
- icon-sets/png/set10/googleplus.png +0 -0
- icon-sets/png/set10/instagram.png +0 -0
- icon-sets/png/set10/linkedin.png +0 -0
- icon-sets/png/set10/meetme.png +0 -0
- icon-sets/png/set10/meetup.png +0 -0
- icon-sets/png/set10/myspace.png +0 -0
- icon-sets/png/set10/pinterest.png +0 -0
- icon-sets/png/set10/reddit.png +0 -0
- icon-sets/png/set10/stumbleupon.png +0 -0
- icon-sets/png/set10/tagged.png +0 -0
- icon-sets/png/set10/tumblr.png +0 -0
- icon-sets/png/set10/twitter.png +0 -0
- icon-sets/png/set10/vine.png +0 -0
- icon-sets/png/set10/vk.png +0 -0
- icon-sets/png/set10/youtube.png +0 -0
- icon-sets/png/set11/Thumbs.db +0 -0
- icon-sets/png/set11/askfm.png +0 -0
- icon-sets/png/set11/classmates.png +0 -0
- icon-sets/png/set11/facebook.png +0 -0
- icon-sets/png/set11/flickr.png +0 -0
- icon-sets/png/set11/foursquare.png +0 -0
- icon-sets/png/set11/googlePlus.png +0 -0
- icon-sets/png/set11/instagram.png +0 -0
- icon-sets/png/set11/linkedin.png +0 -0
- icon-sets/png/set11/meetme.png +0 -0
- icon-sets/png/set11/meetup.png +0 -0
- icon-sets/png/set11/myspace.png +0 -0
- icon-sets/png/set11/pinterest.png +0 -0
- icon-sets/png/set11/reddit.png +0 -0
- icon-sets/png/set11/stumbleupon.png +0 -0
- icon-sets/png/set11/tagged.png +0 -0
- icon-sets/png/set11/tumblr.png +0 -0
- icon-sets/png/set11/twitter.png +0 -0
- icon-sets/png/set11/vine.png +0 -0
- icon-sets/png/set11/vk.png +0 -0
- icon-sets/png/set11/youtube.png +0 -0
- icon-sets/png/set12/Thumbs.db +0 -0
- icon-sets/png/set12/askfm.png +0 -0
- icon-sets/png/set12/classmates.png +0 -0
- icon-sets/png/set12/facebook.png +0 -0
- icon-sets/png/set12/flickr.png +0 -0
- icon-sets/png/set12/foursquare.png +0 -0
- icon-sets/png/set12/googlePlus.png +0 -0
- icon-sets/png/set12/instagram.png +0 -0
- icon-sets/png/set12/linkedin.png +0 -0
- icon-sets/png/set12/meetme.png +0 -0
- icon-sets/png/set12/meetup.png +0 -0
- icon-sets/png/set12/myspace.png +0 -0
- icon-sets/png/set12/pinterest.png +0 -0
- icon-sets/png/set12/reddit.png +0 -0
- icon-sets/png/set12/stumbleupon.png +0 -0
- icon-sets/png/set12/tagged.png +0 -0
- icon-sets/png/set12/tumblr.png +0 -0
- icon-sets/png/set12/twitter.png +0 -0
- icon-sets/png/set12/vine.png +0 -0
- icon-sets/png/set12/vk.png +0 -0
- icon-sets/png/set12/youtube.png +0 -0
- icon-sets/png/set2/Thumbs.db +0 -0
- icon-sets/png/set2/askfm.png +0 -0
- icon-sets/png/set2/classmates.png +0 -0
- icon-sets/png/set2/facebook.png +0 -0
- icon-sets/png/set2/flickr.png +0 -0
- icon-sets/png/set2/foursquare.png +0 -0
- icon-sets/png/set2/googlePlus.png +0 -0
- icon-sets/png/set2/instagram.png +0 -0
- icon-sets/png/set2/linkedin.png +0 -0
- icon-sets/png/set2/meetme.png +0 -0
- icon-sets/png/set2/meetup.png +0 -0
- icon-sets/png/set2/myspace.png +0 -0
- icon-sets/png/set2/pinterest.png +0 -0
- icon-sets/png/set2/reddit.png +0 -0
- icon-sets/png/set2/stumbleupon.png +0 -0
- icon-sets/png/set2/tagged.png +0 -0
- icon-sets/png/set2/tumblr.png +0 -0
- icon-sets/png/set2/twitter.png +0 -0
- icon-sets/png/set2/vine.png +0 -0
- icon-sets/png/set2/vk.png +0 -0
- icon-sets/png/set2/youtube.png +0 -0
- icon-sets/png/set3/Thumbs.db +0 -0
- icon-sets/png/set3/askfm.png +0 -0
- icon-sets/png/set3/classmates.png +0 -0
- icon-sets/png/set3/facebook.png +0 -0
- icon-sets/png/set3/flickr.png +0 -0
- icon-sets/png/set3/foursquare.png +0 -0
- icon-sets/png/set3/googlePlus.png +0 -0
- icon-sets/png/set3/instagram.png +0 -0
- icon-sets/png/set3/linkedin.png +0 -0
- icon-sets/png/set3/meetme.png +0 -0
- icon-sets/png/set3/meetup.png +0 -0
- icon-sets/png/set3/myspace.png +0 -0
- icon-sets/png/set3/pinterest.png +0 -0
- icon-sets/png/set3/reddit.png +0 -0
- icon-sets/png/set3/stumbleupon.png +0 -0
- icon-sets/png/set3/tagged.png +0 -0
- icon-sets/png/set3/tumblr.png +0 -0
- icon-sets/png/set3/twitter.png +0 -0
- icon-sets/png/set3/vine.png +0 -0
- icon-sets/png/set3/vk.png +0 -0
- icon-sets/png/set3/youtube.png +0 -0
- icon-sets/png/set4/Thumbs.db +0 -0
- icon-sets/png/set4/askfm.png +0 -0
- icon-sets/png/set4/classmates.png +0 -0
- icon-sets/png/set4/facebook.png +0 -0
- icon-sets/png/set4/flickr.png +0 -0
- icon-sets/png/set4/foursquare.png +0 -0
- icon-sets/png/set4/googlePlus.png +0 -0
- icon-sets/png/set4/instagram.png +0 -0
- icon-sets/png/set4/linkedin.png +0 -0
- icon-sets/png/set4/meetme.png +0 -0
- icon-sets/png/set4/meetup.png +0 -0
- icon-sets/png/set4/myspace.png +0 -0
- icon-sets/png/set4/pinterest.png +0 -0
- icon-sets/png/set4/reddit.png +0 -0
- icon-sets/png/set4/stumbleupon.png +0 -0
- icon-sets/png/set4/tagged.png +0 -0
- icon-sets/png/set4/tumblr.png +0 -0
- icon-sets/png/set4/twitter.png +0 -0
- icon-sets/png/set4/vine.png +0 -0
- icon-sets/png/set4/vk.png +0 -0
- icon-sets/png/set4/youtube.png +0 -0
- icon-sets/png/set5/Thumbs.db +0 -0
- icon-sets/png/set5/askfm.png +0 -0
- icon-sets/png/set5/classmates.png +0 -0
- icon-sets/png/set5/facebook.png +0 -0
- icon-sets/png/set5/flickr.png +0 -0
- icon-sets/png/set5/foursquare.png +0 -0
- icon-sets/png/set5/googlePlus.png +0 -0
- icon-sets/png/set5/instagram.png +0 -0
- icon-sets/png/set5/linkedin.png +0 -0
- icon-sets/png/set5/meetme.png +0 -0
- icon-sets/png/set5/meetup.png +0 -0
- icon-sets/png/set5/myspace.png +0 -0
- icon-sets/png/set5/pinterest.png +0 -0
- icon-sets/png/set5/reddit.png +0 -0
- icon-sets/png/set5/stumbleupon.png +0 -0
- icon-sets/png/set5/tagged.png +0 -0
- icon-sets/png/set5/tumblr.png +0 -0
- icon-sets/png/set5/twitter.png +0 -0
- icon-sets/png/set5/vine.png +0 -0
- icon-sets/png/set5/vk.png +0 -0
- icon-sets/png/set5/youtube.png +0 -0
- icon-sets/png/set6/Thumbs.db +0 -0
- icon-sets/png/set6/askfm.png +0 -0
- icon-sets/png/set6/classmates.png +0 -0
- icon-sets/png/set6/facebook.png +0 -0
- icon-sets/png/set6/flickr.png +0 -0
- icon-sets/png/set6/foursquare.png +0 -0
- icon-sets/png/set6/googlePlus.png +0 -0
- icon-sets/png/set6/instagram.png +0 -0
- icon-sets/png/set6/linkedin.png +0 -0
- icon-sets/png/set6/meetme.png +0 -0
- icon-sets/png/set6/meetup.png +0 -0
- icon-sets/png/set6/myspace.png +0 -0
- icon-sets/png/set6/pinterest.png +0 -0
- icon-sets/png/set6/reddit.png +0 -0
- icon-sets/png/set6/stumbleupon.png +0 -0
- icon-sets/png/set6/tagged.png +0 -0
- icon-sets/png/set6/tumblr.png +0 -0
- icon-sets/png/set6/twitter.png +0 -0
- icon-sets/png/set6/vine.png +0 -0
- icon-sets/png/set6/vk.png +0 -0
- icon-sets/png/set6/youtube.png +0 -0
- icon-sets/png/set7/Thumbs.db +0 -0
- icon-sets/png/set7/askfm.png +0 -0
- icon-sets/png/set7/classmates.png +0 -0
- icon-sets/png/set7/facebook.png +0 -0
- icon-sets/png/set7/flickr.png +0 -0
- icon-sets/png/set7/foursquare.png +0 -0
- icon-sets/png/set7/googlePlus.png +0 -0
- icon-sets/png/set7/instagram.png +0 -0
- icon-sets/png/set7/linkedin.png +0 -0
- icon-sets/png/set7/meetme.png +0 -0
- icon-sets/png/set7/meetup.png +0 -0
- icon-sets/png/set7/myspace.png +0 -0
- icon-sets/png/set7/pinterest.png +0 -0
- icon-sets/png/set7/reddit.png +0 -0
- icon-sets/png/set7/stumbleupon.png +0 -0
- icon-sets/png/set7/tagged.png +0 -0
- icon-sets/png/set7/tumblr.png +0 -0
- icon-sets/png/set7/twitter.png +0 -0
- icon-sets/png/set7/vine.png +0 -0
- icon-sets/png/set7/vk.png +0 -0
- icon-sets/png/set7/youtube.png +0 -0
- icon-sets/png/set8/Thumbs.db +0 -0
- icon-sets/png/set8/askfm.png +0 -0
- icon-sets/png/set8/classmates.png +0 -0
- icon-sets/png/set8/facebook.png +0 -0
- icon-sets/png/set8/flickr.png +0 -0
- icon-sets/png/set8/foursquare.png +0 -0
- icon-sets/png/set8/googlePlus.png +0 -0
- icon-sets/png/set8/instagram.png +0 -0
- icon-sets/png/set8/linkedin.png +0 -0
- icon-sets/png/set8/meetme.png +0 -0
- icon-sets/png/set8/meetup.png +0 -0
- icon-sets/png/set8/myspace.png +0 -0
- icon-sets/png/set8/pinterest.png +0 -0
- icon-sets/png/set8/reddit.png +0 -0
- icon-sets/png/set8/stumbleupon.png +0 -0
- icon-sets/png/set8/tagged.png +0 -0
- icon-sets/png/set8/tumblr.png +0 -0
- icon-sets/png/set8/twitter.png +0 -0
- icon-sets/png/set8/vine.png +0 -0
- icon-sets/png/set8/vk.png +0 -0
- icon-sets/png/set8/youtube.png +0 -0
- icon-sets/png/set9/Thumbs.db +0 -0
- icon-sets/png/set9/askfm.png +0 -0
- icon-sets/png/set9/classmates.png +0 -0
- icon-sets/png/set9/facebok.png +0 -0
- icon-sets/png/set9/flickr.png +0 -0
- icon-sets/png/set9/foursquare.png +0 -0
- icon-sets/png/set9/googlePlus.png +0 -0
- icon-sets/png/set9/instagram.png +0 -0
- icon-sets/png/set9/linkedin.png +0 -0
- icon-sets/png/set9/meetme.png +0 -0
- icon-sets/png/set9/meetup.png +0 -0
- icon-sets/png/set9/myspace.png +0 -0
- icon-sets/png/set9/pinterest.png +0 -0
- icon-sets/png/set9/reddit.png +0 -0
- icon-sets/png/set9/stumbleupon.png +0 -0
- icon-sets/png/set9/tagged.png +0 -0
- icon-sets/png/set9/tumblr.png +0 -0
- icon-sets/png/set9/twitter.png +0 -0
- icon-sets/png/set9/vine.png +0 -0
- icon-sets/png/set9/vk.png +0 -0
- icon-sets/png/set9/youtube.png +0 -0
- images/ajax-loader.gif +0 -0
- images/anonymous-post-pro.png +0 -0
- images/anonymous-post.png +0 -0
- images/aplite.png +0 -0
- images/appro.png +0 -0
- images/flicker.png +0 -0
- images/googleplus.png +0 -0
- images/logo-social.png +0 -0
- images/overlay.png +0 -0
- images/pinterest.png +0 -0
- images/preview1.jpg +0 -0
- images/preview10.jpg +0 -0
- images/preview11.jpg +0 -0
- images/preview12.jpg +0 -0
- images/preview2.jpg +0 -0
- images/preview3.jpg +0 -0
- images/preview4.jpg +0 -0
- images/preview5.jpg +0 -0
- images/preview6.jpg +0 -0
- images/preview7.jpg +0 -0
- images/preview8.jpg +0 -0
- images/preview9.jpg +0 -0
- images/si-icon.png +0 -0
- images/twitter.png +0 -0
- inc/backend/about.php +123 -0
- inc/backend/activation.php +24 -0
- inc/backend/add-new-set.php +223 -0
- inc/backend/delete-icon-set.php +9 -0
- inc/backend/edit-icon-set.php +385 -0
- inc/backend/how-to-use.php +26 -0
- inc/backend/icon-adder.php +183 -0
- inc/backend/icon-themes.php +21 -0
- inc/backend/list-icon-sets.php +16 -0
- inc/backend/main-page.php +94 -0
- inc/backend/panel-head.php +35 -0
- inc/backend/promobar.php +0 -0
- inc/backend/save-set.php +213 -0
- inc/backend/theme-icon-set.php +95 -0
- inc/backend/widgets.php +109 -0
- inc/frontend/icon-group-list.php +107 -0
- inc/frontend/shortcode.php +19 -0
- index.php +2 -0
- js/backend.js +683 -0
- js/frontend.js +42 -0
- readme.txt +115 -0
accesspress-social-icons.php
ADDED
@@ -0,0 +1,351 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?php
|
2 |
+
defined('ABSPATH') or die("No script kiddies please!");
|
3 |
+
/**
|
4 |
+
* Plugin Name:AccessPress Social Icons
|
5 |
+
* Plugin URI: https://accesspressthemes.com/wordpress-plugins/accesspress-social-icons/
|
6 |
+
* Description: A plugin to add social icons in your site wherever you want dynamically with handful of configurable settings.
|
7 |
+
* Version:1.0.0
|
8 |
+
* Author:AccessPress Themes
|
9 |
+
* Author URI:http://accesspressthemes.com/
|
10 |
+
* License:GPLv2 or later
|
11 |
+
* */
|
12 |
+
/**
|
13 |
+
* Declartion of necessary constants for plugin
|
14 |
+
* */
|
15 |
+
if (!defined('APS_IMAGE_DIR')) {
|
16 |
+
define('APS_IMAGE_DIR', plugin_dir_url(__FILE__) . 'images');
|
17 |
+
}
|
18 |
+
if (!defined('APS_JS_DIR')) {
|
19 |
+
define('APS_JS_DIR', plugin_dir_url(__FILE__) . 'js');
|
20 |
+
}
|
21 |
+
if (!defined('APS_CSS_DIR')) {
|
22 |
+
define('APS_CSS_DIR', plugin_dir_url(__FILE__) . 'css');
|
23 |
+
}
|
24 |
+
if (!defined('APS_ICONS_DIR')) {
|
25 |
+
define('APS_ICONS_DIR', plugin_dir_url(__FILE__) . 'icon-sets');
|
26 |
+
}
|
27 |
+
if (!defined('APS_LANG_DIR')) {
|
28 |
+
define('APS_LANG_DIR', plugin_dir_url(__FILE__) . 'languages');
|
29 |
+
}
|
30 |
+
/**
|
31 |
+
* Register of widgets
|
32 |
+
* */
|
33 |
+
include_once('inc/backend/widgets.php');
|
34 |
+
if (!class_exists('APS_Class')) {
|
35 |
+
|
36 |
+
class APS_Class {
|
37 |
+
/**
|
38 |
+
* Initialization of plugin from constructor
|
39 |
+
* */
|
40 |
+
function __construct() {
|
41 |
+
register_activation_hook(__FILE__, array($this, 'plugin_activation')); //calls plugin activation function
|
42 |
+
add_action('init', array($this, 'plugin_text_domain')); //loads text domain for translation ready
|
43 |
+
add_action('init', array($this, 'register_frontend_assets'));//registers assets for frontend
|
44 |
+
add_action('admin_menu', array($this, 'add_aps_menu')); //adds plugin menu in wp-admin
|
45 |
+
add_action('admin_init', array($this, 'register_admin_assets')); //registers all the assets required for wp-admin
|
46 |
+
add_action('admin_init', array($this, 'admin_session_init')); //intializes session
|
47 |
+
add_action('admin_post_aps_add_new_set', array($this, 'aps_add_new_set')); //add new set action
|
48 |
+
add_action('admin_post_aps_edit_action', array($this, 'aps_edit_action')); //icon set edit action
|
49 |
+
add_action('admin_post_aps_delete_action', array($this, 'aps_delete_action')); //icon set delete action
|
50 |
+
add_shortcode('aps-social', array($this, 'aps_social_shortcode')); //adds the aps-social shortcode
|
51 |
+
add_action('wp_ajax_aps_icon_list_action', array($this, 'aps_icon_list_action')); //admin ajax action for icon listing
|
52 |
+
add_action('wp_ajax_nopriv_aps_icon_list_action', array($this, 'no_permission')); //action for unauthenticate admin ajax call
|
53 |
+
add_action('wp_ajax_get_theme_icons', array($this, 'get_theme_icons')); //admin ajax for getting theme icons
|
54 |
+
add_action('wp_ajax_nopriv_get_theme_icons', array($this, 'no_permission')); //ajax action for unathenticate admin ajax call
|
55 |
+
add_action('widgets_init', array($this, 'register_aps_widget')); //register aps widget
|
56 |
+
|
57 |
+
}
|
58 |
+
|
59 |
+
//called when plugin is activated
|
60 |
+
function plugin_activation() {
|
61 |
+
include_once('inc/backend/activation.php');
|
62 |
+
}
|
63 |
+
|
64 |
+
//loads the text domain for translation
|
65 |
+
function plugin_text_domain() {
|
66 |
+
load_plugin_textdomain('aps-social', FALSE, APS_LANG_DIR);
|
67 |
+
}
|
68 |
+
|
69 |
+
//adds plugin menu in wp-admin
|
70 |
+
function add_aps_menu() {
|
71 |
+
add_menu_page('AccessPress Social', 'AccessPress <br/> Social Icons', 'manage_options', 'aps-social', array($this, 'main_page'), APS_IMAGE_DIR . '/si-icon.png');
|
72 |
+
add_submenu_page('aps-social', __('Social Icons','aps-social'), __('Social Icons','aps-social'), 'manage_options', 'aps-social', array($this, 'main_page'));
|
73 |
+
add_submenu_page('aps-social', __('Add New Set','aps-social'), __('Add New Set','aps-social'), 'manage_options', 'aps-social-add', array($this, 'add_new_set'));
|
74 |
+
add_submenu_page('aps-social', __('How to use','aps-social'), __('How to use','aps-social'), 'manage_options', 'aps-social-how-to-use', array($this, 'how_to_use'));
|
75 |
+
add_submenu_page('aps-social', __('About','aps-social'), __('About','aps-social'), 'manage_options', 'aps-about', array($this, 'about'));
|
76 |
+
}
|
77 |
+
|
78 |
+
//plugin's main page
|
79 |
+
function main_page() {
|
80 |
+
include_once('inc/backend/main-page.php');
|
81 |
+
}
|
82 |
+
|
83 |
+
//Add new set of social icons
|
84 |
+
function add_new_set() {
|
85 |
+
include_once('inc/backend/add-new-set.php');
|
86 |
+
}
|
87 |
+
|
88 |
+
//registers all the js and css in wp-admin
|
89 |
+
function register_admin_assets() {
|
90 |
+
//including the scripts in the plugins pages only
|
91 |
+
if (isset($_GET['page']) && ($_GET['page'] == 'aps-social' || $_GET['page'] == 'aps-social-add' || $_GET['page'] == 'aps-about'|| $_GET['page'] == 'aps-social-how-to-use')) {
|
92 |
+
$aps_script_variable = array('icon_preview' => __('Icon Preview', 'aps-social'),
|
93 |
+
'icon_link' => __('Icon Link', 'aps-social'),
|
94 |
+
'icon_link_target' => __('Icon Link Target','aps-social'),
|
95 |
+
'icon_delete_confirm' => __('Are you sure you want to delete this icon from this list?', 'aps-social'),
|
96 |
+
'set_name_required_message' => __('Please enter the name for the set', 'aps-social'),
|
97 |
+
'min_icon_required_message' => __('Please add at least one icon in the set', 'aps-social'),
|
98 |
+
'ajax_url' => admin_url() . 'admin-ajax.php',
|
99 |
+
'ajax_nonce' => wp_create_nonce('aps-ajax-nonce'),
|
100 |
+
'icon_warning' => __('Are you sure you want to discard the icons added previously?', 'aps-social'),
|
101 |
+
'icon_collapse' => __('Collapse All', 'aps-social'),
|
102 |
+
'icon_expand' => __('Expand All', 'aps-social'));
|
103 |
+
/**
|
104 |
+
* Backend CSS
|
105 |
+
* */
|
106 |
+
wp_enqueue_style('aps-admin-css', APS_CSS_DIR . '/backend.css'); //registering plugin admin css
|
107 |
+
wp_enqueue_style('aps-animate-css', APS_CSS_DIR . '/animate.css'); //animate.css library
|
108 |
+
wp_enqueue_style('thickbox'); //for including wp thickbox css
|
109 |
+
wp_enqueue_style('wp-color-picker'); //for including color picker css
|
110 |
+
|
111 |
+
|
112 |
+
/**
|
113 |
+
* Backend JS
|
114 |
+
* */
|
115 |
+
wp_enqueue_script('jquery-ui-sortable');
|
116 |
+
wp_enqueue_script('media-upload'); //for uploading image using wp native uploader
|
117 |
+
wp_enqueue_script('thickbox'); //for uploading image using wp native uploader + thickbox
|
118 |
+
wp_enqueue_script('aps-admin-js', APS_JS_DIR . '/backend.js', array('jquery', 'jquery-ui-sortable', 'wp-color-picker'));//registering plugin's admin js
|
119 |
+
wp_localize_script('aps-admin-js', 'aps_script_variable', $aps_script_variable); //localization of php variable in aps-admin-js
|
120 |
+
}
|
121 |
+
}
|
122 |
+
|
123 |
+
//registers all the assets for frontend
|
124 |
+
function register_frontend_assets() {
|
125 |
+
/**
|
126 |
+
* Frontend Style
|
127 |
+
* */
|
128 |
+
wp_enqueue_style('aps-animate-css', APS_CSS_DIR . '/animate.css');//registering animate.css
|
129 |
+
wp_enqueue_style('aps-frontend-css', APS_CSS_DIR . '/frontend.css'); //registering frontend css
|
130 |
+
wp_enqueue_script('aps-frontend-js', APS_JS_DIR . '/frontend.js', array('jquery'));//registering frontend js
|
131 |
+
}
|
132 |
+
|
133 |
+
//action to save the set in db
|
134 |
+
function aps_add_new_set() {
|
135 |
+
if (isset($_POST['aps_add_set_nonce'], $_POST['aps_icon_set_submit']) && wp_verify_nonce($_POST['aps_add_set_nonce'], 'aps_add_new_set')) {
|
136 |
+
include_once('inc/backend/save-set.php');
|
137 |
+
} else {
|
138 |
+
die('No script kiddies please!');
|
139 |
+
}
|
140 |
+
}
|
141 |
+
|
142 |
+
//prints the array in pre format
|
143 |
+
function print_array($array) {
|
144 |
+
echo "<pre>";
|
145 |
+
print_r($array);
|
146 |
+
echo "</pre>";
|
147 |
+
}
|
148 |
+
|
149 |
+
//starts the session
|
150 |
+
function admin_session_init() {
|
151 |
+
if (!session_id()) {
|
152 |
+
session_start();
|
153 |
+
}
|
154 |
+
}
|
155 |
+
|
156 |
+
//Icon set delete section
|
157 |
+
function aps_delete_action() {
|
158 |
+
if (isset($_GET['action'], $_GET['_wpnonce']) && wp_verify_nonce($_GET['_wpnonce'], 'aps-delete-nonce')) {
|
159 |
+
include_once('inc/backend/delete-icon-set.php');
|
160 |
+
} else {
|
161 |
+
die('No script kiddies please!');
|
162 |
+
}
|
163 |
+
}
|
164 |
+
|
165 |
+
//Icon set edit action
|
166 |
+
function aps_edit_action() {
|
167 |
+
|
168 |
+
if (isset($_POST['aps_edit_set_nonce'], $_POST['aps_icon_set_submit']) && wp_verify_nonce($_POST['aps_edit_set_nonce'], 'aps_edit_action')) {
|
169 |
+
include_once('inc/backend/save-set.php');
|
170 |
+
} else {
|
171 |
+
die('No script kiddies please!');
|
172 |
+
}
|
173 |
+
}
|
174 |
+
|
175 |
+
|
176 |
+
|
177 |
+
|
178 |
+
//shortcode function
|
179 |
+
function aps_social_shortcode($atts) {
|
180 |
+
if (isset($atts['id'])) {
|
181 |
+
//return (print_r($atts,true));
|
182 |
+
ob_start();
|
183 |
+
include('inc/frontend/shortcode.php');
|
184 |
+
$html = ob_get_contents();
|
185 |
+
ob_get_clean();
|
186 |
+
return $html;
|
187 |
+
}
|
188 |
+
}
|
189 |
+
|
190 |
+
//lists the available icons
|
191 |
+
function aps_icon_list_action() {
|
192 |
+
if (wp_verify_nonce($_POST['_wpnonce'], 'aps-ajax-nonce')) {
|
193 |
+
$plugin_path = plugin_dir_path(__FILE__);
|
194 |
+
//include_once('inc/backend/list-icon-sets.php');
|
195 |
+
for ($i = 1; $i <= 12; $i++) {
|
196 |
+
$icon_set_image_array = array();
|
197 |
+
?>
|
198 |
+
<div class="aps-set-wrapper" id="aps-set-<?php echo $i; ?>">
|
199 |
+
<h3>Set <?php echo $i; ?></h3>
|
200 |
+
<div class="aps-row">
|
201 |
+
<?php
|
202 |
+
$handle = opendir(dirname(realpath(__FILE__)) . '/icon-sets/png/set' . $i);
|
203 |
+
while ($file = readdir($handle)) {
|
204 |
+
$filename_array = explode('.', $file);
|
205 |
+
$filename = ucfirst($filename_array[0]);
|
206 |
+
$ext = end($filename_array);
|
207 |
+
if ($file !== '.' && $file !== '..' && $ext == 'png') {
|
208 |
+
$icon_set_image_array[] = $file;
|
209 |
+
|
210 |
+
|
211 |
+
//echo '<img src="/'.$file.'" border="0" />';
|
212 |
+
}//if close
|
213 |
+
}//while close
|
214 |
+
if (count($icon_set_image_array) > 0) {
|
215 |
+
natsort($icon_set_image_array);
|
216 |
+
foreach ($icon_set_image_array as $file) {
|
217 |
+
$filename_array = explode('.', $file);
|
218 |
+
$filename = ucfirst($filename_array[0]);
|
219 |
+
?>
|
220 |
+
<div class="aps-col-one-fourth">
|
221 |
+
<div class="aps-set-image-wrapper">
|
222 |
+
<a href='javascript:void(0);'>
|
223 |
+
<img src="<?php echo APS_ICONS_DIR . '/png/set' . $i . '/' . $file; ?>" alt="<?php echo $filename; ?>" title="<?php echo $filename; ?>"/>
|
224 |
+
<span class="aps-set-image-title"><?php echo $filename; ?></span>
|
225 |
+
</a>
|
226 |
+
</div>
|
227 |
+
</div>
|
228 |
+
<?php
|
229 |
+
}
|
230 |
+
}
|
231 |
+
/* $icon_set_path = 'icon-sets/set1';
|
232 |
+
$images = glob($icon_set_path . "*.*");
|
233 |
+
$this->print_array($images); */
|
234 |
+
?>
|
235 |
+
</div>
|
236 |
+
</div><!--aps-set-wrapper-->
|
237 |
+
<div class="clear"></div>
|
238 |
+
<?php
|
239 |
+
}
|
240 |
+
die();
|
241 |
+
} else {
|
242 |
+
die('No script kiddies please!');
|
243 |
+
}
|
244 |
+
}
|
245 |
+
|
246 |
+
//lists the icons of specific theme
|
247 |
+
function get_theme_icons() {
|
248 |
+
|
249 |
+
if (wp_verify_nonce($_POST['_wpnonce'], 'aps-ajax-nonce')) {
|
250 |
+
$plugin_path = plugin_dir_path(__FILE__);
|
251 |
+
$sub_folder = $_POST['sub_folder'];
|
252 |
+
$folder = $_POST['folder'];
|
253 |
+
$handle = opendir(dirname(realpath(__FILE__)) . '/icon-sets/' . $sub_folder . '/' . $folder);
|
254 |
+
$icon_counter = 0;
|
255 |
+
$set_image_array = array();
|
256 |
+
while ($file = readdir($handle)) {
|
257 |
+
$filename_array = explode('.', $file);
|
258 |
+
$filename = ucfirst($filename_array[0]);
|
259 |
+
$ext = end($filename_array);
|
260 |
+
if ($file !== '.' && $file !== '..' && $ext == 'png') {
|
261 |
+
$icon_counter++;
|
262 |
+
$set_image_array[] = $file;
|
263 |
+
}
|
264 |
+
}
|
265 |
+
|
266 |
+
if (count($set_image_array) > 0) {
|
267 |
+
natsort($set_image_array);
|
268 |
+
$image_url_array = array();
|
269 |
+
foreach ($set_image_array as $file) {
|
270 |
+
$filename_array = explode('.', $file);
|
271 |
+
$filename = ucfirst($filename_array[0]);
|
272 |
+
if($_POST['url_only']=='yes')
|
273 |
+
{
|
274 |
+
$image_url_array[] = APS_ICONS_DIR . '/' . $sub_folder . '/' . $folder . '/' . $file;
|
275 |
+
}
|
276 |
+
else
|
277 |
+
{
|
278 |
+
include('inc/backend/theme-icon-set.php');
|
279 |
+
}
|
280 |
+
|
281 |
+
}
|
282 |
+
if($_POST['url_only']=='yes')
|
283 |
+
{
|
284 |
+
die(json_encode($image_url_array));
|
285 |
+
}
|
286 |
+
}
|
287 |
+
} else {
|
288 |
+
die('No script kiddies please');
|
289 |
+
}
|
290 |
+
die();
|
291 |
+
}
|
292 |
+
|
293 |
+
//prevents unauthorized ajax call
|
294 |
+
function no_permission() {
|
295 |
+
die('No script kiddies please!');
|
296 |
+
}
|
297 |
+
|
298 |
+
//returns the current page url
|
299 |
+
function curPageURL() {
|
300 |
+
$pageURL = 'http';
|
301 |
+
if (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] == 'on') {
|
302 |
+
$pageURL .= "s";
|
303 |
+
}
|
304 |
+
$pageURL .= "://";
|
305 |
+
if ($_SERVER["SERVER_PORT"] != "80") {
|
306 |
+
$pageURL .= $_SERVER["SERVER_NAME"] . ":" . $_SERVER["SERVER_PORT"] . $_SERVER["REQUEST_URI"];
|
307 |
+
} else {
|
308 |
+
$pageURL .= $_SERVER["SERVER_NAME"] . $_SERVER["REQUEST_URI"];
|
309 |
+
}
|
310 |
+
return $pageURL;
|
311 |
+
}
|
312 |
+
|
313 |
+
//registers the APS widget
|
314 |
+
function register_aps_widget() {
|
315 |
+
register_widget('APS_Widget');
|
316 |
+
}
|
317 |
+
|
318 |
+
//returns total number of displaying icons
|
319 |
+
function get_total_display_icons($icons)
|
320 |
+
{
|
321 |
+
$counter = 0;
|
322 |
+
foreach($icons as $icon)
|
323 |
+
{
|
324 |
+
if($icon['link']!='')
|
325 |
+
{
|
326 |
+
$counter++;
|
327 |
+
}
|
328 |
+
}
|
329 |
+
return $counter;
|
330 |
+
}
|
331 |
+
|
332 |
+
//about section
|
333 |
+
function about()
|
334 |
+
{
|
335 |
+
include('inc/backend/about.php');
|
336 |
+
}
|
337 |
+
|
338 |
+
//how to use section
|
339 |
+
function how_to_use()
|
340 |
+
{
|
341 |
+
include('inc/backend/how-to-use.php');
|
342 |
+
}
|
343 |
+
|
344 |
+
}
|
345 |
+
|
346 |
+
//APS_Class termination
|
347 |
+
|
348 |
+
$aps_object = new APS_Class();
|
349 |
+
}// class exists condition check
|
350 |
+
|
351 |
+
|
css/animate.css
ADDED
@@ -0,0 +1,3158 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
@charset "UTF-8";
|
2 |
+
/*!
|
3 |
+
Animate.css - http://daneden.me/animate
|
4 |
+
Licensed under the MIT license - http://opensource.org/licenses/MIT
|
5 |
+
|
6 |
+
Copyright (c) 2014 Daniel Eden
|
7 |
+
*/
|
8 |
+
|
9 |
+
.animated {
|
10 |
+
-webkit-animation-duration: 1s;
|
11 |
+
animation-duration: 1s;
|
12 |
+
-webkit-animation-fill-mode: both;
|
13 |
+
animation-fill-mode: both;
|
14 |
+
}
|
15 |
+
|
16 |
+
.animated.infinite {
|
17 |
+
-webkit-animation-iteration-count: infinite;
|
18 |
+
animation-iteration-count: infinite;
|
19 |
+
}
|
20 |
+
|
21 |
+
.animated.hinge {
|
22 |
+
-webkit-animation-duration: 2s;
|
23 |
+
animation-duration: 2s;
|
24 |
+
}
|
25 |
+
|
26 |
+
@-webkit-keyframes bounce {
|
27 |
+
0%, 20%, 53%, 80%, 100% {
|
28 |
+
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
29 |
+
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
30 |
+
-webkit-transform: translate3d(0,0,0);
|
31 |
+
transform: translate3d(0,0,0);
|
32 |
+
}
|
33 |
+
|
34 |
+
40%, 43% {
|
35 |
+
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
36 |
+
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
37 |
+
-webkit-transform: translate3d(0, -30px, 0);
|
38 |
+
transform: translate3d(0, -30px, 0);
|
39 |
+
}
|
40 |
+
|
41 |
+
70% {
|
42 |
+
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
43 |
+
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
44 |
+
-webkit-transform: translate3d(0, -15px, 0);
|
45 |
+
transform: translate3d(0, -15px, 0);
|
46 |
+
}
|
47 |
+
|
48 |
+
90% {
|
49 |
+
-webkit-transform: translate3d(0,-4px,0);
|
50 |
+
transform: translate3d(0,-4px,0);
|
51 |
+
}
|
52 |
+
}
|
53 |
+
|
54 |
+
@keyframes bounce {
|
55 |
+
0%, 20%, 53%, 80%, 100% {
|
56 |
+
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
57 |
+
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
58 |
+
-webkit-transform: translate3d(0,0,0);
|
59 |
+
transform: translate3d(0,0,0);
|
60 |
+
}
|
61 |
+
|
62 |
+
40%, 43% {
|
63 |
+
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
64 |
+
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
65 |
+
-webkit-transform: translate3d(0, -30px, 0);
|
66 |
+
transform: translate3d(0, -30px, 0);
|
67 |
+
}
|
68 |
+
|
69 |
+
70% {
|
70 |
+
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
71 |
+
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
72 |
+
-webkit-transform: translate3d(0, -15px, 0);
|
73 |
+
transform: translate3d(0, -15px, 0);
|
74 |
+
}
|
75 |
+
|
76 |
+
90% {
|
77 |
+
-webkit-transform: translate3d(0,-4px,0);
|
78 |
+
transform: translate3d(0,-4px,0);
|
79 |
+
}
|
80 |
+
}
|
81 |
+
|
82 |
+
.bounce {
|
83 |
+
-webkit-animation-name: bounce;
|
84 |
+
animation-name: bounce;
|
85 |
+
-webkit-transform-origin: center bottom;
|
86 |
+
-ms-transform-origin: center bottom;
|
87 |
+
transform-origin: center bottom;
|
88 |
+
}
|
89 |
+
|
90 |
+
@-webkit-keyframes flash {
|
91 |
+
0%, 50%, 100% {
|
92 |
+
opacity: 1;
|
93 |
+
}
|
94 |
+
|
95 |
+
25%, 75% {
|
96 |
+
opacity: 0;
|
97 |
+
}
|
98 |
+
}
|
99 |
+
|
100 |
+
@keyframes flash {
|
101 |
+
0%, 50%, 100% {
|
102 |
+
opacity: 1;
|
103 |
+
}
|
104 |
+
|
105 |
+
25%, 75% {
|
106 |
+
opacity: 0;
|
107 |
+
}
|
108 |
+
}
|
109 |
+
|
110 |
+
.flash {
|
111 |
+
-webkit-animation-name: flash;
|
112 |
+
animation-name: flash;
|
113 |
+
}
|
114 |
+
|
115 |
+
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
116 |
+
|
117 |
+
@-webkit-keyframes pulse {
|
118 |
+
0% {
|
119 |
+
-webkit-transform: scale3d(1, 1, 1);
|
120 |
+
transform: scale3d(1, 1, 1);
|
121 |
+
}
|
122 |
+
|
123 |
+
50% {
|
124 |
+
-webkit-transform: scale3d(1.05, 1.05, 1.05);
|
125 |
+
transform: scale3d(1.05, 1.05, 1.05);
|
126 |
+
}
|
127 |
+
|
128 |
+
100% {
|
129 |
+
-webkit-transform: scale3d(1, 1, 1);
|
130 |
+
transform: scale3d(1, 1, 1);
|
131 |
+
}
|
132 |
+
}
|
133 |
+
|
134 |
+
@keyframes pulse {
|
135 |
+
0% {
|
136 |
+
-webkit-transform: scale3d(1, 1, 1);
|
137 |
+
transform: scale3d(1, 1, 1);
|
138 |
+
}
|
139 |
+
|
140 |
+
50% {
|
141 |
+
-webkit-transform: scale3d(1.05, 1.05, 1.05);
|
142 |
+
transform: scale3d(1.05, 1.05, 1.05);
|
143 |
+
}
|
144 |
+
|
145 |
+
100% {
|
146 |
+
-webkit-transform: scale3d(1, 1, 1);
|
147 |
+
transform: scale3d(1, 1, 1);
|
148 |
+
}
|
149 |
+
}
|
150 |
+
|
151 |
+
.pulse {
|
152 |
+
-webkit-animation-name: pulse;
|
153 |
+
animation-name: pulse;
|
154 |
+
}
|
155 |
+
|
156 |
+
@-webkit-keyframes rubberBand {
|
157 |
+
0% {
|
158 |
+
-webkit-transform: scale3d(1, 1, 1);
|
159 |
+
transform: scale3d(1, 1, 1);
|
160 |
+
}
|
161 |
+
|
162 |
+
30% {
|
163 |
+
-webkit-transform: scale3d(1.25, 0.75, 1);
|
164 |
+
transform: scale3d(1.25, 0.75, 1);
|
165 |
+
}
|
166 |
+
|
167 |
+
40% {
|
168 |
+
-webkit-transform: scale3d(0.75, 1.25, 1);
|
169 |
+
transform: scale3d(0.75, 1.25, 1);
|
170 |
+
}
|
171 |
+
|
172 |
+
50% {
|
173 |
+
-webkit-transform: scale3d(1.15, 0.85, 1);
|
174 |
+
transform: scale3d(1.15, 0.85, 1);
|
175 |
+
}
|
176 |
+
|
177 |
+
65% {
|
178 |
+
-webkit-transform: scale3d(.95, 1.05, 1);
|
179 |
+
transform: scale3d(.95, 1.05, 1);
|
180 |
+
}
|
181 |
+
|
182 |
+
75% {
|
183 |
+
-webkit-transform: scale3d(1.05, .95, 1);
|
184 |
+
transform: scale3d(1.05, .95, 1);
|
185 |
+
}
|
186 |
+
|
187 |
+
100% {
|
188 |
+
-webkit-transform: scale3d(1, 1, 1);
|
189 |
+
transform: scale3d(1, 1, 1);
|
190 |
+
}
|
191 |
+
}
|
192 |
+
|
193 |
+
@keyframes rubberBand {
|
194 |
+
0% {
|
195 |
+
-webkit-transform: scale3d(1, 1, 1);
|
196 |
+
transform: scale3d(1, 1, 1);
|
197 |
+
}
|
198 |
+
|
199 |
+
30% {
|
200 |
+
-webkit-transform: scale3d(1.25, 0.75, 1);
|
201 |
+
transform: scale3d(1.25, 0.75, 1);
|
202 |
+
}
|
203 |
+
|
204 |
+
40% {
|
205 |
+
-webkit-transform: scale3d(0.75, 1.25, 1);
|
206 |
+
transform: scale3d(0.75, 1.25, 1);
|
207 |
+
}
|
208 |
+
|
209 |
+
50% {
|
210 |
+
-webkit-transform: scale3d(1.15, 0.85, 1);
|
211 |
+
transform: scale3d(1.15, 0.85, 1);
|
212 |
+
}
|
213 |
+
|
214 |
+
65% {
|
215 |
+
-webkit-transform: scale3d(.95, 1.05, 1);
|
216 |
+
transform: scale3d(.95, 1.05, 1);
|
217 |
+
}
|
218 |
+
|
219 |
+
75% {
|
220 |
+
-webkit-transform: scale3d(1.05, .95, 1);
|
221 |
+
transform: scale3d(1.05, .95, 1);
|
222 |
+
}
|
223 |
+
|
224 |
+
100% {
|
225 |
+
-webkit-transform: scale3d(1, 1, 1);
|
226 |
+
transform: scale3d(1, 1, 1);
|
227 |
+
}
|
228 |
+
}
|
229 |
+
|
230 |
+
.rubberBand {
|
231 |
+
-webkit-animation-name: rubberBand;
|
232 |
+
animation-name: rubberBand;
|
233 |
+
}
|
234 |
+
|
235 |
+
@-webkit-keyframes shake {
|
236 |
+
0%, 100% {
|
237 |
+
-webkit-transform: translate3d(0, 0, 0);
|
238 |
+
transform: translate3d(0, 0, 0);
|
239 |
+
}
|
240 |
+
|
241 |
+
10%, 30%, 50%, 70%, 90% {
|
242 |
+
-webkit-transform: translate3d(-10px, 0, 0);
|
243 |
+
transform: translate3d(-10px, 0, 0);
|
244 |
+
}
|
245 |
+
|
246 |
+
20%, 40%, 60%, 80% {
|
247 |
+
-webkit-transform: translate3d(10px, 0, 0);
|
248 |
+
transform: translate3d(10px, 0, 0);
|
249 |
+
}
|
250 |
+
}
|
251 |
+
|
252 |
+
@keyframes shake {
|
253 |
+
0%, 100% {
|
254 |
+
-webkit-transform: translate3d(0, 0, 0);
|
255 |
+
transform: translate3d(0, 0, 0);
|
256 |
+
}
|
257 |
+
|
258 |
+
10%, 30%, 50%, 70%, 90% {
|
259 |
+
-webkit-transform: translate3d(-10px, 0, 0);
|
260 |
+
transform: translate3d(-10px, 0, 0);
|
261 |
+
}
|
262 |
+
|
263 |
+
20%, 40%, 60%, 80% {
|
264 |
+
-webkit-transform: translate3d(10px, 0, 0);
|
265 |
+
transform: translate3d(10px, 0, 0);
|
266 |
+
}
|
267 |
+
}
|
268 |
+
|
269 |
+
.shake {
|
270 |
+
-webkit-animation-name: shake;
|
271 |
+
animation-name: shake;
|
272 |
+
}
|
273 |
+
|
274 |
+
@-webkit-keyframes swing {
|
275 |
+
20% {
|
276 |
+
-webkit-transform: rotate3d(0, 0, 1, 15deg);
|
277 |
+
transform: rotate3d(0, 0, 1, 15deg);
|
278 |
+
}
|
279 |
+
|
280 |
+
40% {
|
281 |
+
-webkit-transform: rotate3d(0, 0, 1, -10deg);
|
282 |
+
transform: rotate3d(0, 0, 1, -10deg);
|
283 |
+
}
|
284 |
+
|
285 |
+
60% {
|
286 |
+
-webkit-transform: rotate3d(0, 0, 1, 5deg);
|
287 |
+
transform: rotate3d(0, 0, 1, 5deg);
|
288 |
+
}
|
289 |
+
|
290 |
+
80% {
|
291 |
+
-webkit-transform: rotate3d(0, 0, 1, -5deg);
|
292 |
+
transform: rotate3d(0, 0, 1, -5deg);
|
293 |
+
}
|
294 |
+
|
295 |
+
100% {
|
296 |
+
-webkit-transform: rotate3d(0, 0, 1, 0deg);
|
297 |
+
transform: rotate3d(0, 0, 1, 0deg);
|
298 |
+
}
|
299 |
+
}
|
300 |
+
|
301 |
+
@keyframes swing {
|
302 |
+
20% {
|
303 |
+
-webkit-transform: rotate3d(0, 0, 1, 15deg);
|
304 |
+
transform: rotate3d(0, 0, 1, 15deg);
|
305 |
+
}
|
306 |
+
|
307 |
+
40% {
|
308 |
+
-webkit-transform: rotate3d(0, 0, 1, -10deg);
|
309 |
+
transform: rotate3d(0, 0, 1, -10deg);
|
310 |
+
}
|
311 |
+
|
312 |
+
60% {
|
313 |
+
-webkit-transform: rotate3d(0, 0, 1, 5deg);
|
314 |
+
transform: rotate3d(0, 0, 1, 5deg);
|
315 |
+
}
|
316 |
+
|
317 |
+
80% {
|
318 |
+
-webkit-transform: rotate3d(0, 0, 1, -5deg);
|
319 |
+
transform: rotate3d(0, 0, 1, -5deg);
|
320 |
+
}
|
321 |
+
|
322 |
+
100% {
|
323 |
+
-webkit-transform: rotate3d(0, 0, 1, 0deg);
|
324 |
+
transform: rotate3d(0, 0, 1, 0deg);
|
325 |
+
}
|
326 |
+
}
|
327 |
+
|
328 |
+
.swing {
|
329 |
+
-webkit-transform-origin: top center;
|
330 |
+
-ms-transform-origin: top center;
|
331 |
+
transform-origin: top center;
|
332 |
+
-webkit-animation-name: swing;
|
333 |
+
animation-name: swing;
|
334 |
+
}
|
335 |
+
|
336 |
+
@-webkit-keyframes tada {
|
337 |
+
0% {
|
338 |
+
-webkit-transform: scale3d(1, 1, 1);
|
339 |
+
transform: scale3d(1, 1, 1);
|
340 |
+
}
|
341 |
+
|
342 |
+
10%, 20% {
|
343 |
+
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
|
344 |
+
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
|
345 |
+
}
|
346 |
+
|
347 |
+
30%, 50%, 70%, 90% {
|
348 |
+
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
349 |
+
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
350 |
+
}
|
351 |
+
|
352 |
+
40%, 60%, 80% {
|
353 |
+
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
354 |
+
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
355 |
+
}
|
356 |
+
|
357 |
+
100% {
|
358 |
+
-webkit-transform: scale3d(1, 1, 1);
|
359 |
+
transform: scale3d(1, 1, 1);
|
360 |
+
}
|
361 |
+
}
|
362 |
+
|
363 |
+
@keyframes tada {
|
364 |
+
0% {
|
365 |
+
-webkit-transform: scale3d(1, 1, 1);
|
366 |
+
transform: scale3d(1, 1, 1);
|
367 |
+
}
|
368 |
+
|
369 |
+
10%, 20% {
|
370 |
+
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
|
371 |
+
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
|
372 |
+
}
|
373 |
+
|
374 |
+
30%, 50%, 70%, 90% {
|
375 |
+
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
376 |
+
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
377 |
+
}
|
378 |
+
|
379 |
+
40%, 60%, 80% {
|
380 |
+
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
381 |
+
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
382 |
+
}
|
383 |
+
|
384 |
+
100% {
|
385 |
+
-webkit-transform: scale3d(1, 1, 1);
|
386 |
+
transform: scale3d(1, 1, 1);
|
387 |
+
}
|
388 |
+
}
|
389 |
+
|
390 |
+
.tada {
|
391 |
+
-webkit-animation-name: tada;
|
392 |
+
animation-name: tada;
|
393 |
+
}
|
394 |
+
|
395 |
+
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
396 |
+
|
397 |
+
@-webkit-keyframes wobble {
|
398 |
+
0% {
|
399 |
+
-webkit-transform: none;
|
400 |
+
transform: none;
|
401 |
+
}
|
402 |
+
|
403 |
+
15% {
|
404 |
+
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
405 |
+
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
406 |
+
}
|
407 |
+
|
408 |
+
30% {
|
409 |
+
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
410 |
+
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
411 |
+
}
|
412 |
+
|
413 |
+
45% {
|
414 |
+
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
415 |
+
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
416 |
+
}
|
417 |
+
|
418 |
+
60% {
|
419 |
+
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
420 |
+
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
421 |
+
}
|
422 |
+
|
423 |
+
75% {
|
424 |
+
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
425 |
+
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
426 |
+
}
|
427 |
+
|
428 |
+
100% {
|
429 |
+
-webkit-transform: none;
|
430 |
+
transform: none;
|
431 |
+
}
|
432 |
+
}
|
433 |
+
|
434 |
+
@keyframes wobble {
|
435 |
+
0% {
|
436 |
+
-webkit-transform: none;
|
437 |
+
transform: none;
|
438 |
+
}
|
439 |
+
|
440 |
+
15% {
|
441 |
+
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
442 |
+
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
443 |
+
}
|
444 |
+
|
445 |
+
30% {
|
446 |
+
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
447 |
+
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
448 |
+
}
|
449 |
+
|
450 |
+
45% {
|
451 |
+
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
452 |
+
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
453 |
+
}
|
454 |
+
|
455 |
+
60% {
|
456 |
+
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
457 |
+
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
458 |
+
}
|
459 |
+
|
460 |
+
75% {
|
461 |
+
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
462 |
+
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
463 |
+
}
|
464 |
+
|
465 |
+
100% {
|
466 |
+
-webkit-transform: none;
|
467 |
+
transform: none;
|
468 |
+
}
|
469 |
+
}
|
470 |
+
|
471 |
+
.wobble {
|
472 |
+
-webkit-animation-name: wobble;
|
473 |
+
animation-name: wobble;
|
474 |
+
}
|
475 |
+
|
476 |
+
@-webkit-keyframes bounceIn {
|
477 |
+
0%, 20%, 40%, 60%, 80%, 100% {
|
478 |
+
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
479 |
+
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
480 |
+
}
|
481 |
+
|
482 |
+
0% {
|
483 |
+
opacity: 0;
|
484 |
+
-webkit-transform: scale3d(.3, .3, .3);
|
485 |
+
transform: scale3d(.3, .3, .3);
|
486 |
+
}
|
487 |
+
|
488 |
+
20% {
|
489 |
+
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
490 |
+
transform: scale3d(1.1, 1.1, 1.1);
|
491 |
+
}
|
492 |
+
|
493 |
+
40% {
|
494 |
+
-webkit-transform: scale3d(.9, .9, .9);
|
495 |
+
transform: scale3d(.9, .9, .9);
|
496 |
+
}
|
497 |
+
|
498 |
+
60% {
|
499 |
+
opacity: 1;
|
500 |
+
-webkit-transform: scale3d(1.03, 1.03, 1.03);
|
501 |
+
transform: scale3d(1.03, 1.03, 1.03);
|
502 |
+
}
|
503 |
+
|
504 |
+
80% {
|
505 |
+
-webkit-transform: scale3d(.97, .97, .97);
|
506 |
+
transform: scale3d(.97, .97, .97);
|
507 |
+
}
|
508 |
+
|
509 |
+
100% {
|
510 |
+
opacity: 1;
|
511 |
+
-webkit-transform: scale3d(1, 1, 1);
|
512 |
+
transform: scale3d(1, 1, 1);
|
513 |
+
}
|
514 |
+
}
|
515 |
+
|
516 |
+
@keyframes bounceIn {
|
517 |
+
0%, 20%, 40%, 60%, 80%, 100% {
|
518 |
+
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
519 |
+
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
520 |
+
}
|
521 |
+
|
522 |
+
0% {
|
523 |
+
opacity: 0;
|
524 |
+
-webkit-transform: scale3d(.3, .3, .3);
|
525 |
+
transform: scale3d(.3, .3, .3);
|
526 |
+
}
|
527 |
+
|
528 |
+
20% {
|
529 |
+
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
530 |
+
transform: scale3d(1.1, 1.1, 1.1);
|
531 |
+
}
|
532 |
+
|
533 |
+
40% {
|
534 |
+
-webkit-transform: scale3d(.9, .9, .9);
|
535 |
+
transform: scale3d(.9, .9, .9);
|
536 |
+
}
|
537 |
+
|
538 |
+
60% {
|
539 |
+
opacity: 1;
|
540 |
+
-webkit-transform: scale3d(1.03, 1.03, 1.03);
|
541 |
+
transform: scale3d(1.03, 1.03, 1.03);
|
542 |
+
}
|
543 |
+
|
544 |
+
80% {
|
545 |
+
-webkit-transform: scale3d(.97, .97, .97);
|
546 |
+
transform: scale3d(.97, .97, .97);
|
547 |
+
}
|
548 |
+
|
549 |
+
100% {
|
550 |
+
opacity: 1;
|
551 |
+
-webkit-transform: scale3d(1, 1, 1);
|
552 |
+
transform: scale3d(1, 1, 1);
|
553 |
+
}
|
554 |
+
}
|
555 |
+
|
556 |
+
.bounceIn {
|
557 |
+
-webkit-animation-name: bounceIn;
|
558 |
+
animation-name: bounceIn;
|
559 |
+
-webkit-animation-duration: .75s;
|
560 |
+
animation-duration: .75s;
|
561 |
+
}
|
562 |
+
|
563 |
+
@-webkit-keyframes bounceInDown {
|
564 |
+
0%, 60%, 75%, 90%, 100% {
|
565 |
+
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
566 |
+
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
567 |
+
}
|
568 |
+
|
569 |
+
0% {
|
570 |
+
opacity: 0;
|
571 |
+
-webkit-transform: translate3d(0, -3000px, 0);
|
572 |
+
transform: translate3d(0, -3000px, 0);
|
573 |
+
}
|
574 |
+
|
575 |
+
60% {
|
576 |
+
opacity: 1;
|
577 |
+
-webkit-transform: translate3d(0, 25px, 0);
|
578 |
+
transform: translate3d(0, 25px, 0);
|
579 |
+
}
|
580 |
+
|
581 |
+
75% {
|
582 |
+
-webkit-transform: translate3d(0, -10px, 0);
|
583 |
+
transform: translate3d(0, -10px, 0);
|
584 |
+
}
|
585 |
+
|
586 |
+
90% {
|
587 |
+
-webkit-transform: translate3d(0, 5px, 0);
|
588 |
+
transform: translate3d(0, 5px, 0);
|
589 |
+
}
|
590 |
+
|
591 |
+
100% {
|
592 |
+
-webkit-transform: none;
|
593 |
+
transform: none;
|
594 |
+
}
|
595 |
+
}
|
596 |
+
|
597 |
+
@keyframes bounceInDown {
|
598 |
+
0%, 60%, 75%, 90%, 100% {
|
599 |
+
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
600 |
+
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
601 |
+
}
|
602 |
+
|
603 |
+
0% {
|
604 |
+
opacity: 0;
|
605 |
+
-webkit-transform: translate3d(0, -3000px, 0);
|
606 |
+
transform: translate3d(0, -3000px, 0);
|
607 |
+
}
|
608 |
+
|
609 |
+
60% {
|
610 |
+
opacity: 1;
|
611 |
+
-webkit-transform: translate3d(0, 25px, 0);
|
612 |
+
transform: translate3d(0, 25px, 0);
|
613 |
+
}
|
614 |
+
|
615 |
+
75% {
|
616 |
+
-webkit-transform: translate3d(0, -10px, 0);
|
617 |
+
transform: translate3d(0, -10px, 0);
|
618 |
+
}
|
619 |
+
|
620 |
+
90% {
|
621 |
+
-webkit-transform: translate3d(0, 5px, 0);
|
622 |
+
transform: translate3d(0, 5px, 0);
|
623 |
+
}
|
624 |
+
|
625 |
+
100% {
|
626 |
+
-webkit-transform: none;
|
627 |
+
transform: none;
|
628 |
+
}
|
629 |
+
}
|
630 |
+
|
631 |
+
.bounceInDown {
|
632 |
+
-webkit-animation-name: bounceInDown;
|
633 |
+
animation-name: bounceInDown;
|
634 |
+
}
|
635 |
+
|
636 |
+
@-webkit-keyframes bounceInLeft {
|
637 |
+
0%, 60%, 75%, 90%, 100% {
|
638 |
+
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
639 |
+
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
640 |
+
}
|
641 |
+
|
642 |
+
0% {
|
643 |
+
opacity: 0;
|
644 |
+
-webkit-transform: translate3d(-3000px, 0, 0);
|
645 |
+
transform: translate3d(-3000px, 0, 0);
|
646 |
+
}
|
647 |
+
|
648 |
+
60% {
|
649 |
+
opacity: 1;
|
650 |
+
-webkit-transform: translate3d(25px, 0, 0);
|
651 |
+
transform: translate3d(25px, 0, 0);
|
652 |
+
}
|
653 |
+
|
654 |
+
75% {
|
655 |
+
-webkit-transform: translate3d(-10px, 0, 0);
|
656 |
+
transform: translate3d(-10px, 0, 0);
|
657 |
+
}
|
658 |
+
|
659 |
+
90% {
|
660 |
+
-webkit-transform: translate3d(5px, 0, 0);
|
661 |
+
transform: translate3d(5px, 0, 0);
|
662 |
+
}
|
663 |
+
|
664 |
+
100% {
|
665 |
+
-webkit-transform: none;
|
666 |
+
transform: none;
|
667 |
+
}
|
668 |
+
}
|
669 |
+
|
670 |
+
@keyframes bounceInLeft {
|
671 |
+
0%, 60%, 75%, 90%, 100% {
|
672 |
+
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
673 |
+
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
674 |
+
}
|
675 |
+
|
676 |
+
0% {
|
677 |
+
opacity: 0;
|
678 |
+
-webkit-transform: translate3d(-3000px, 0, 0);
|
679 |
+
transform: translate3d(-3000px, 0, 0);
|
680 |
+
}
|
681 |
+
|
682 |
+
60% {
|
683 |
+
opacity: 1;
|
684 |
+
-webkit-transform: translate3d(25px, 0, 0);
|
685 |
+
transform: translate3d(25px, 0, 0);
|
686 |
+
}
|
687 |
+
|
688 |
+
75% {
|
689 |
+
-webkit-transform: translate3d(-10px, 0, 0);
|
690 |
+
transform: translate3d(-10px, 0, 0);
|
691 |
+
}
|
692 |
+
|
693 |
+
90% {
|
694 |
+
-webkit-transform: translate3d(5px, 0, 0);
|
695 |
+
transform: translate3d(5px, 0, 0);
|
696 |
+
}
|
697 |
+
|
698 |
+
100% {
|
699 |
+
-webkit-transform: none;
|
700 |
+
transform: none;
|
701 |
+
}
|
702 |
+
}
|
703 |
+
|
704 |
+
.bounceInLeft {
|
705 |
+
-webkit-animation-name: bounceInLeft;
|
706 |
+
animation-name: bounceInLeft;
|
707 |
+
}
|
708 |
+
|
709 |
+
@-webkit-keyframes bounceInRight {
|
710 |
+
0%, 60%, 75%, 90%, 100% {
|
711 |
+
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
712 |
+
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
713 |
+
}
|
714 |
+
|
715 |
+
0% {
|
716 |
+
opacity: 0;
|
717 |
+
-webkit-transform: translate3d(3000px, 0, 0);
|
718 |
+
transform: translate3d(3000px, 0, 0);
|
719 |
+
}
|
720 |
+
|
721 |
+
60% {
|
722 |
+
opacity: 1;
|
723 |
+
-webkit-transform: translate3d(-25px, 0, 0);
|
724 |
+
transform: translate3d(-25px, 0, 0);
|
725 |
+
}
|
726 |
+
|
727 |
+
75% {
|
728 |
+
-webkit-transform: translate3d(10px, 0, 0);
|
729 |
+
transform: translate3d(10px, 0, 0);
|
730 |
+
}
|
731 |
+
|
732 |
+
90% {
|
733 |
+
-webkit-transform: translate3d(-5px, 0, 0);
|
734 |
+
transform: translate3d(-5px, 0, 0);
|
735 |
+
}
|
736 |
+
|
737 |
+
100% {
|
738 |
+
-webkit-transform: none;
|
739 |
+
transform: none;
|
740 |
+
}
|
741 |
+
}
|
742 |
+
|
743 |
+
@keyframes bounceInRight {
|
744 |
+
0%, 60%, 75%, 90%, 100% {
|
745 |
+
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
746 |
+
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
747 |
+
}
|
748 |
+
|
749 |
+
0% {
|
750 |
+
opacity: 0;
|
751 |
+
-webkit-transform: translate3d(3000px, 0, 0);
|
752 |
+
transform: translate3d(3000px, 0, 0);
|
753 |
+
}
|
754 |
+
|
755 |
+
60% {
|
756 |
+
opacity: 1;
|
757 |
+
-webkit-transform: translate3d(-25px, 0, 0);
|
758 |
+
transform: translate3d(-25px, 0, 0);
|
759 |
+
}
|
760 |
+
|
761 |
+
75% {
|
762 |
+
-webkit-transform: translate3d(10px, 0, 0);
|
763 |
+
transform: translate3d(10px, 0, 0);
|
764 |
+
}
|
765 |
+
|
766 |
+
90% {
|
767 |
+
-webkit-transform: translate3d(-5px, 0, 0);
|
768 |
+
transform: translate3d(-5px, 0, 0);
|
769 |
+
}
|
770 |
+
|
771 |
+
100% {
|
772 |
+
-webkit-transform: none;
|
773 |
+
transform: none;
|
774 |
+
}
|
775 |
+
}
|
776 |
+
|
777 |
+
.bounceInRight {
|
778 |
+
-webkit-animation-name: bounceInRight;
|
779 |
+
animation-name: bounceInRight;
|
780 |
+
}
|
781 |
+
|
782 |
+
@-webkit-keyframes bounceInUp {
|
783 |
+
0%, 60%, 75%, 90%, 100% {
|
784 |
+
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
785 |
+
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
786 |
+
}
|
787 |
+
|
788 |
+
0% {
|
789 |
+
opacity: 0;
|
790 |
+
-webkit-transform: translate3d(0, 3000px, 0);
|
791 |
+
transform: translate3d(0, 3000px, 0);
|
792 |
+
}
|
793 |
+
|
794 |
+
60% {
|
795 |
+
opacity: 1;
|
796 |
+
-webkit-transform: translate3d(0, -20px, 0);
|
797 |
+
transform: translate3d(0, -20px, 0);
|
798 |
+
}
|
799 |
+
|
800 |
+
75% {
|
801 |
+
-webkit-transform: translate3d(0, 10px, 0);
|
802 |
+
transform: translate3d(0, 10px, 0);
|
803 |
+
}
|
804 |
+
|
805 |
+
90% {
|
806 |
+
-webkit-transform: translate3d(0, -5px, 0);
|
807 |
+
transform: translate3d(0, -5px, 0);
|
808 |
+
}
|
809 |
+
|
810 |
+
100% {
|
811 |
+
-webkit-transform: translate3d(0, 0, 0);
|
812 |
+
transform: translate3d(0, 0, 0);
|
813 |
+
}
|
814 |
+
}
|
815 |
+
|
816 |
+
@keyframes bounceInUp {
|
817 |
+
0%, 60%, 75%, 90%, 100% {
|
818 |
+
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
819 |
+
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
820 |
+
}
|
821 |
+
|
822 |
+
0% {
|
823 |
+
opacity: 0;
|
824 |
+
-webkit-transform: translate3d(0, 3000px, 0);
|
825 |
+
transform: translate3d(0, 3000px, 0);
|
826 |
+
}
|
827 |
+
|
828 |
+
60% {
|
829 |
+
opacity: 1;
|
830 |
+
-webkit-transform: translate3d(0, -20px, 0);
|
831 |
+
transform: translate3d(0, -20px, 0);
|
832 |
+
}
|
833 |
+
|
834 |
+
75% {
|
835 |
+
-webkit-transform: translate3d(0, 10px, 0);
|
836 |
+
transform: translate3d(0, 10px, 0);
|
837 |
+
}
|
838 |
+
|
839 |
+
90% {
|
840 |
+
-webkit-transform: translate3d(0, -5px, 0);
|
841 |
+
transform: translate3d(0, -5px, 0);
|
842 |
+
}
|
843 |
+
|
844 |
+
100% {
|
845 |
+
-webkit-transform: translate3d(0, 0, 0);
|
846 |
+
transform: translate3d(0, 0, 0);
|
847 |
+
}
|
848 |
+
}
|
849 |
+
|
850 |
+
.bounceInUp {
|
851 |
+
-webkit-animation-name: bounceInUp;
|
852 |
+
animation-name: bounceInUp;
|
853 |
+
}
|
854 |
+
|
855 |
+
@-webkit-keyframes bounceOut {
|
856 |
+
20% {
|
857 |
+
-webkit-transform: scale3d(.9, .9, .9);
|
858 |
+
transform: scale3d(.9, .9, .9);
|
859 |
+
}
|
860 |
+
|
861 |
+
50%, 55% {
|
862 |
+
opacity: 1;
|
863 |
+
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
864 |
+
transform: scale3d(1.1, 1.1, 1.1);
|
865 |
+
}
|
866 |
+
|
867 |
+
100% {
|
868 |
+
opacity: 0;
|
869 |
+
-webkit-transform: scale3d(.3, .3, .3);
|
870 |
+
transform: scale3d(.3, .3, .3);
|
871 |
+
}
|
872 |
+
}
|
873 |
+
|
874 |
+
@keyframes bounceOut {
|
875 |
+
20% {
|
876 |
+
-webkit-transform: scale3d(.9, .9, .9);
|
877 |
+
transform: scale3d(.9, .9, .9);
|
878 |
+
}
|
879 |
+
|
880 |
+
50%, 55% {
|
881 |
+
opacity: 1;
|
882 |
+
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
883 |
+
transform: scale3d(1.1, 1.1, 1.1);
|
884 |
+
}
|
885 |
+
|
886 |
+
100% {
|
887 |
+
opacity: 0;
|
888 |
+
-webkit-transform: scale3d(.3, .3, .3);
|
889 |
+
transform: scale3d(.3, .3, .3);
|
890 |
+
}
|
891 |
+
}
|
892 |
+
|
893 |
+
.bounceOut {
|
894 |
+
-webkit-animation-name: bounceOut;
|
895 |
+
animation-name: bounceOut;
|
896 |
+
-webkit-animation-duration: .75s;
|
897 |
+
animation-duration: .75s;
|
898 |
+
}
|
899 |
+
|
900 |
+
@-webkit-keyframes bounceOutDown {
|
901 |
+
20% {
|
902 |
+
-webkit-transform: translate3d(0, 10px, 0);
|
903 |
+
transform: translate3d(0, 10px, 0);
|
904 |
+
}
|
905 |
+
|
906 |
+
40%, 45% {
|
907 |
+
opacity: 1;
|
908 |
+
-webkit-transform: translate3d(0, -20px, 0);
|
909 |
+
transform: translate3d(0, -20px, 0);
|
910 |
+
}
|
911 |
+
|
912 |
+
100% {
|
913 |
+
opacity: 0;
|
914 |
+
-webkit-transform: translate3d(0, 2000px, 0);
|
915 |
+
transform: translate3d(0, 2000px, 0);
|
916 |
+
}
|
917 |
+
}
|
918 |
+
|
919 |
+
@keyframes bounceOutDown {
|
920 |
+
20% {
|
921 |
+
-webkit-transform: translate3d(0, 10px, 0);
|
922 |
+
transform: translate3d(0, 10px, 0);
|
923 |
+
}
|
924 |
+
|
925 |
+
40%, 45% {
|
926 |
+
opacity: 1;
|
927 |
+
-webkit-transform: translate3d(0, -20px, 0);
|
928 |
+
transform: translate3d(0, -20px, 0);
|
929 |
+
}
|
930 |
+
|
931 |
+
100% {
|
932 |
+
opacity: 0;
|
933 |
+
-webkit-transform: translate3d(0, 2000px, 0);
|
934 |
+
transform: translate3d(0, 2000px, 0);
|
935 |
+
}
|
936 |
+
}
|
937 |
+
|
938 |
+
.bounceOutDown {
|
939 |
+
-webkit-animation-name: bounceOutDown;
|
940 |
+
animation-name: bounceOutDown;
|
941 |
+
}
|
942 |
+
|
943 |
+
@-webkit-keyframes bounceOutLeft {
|
944 |
+
20% {
|
945 |
+
opacity: 1;
|
946 |
+
-webkit-transform: translate3d(20px, 0, 0);
|
947 |
+
transform: translate3d(20px, 0, 0);
|
948 |
+
}
|
949 |
+
|
950 |
+
100% {
|
951 |
+
opacity: 0;
|
952 |
+
-webkit-transform: translate3d(-2000px, 0, 0);
|
953 |
+
transform: translate3d(-2000px, 0, 0);
|
954 |
+
}
|
955 |
+
}
|
956 |
+
|
957 |
+
@keyframes bounceOutLeft {
|
958 |
+
20% {
|
959 |
+
opacity: 1;
|
960 |
+
-webkit-transform: translate3d(20px, 0, 0);
|
961 |
+
transform: translate3d(20px, 0, 0);
|
962 |
+
}
|
963 |
+
|
964 |
+
100% {
|
965 |
+
opacity: 0;
|
966 |
+
-webkit-transform: translate3d(-2000px, 0, 0);
|
967 |
+
transform: translate3d(-2000px, 0, 0);
|
968 |
+
}
|
969 |
+
}
|
970 |
+
|
971 |
+
.bounceOutLeft {
|
972 |
+
-webkit-animation-name: bounceOutLeft;
|
973 |
+
animation-name: bounceOutLeft;
|
974 |
+
}
|
975 |
+
|
976 |
+
@-webkit-keyframes bounceOutRight {
|
977 |
+
20% {
|
978 |
+
opacity: 1;
|
979 |
+
-webkit-transform: translate3d(-20px, 0, 0);
|
980 |
+
transform: translate3d(-20px, 0, 0);
|
981 |
+
}
|
982 |
+
|
983 |
+
100% {
|
984 |
+
opacity: 0;
|
985 |
+
-webkit-transform: translate3d(2000px, 0, 0);
|
986 |
+
transform: translate3d(2000px, 0, 0);
|
987 |
+
}
|
988 |
+
}
|
989 |
+
|
990 |
+
@keyframes bounceOutRight {
|
991 |
+
20% {
|
992 |
+
opacity: 1;
|
993 |
+
-webkit-transform: translate3d(-20px, 0, 0);
|
994 |
+
transform: translate3d(-20px, 0, 0);
|
995 |
+
}
|
996 |
+
|
997 |
+
100% {
|
998 |
+
opacity: 0;
|
999 |
+
-webkit-transform: translate3d(2000px, 0, 0);
|
1000 |
+
transform: translate3d(2000px, 0, 0);
|
1001 |
+
}
|
1002 |
+
}
|
1003 |
+
|
1004 |
+
.bounceOutRight {
|
1005 |
+
-webkit-animation-name: bounceOutRight;
|
1006 |
+
animation-name: bounceOutRight;
|
1007 |
+
}
|
1008 |
+
|
1009 |
+
@-webkit-keyframes bounceOutUp {
|
1010 |
+
20% {
|
1011 |
+
-webkit-transform: translate3d(0, -10px, 0);
|
1012 |
+
transform: translate3d(0, -10px, 0);
|
1013 |
+
}
|
1014 |
+
|
1015 |
+
40%, 45% {
|
1016 |
+
opacity: 1;
|
1017 |
+
-webkit-transform: translate3d(0, 20px, 0);
|
1018 |
+
transform: translate3d(0, 20px, 0);
|
1019 |
+
}
|
1020 |
+
|
1021 |
+
100% {
|
1022 |
+
opacity: 0;
|
1023 |
+
-webkit-transform: translate3d(0, -2000px, 0);
|
1024 |
+
transform: translate3d(0, -2000px, 0);
|
1025 |
+
}
|
1026 |
+
}
|
1027 |
+
|
1028 |
+
@keyframes bounceOutUp {
|
1029 |
+
20% {
|
1030 |
+
-webkit-transform: translate3d(0, -10px, 0);
|
1031 |
+
transform: translate3d(0, -10px, 0);
|
1032 |
+
}
|
1033 |
+
|
1034 |
+
40%, 45% {
|
1035 |
+
opacity: 1;
|
1036 |
+
-webkit-transform: translate3d(0, 20px, 0);
|
1037 |
+
transform: translate3d(0, 20px, 0);
|
1038 |
+
}
|
1039 |
+
|
1040 |
+
100% {
|
1041 |
+
opacity: 0;
|
1042 |
+
-webkit-transform: translate3d(0, -2000px, 0);
|
1043 |
+
transform: translate3d(0, -2000px, 0);
|
1044 |
+
}
|
1045 |
+
}
|
1046 |
+
|
1047 |
+
.bounceOutUp {
|
1048 |
+
-webkit-animation-name: bounceOutUp;
|
1049 |
+
animation-name: bounceOutUp;
|
1050 |
+
}
|
1051 |
+
|
1052 |
+
@-webkit-keyframes fadeIn {
|
1053 |
+
0% {opacity: 0;}
|
1054 |
+
100% {opacity: 1;}
|
1055 |
+
}
|
1056 |
+
|
1057 |
+
@keyframes fadeIn {
|
1058 |
+
0% {opacity: 0;}
|
1059 |
+
100% {opacity: 1;}
|
1060 |
+
}
|
1061 |
+
|
1062 |
+
.fadeIn {
|
1063 |
+
-webkit-animation-name: fadeIn;
|
1064 |
+
animation-name: fadeIn;
|
1065 |
+
}
|
1066 |
+
|
1067 |
+
@-webkit-keyframes fadeInDown {
|
1068 |
+
0% {
|
1069 |
+
opacity: 0;
|
1070 |
+
-webkit-transform: translate3d(0, -100%, 0);
|
1071 |
+
transform: translate3d(0, -100%, 0);
|
1072 |
+
}
|
1073 |
+
|
1074 |
+
100% {
|
1075 |
+
opacity: 1;
|
1076 |
+
-webkit-transform: none;
|
1077 |
+
transform: none;
|
1078 |
+
}
|
1079 |
+
}
|
1080 |
+
|
1081 |
+
@keyframes fadeInDown {
|
1082 |
+
0% {
|
1083 |
+
opacity: 0;
|
1084 |
+
-webkit-transform: translate3d(0, -100%, 0);
|
1085 |
+
transform: translate3d(0, -100%, 0);
|
1086 |
+
}
|
1087 |
+
|
1088 |
+
100% {
|
1089 |
+
opacity: 1;
|
1090 |
+
-webkit-transform: none;
|
1091 |
+
transform: none;
|
1092 |
+
}
|
1093 |
+
}
|
1094 |
+
|
1095 |
+
.fadeInDown {
|
1096 |
+
-webkit-animation-name: fadeInDown;
|
1097 |
+
animation-name: fadeInDown;
|
1098 |
+
}
|
1099 |
+
|
1100 |
+
@-webkit-keyframes fadeInDownBig {
|
1101 |
+
0% {
|
1102 |
+
opacity: 0;
|
1103 |
+
-webkit-transform: translate3d(0, -2000px, 0);
|
1104 |
+
transform: translate3d(0, -2000px, 0);
|
1105 |
+
}
|
1106 |
+
|
1107 |
+
100% {
|
1108 |
+
opacity: 1;
|
1109 |
+
-webkit-transform: none;
|
1110 |
+
transform: none;
|
1111 |
+
}
|
1112 |
+
}
|
1113 |
+
|
1114 |
+
@keyframes fadeInDownBig {
|
1115 |
+
0% {
|
1116 |
+
opacity: 0;
|
1117 |
+
-webkit-transform: translate3d(0, -2000px, 0);
|
1118 |
+
transform: translate3d(0, -2000px, 0);
|
1119 |
+
}
|
1120 |
+
|
1121 |
+
100% {
|
1122 |
+
opacity: 1;
|
1123 |
+
-webkit-transform: none;
|
1124 |
+
transform: none;
|
1125 |
+
}
|
1126 |
+
}
|
1127 |
+
|
1128 |
+
.fadeInDownBig {
|
1129 |
+
-webkit-animation-name: fadeInDownBig;
|
1130 |
+
animation-name: fadeInDownBig;
|
1131 |
+
}
|
1132 |
+
|
1133 |
+
@-webkit-keyframes fadeInLeft {
|
1134 |
+
0% {
|
1135 |
+
opacity: 0;
|
1136 |
+
-webkit-transform: translate3d(-100%, 0, 0);
|
1137 |
+
transform: translate3d(-100%, 0, 0);
|
1138 |
+
}
|
1139 |
+
|
1140 |
+
100% {
|
1141 |
+
opacity: 1;
|
1142 |
+
-webkit-transform: none;
|
1143 |
+
transform: none;
|
1144 |
+
}
|
1145 |
+
}
|
1146 |
+
|
1147 |
+
@keyframes fadeInLeft {
|
1148 |
+
0% {
|
1149 |
+
opacity: 0;
|
1150 |
+
-webkit-transform: translate3d(-100%, 0, 0);
|
1151 |
+
transform: translate3d(-100%, 0, 0);
|
1152 |
+
}
|
1153 |
+
|
1154 |
+
100% {
|
1155 |
+
opacity: 1;
|
1156 |
+
-webkit-transform: none;
|
1157 |
+
transform: none;
|
1158 |
+
}
|
1159 |
+
}
|
1160 |
+
|
1161 |
+
.fadeInLeft {
|
1162 |
+
-webkit-animation-name: fadeInLeft;
|
1163 |
+
animation-name: fadeInLeft;
|
1164 |
+
}
|
1165 |
+
|
1166 |
+
@-webkit-keyframes fadeInLeftBig {
|
1167 |
+
0% {
|
1168 |
+
opacity: 0;
|
1169 |
+
-webkit-transform: translate3d(-2000px, 0, 0);
|
1170 |
+
transform: translate3d(-2000px, 0, 0);
|
1171 |
+
}
|
1172 |
+
|
1173 |
+
100% {
|
1174 |
+
opacity: 1;
|
1175 |
+
-webkit-transform: none;
|
1176 |
+
transform: none;
|
1177 |
+
}
|
1178 |
+
}
|
1179 |
+
|
1180 |
+
@keyframes fadeInLeftBig {
|
1181 |
+
0% {
|
1182 |
+
opacity: 0;
|
1183 |
+
-webkit-transform: translate3d(-2000px, 0, 0);
|
1184 |
+
transform: translate3d(-2000px, 0, 0);
|
1185 |
+
}
|
1186 |
+
|
1187 |
+
100% {
|
1188 |
+
opacity: 1;
|
1189 |
+
-webkit-transform: none;
|
1190 |
+
transform: none;
|
1191 |
+
}
|
1192 |
+
}
|
1193 |
+
|
1194 |
+
.fadeInLeftBig {
|
1195 |
+
-webkit-animation-name: fadeInLeftBig;
|
1196 |
+
animation-name: fadeInLeftBig;
|
1197 |
+
}
|
1198 |
+
|
1199 |
+
@-webkit-keyframes fadeInRight {
|
1200 |
+
0% {
|
1201 |
+
opacity: 0;
|
1202 |
+
-webkit-transform: translate3d(100%, 0, 0);
|
1203 |
+
transform: translate3d(100%, 0, 0);
|
1204 |
+
}
|
1205 |
+
|
1206 |
+
100% {
|
1207 |
+
opacity: 1;
|
1208 |
+
-webkit-transform: none;
|
1209 |
+
transform: none;
|
1210 |
+
}
|
1211 |
+
}
|
1212 |
+
|
1213 |
+
@keyframes fadeInRight {
|
1214 |
+
0% {
|
1215 |
+
opacity: 0;
|
1216 |
+
-webkit-transform: translate3d(100%, 0, 0);
|
1217 |
+
transform: translate3d(100%, 0, 0);
|
1218 |
+
}
|
1219 |
+
|
1220 |
+
100% {
|
1221 |
+
opacity: 1;
|
1222 |
+
-webkit-transform: none;
|
1223 |
+
transform: none;
|
1224 |
+
}
|
1225 |
+
}
|
1226 |
+
|
1227 |
+
.fadeInRight {
|
1228 |
+
-webkit-animation-name: fadeInRight;
|
1229 |
+
animation-name: fadeInRight;
|
1230 |
+
}
|
1231 |
+
|
1232 |
+
@-webkit-keyframes fadeInRightBig {
|
1233 |
+
0% {
|
1234 |
+
opacity: 0;
|
1235 |
+
-webkit-transform: translate3d(2000px, 0, 0);
|
1236 |
+
transform: translate3d(2000px, 0, 0);
|
1237 |
+
}
|
1238 |
+
|
1239 |
+
100% {
|
1240 |
+
opacity: 1;
|
1241 |
+
-webkit-transform: none;
|
1242 |
+
transform: none;
|
1243 |
+
}
|
1244 |
+
}
|
1245 |
+
|
1246 |
+
@keyframes fadeInRightBig {
|
1247 |
+
0% {
|
1248 |
+
opacity: 0;
|
1249 |
+
-webkit-transform: translate3d(2000px, 0, 0);
|
1250 |
+
transform: translate3d(2000px, 0, 0);
|
1251 |
+
}
|
1252 |
+
|
1253 |
+
100% {
|
1254 |
+
opacity: 1;
|
1255 |
+
-webkit-transform: none;
|
1256 |
+
transform: none;
|
1257 |
+
}
|
1258 |
+
}
|
1259 |
+
|
1260 |
+
.fadeInRightBig {
|
1261 |
+
-webkit-animation-name: fadeInRightBig;
|
1262 |
+
animation-name: fadeInRightBig;
|
1263 |
+
}
|
1264 |
+
|
1265 |
+
@-webkit-keyframes fadeInUp {
|
1266 |
+
0% {
|
1267 |
+
opacity: 0;
|
1268 |
+
-webkit-transform: translate3d(0, 100%, 0);
|
1269 |
+
transform: translate3d(0, 100%, 0);
|
1270 |
+
}
|
1271 |
+
|
1272 |
+
100% {
|
1273 |
+
opacity: 1;
|
1274 |
+
-webkit-transform: none;
|
1275 |
+
transform: none;
|
1276 |
+
}
|
1277 |
+
}
|
1278 |
+
|
1279 |
+
@keyframes fadeInUp {
|
1280 |
+
0% {
|
1281 |
+
opacity: 0;
|
1282 |
+
-webkit-transform: translate3d(0, 100%, 0);
|
1283 |
+
transform: translate3d(0, 100%, 0);
|
1284 |
+
}
|
1285 |
+
|
1286 |
+
100% {
|
1287 |
+
opacity: 1;
|
1288 |
+
-webkit-transform: none;
|
1289 |
+
transform: none;
|
1290 |
+
}
|
1291 |
+
}
|
1292 |
+
|
1293 |
+
.fadeInUp {
|
1294 |
+
-webkit-animation-name: fadeInUp;
|
1295 |
+
animation-name: fadeInUp;
|
1296 |
+
}
|
1297 |
+
|
1298 |
+
@-webkit-keyframes fadeInUpBig {
|
1299 |
+
0% {
|
1300 |
+
opacity: 0;
|
1301 |
+
-webkit-transform: translate3d(0, 2000px, 0);
|
1302 |
+
transform: translate3d(0, 2000px, 0);
|
1303 |
+
}
|
1304 |
+
|
1305 |
+
100% {
|
1306 |
+
opacity: 1;
|
1307 |
+
-webkit-transform: none;
|
1308 |
+
transform: none;
|
1309 |
+
}
|
1310 |
+
}
|
1311 |
+
|
1312 |
+
@keyframes fadeInUpBig {
|
1313 |
+
0% {
|
1314 |
+
opacity: 0;
|
1315 |
+
-webkit-transform: translate3d(0, 2000px, 0);
|
1316 |
+
transform: translate3d(0, 2000px, 0);
|
1317 |
+
}
|
1318 |
+
|
1319 |
+
100% {
|
1320 |
+
opacity: 1;
|
1321 |
+
-webkit-transform: none;
|
1322 |
+
transform: none;
|
1323 |
+
}
|
1324 |
+
}
|
1325 |
+
|
1326 |
+
.fadeInUpBig {
|
1327 |
+
-webkit-animation-name: fadeInUpBig;
|
1328 |
+
animation-name: fadeInUpBig;
|
1329 |
+
}
|
1330 |
+
|
1331 |
+
@-webkit-keyframes fadeOut {
|
1332 |
+
0% {opacity: 1;}
|
1333 |
+
100% {opacity: 0;}
|
1334 |
+
}
|
1335 |
+
|
1336 |
+
@keyframes fadeOut {
|
1337 |
+
0% {opacity: 1;}
|
1338 |
+
100% {opacity: 0;}
|
1339 |
+
}
|
1340 |
+
|
1341 |
+
.fadeOut {
|
1342 |
+
-webkit-animation-name: fadeOut;
|
1343 |
+
animation-name: fadeOut;
|
1344 |
+
}
|
1345 |
+
|
1346 |
+
@-webkit-keyframes fadeOutDown {
|
1347 |
+
0% {
|
1348 |
+
opacity: 1;
|
1349 |
+
}
|
1350 |
+
|
1351 |
+
100% {
|
1352 |
+
opacity: 0;
|
1353 |
+
-webkit-transform: translate3d(0, 100%, 0);
|
1354 |
+
transform: translate3d(0, 100%, 0);
|
1355 |
+
}
|
1356 |
+
}
|
1357 |
+
|
1358 |
+
@keyframes fadeOutDown {
|
1359 |
+
0% {
|
1360 |
+
opacity: 1;
|
1361 |
+
}
|
1362 |
+
|
1363 |
+
100% {
|
1364 |
+
opacity: 0;
|
1365 |
+
-webkit-transform: translate3d(0, 100%, 0);
|
1366 |
+
transform: translate3d(0, 100%, 0);
|
1367 |
+
}
|
1368 |
+
}
|
1369 |
+
|
1370 |
+
.fadeOutDown {
|
1371 |
+
-webkit-animation-name: fadeOutDown;
|
1372 |
+
animation-name: fadeOutDown;
|
1373 |
+
}
|
1374 |
+
|
1375 |
+
@-webkit-keyframes fadeOutDownBig {
|
1376 |
+
0% {
|
1377 |
+
opacity: 1;
|
1378 |
+
}
|
1379 |
+
|
1380 |
+
100% {
|
1381 |
+
opacity: 0;
|
1382 |
+
-webkit-transform: translate3d(0, 2000px, 0);
|
1383 |
+
transform: translate3d(0, 2000px, 0);
|
1384 |
+
}
|
1385 |
+
}
|
1386 |
+
|
1387 |
+
@keyframes fadeOutDownBig {
|
1388 |
+
0% {
|
1389 |
+
opacity: 1;
|
1390 |
+
}
|
1391 |
+
|
1392 |
+
100% {
|
1393 |
+
opacity: 0;
|
1394 |
+
-webkit-transform: translate3d(0, 2000px, 0);
|
1395 |
+
transform: translate3d(0, 2000px, 0);
|
1396 |
+
}
|
1397 |
+
}
|
1398 |
+
|
1399 |
+
.fadeOutDownBig {
|
1400 |
+
-webkit-animation-name: fadeOutDownBig;
|
1401 |
+
animation-name: fadeOutDownBig;
|
1402 |
+
}
|
1403 |
+
|
1404 |
+
@-webkit-keyframes fadeOutLeft {
|
1405 |
+
0% {
|
1406 |
+
opacity: 1;
|
1407 |
+
}
|
1408 |
+
|
1409 |
+
100% {
|
1410 |
+
opacity: 0;
|
1411 |
+
-webkit-transform: translate3d(-100%, 0, 0);
|
1412 |
+
transform: translate3d(-100%, 0, 0);
|
1413 |
+
}
|
1414 |
+
}
|
1415 |
+
|
1416 |
+
@keyframes fadeOutLeft {
|
1417 |
+
0% {
|
1418 |
+
opacity: 1;
|
1419 |
+
}
|
1420 |
+
|
1421 |
+
100% {
|
1422 |
+
opacity: 0;
|
1423 |
+
-webkit-transform: translate3d(-100%, 0, 0);
|
1424 |
+
transform: translate3d(-100%, 0, 0);
|
1425 |
+
}
|
1426 |
+
}
|
1427 |
+
|
1428 |
+
.fadeOutLeft {
|
1429 |
+
-webkit-animation-name: fadeOutLeft;
|
1430 |
+
animation-name: fadeOutLeft;
|
1431 |
+
}
|
1432 |
+
|
1433 |
+
@-webkit-keyframes fadeOutLeftBig {
|
1434 |
+
0% {
|
1435 |
+
opacity: 1;
|
1436 |
+
}
|
1437 |
+
|
1438 |
+
100% {
|
1439 |
+
opacity: 0;
|
1440 |
+
-webkit-transform: translate3d(-2000px, 0, 0);
|
1441 |
+
transform: translate3d(-2000px, 0, 0);
|
1442 |
+
}
|
1443 |
+
}
|
1444 |
+
|
1445 |
+
@keyframes fadeOutLeftBig {
|
1446 |
+
0% {
|
1447 |
+
opacity: 1;
|
1448 |
+
}
|
1449 |
+
|
1450 |
+
100% {
|
1451 |
+
opacity: 0;
|
1452 |
+
-webkit-transform: translate3d(-2000px, 0, 0);
|
1453 |
+
transform: translate3d(-2000px, 0, 0);
|
1454 |
+
}
|
1455 |
+
}
|
1456 |
+
|
1457 |
+
.fadeOutLeftBig {
|
1458 |
+
-webkit-animation-name: fadeOutLeftBig;
|
1459 |
+
animation-name: fadeOutLeftBig;
|
1460 |
+
}
|
1461 |
+
|
1462 |
+
@-webkit-keyframes fadeOutRight {
|
1463 |
+
0% {
|
1464 |
+
opacity: 1;
|
1465 |
+
}
|
1466 |
+
|
1467 |
+
100% {
|
1468 |
+
opacity: 0;
|
1469 |
+
-webkit-transform: translate3d(100%, 0, 0);
|
1470 |
+
transform: translate3d(100%, 0, 0);
|
1471 |
+
}
|
1472 |
+
}
|
1473 |
+
|
1474 |
+
@keyframes fadeOutRight {
|
1475 |
+
0% {
|
1476 |
+
opacity: 1;
|
1477 |
+
}
|
1478 |
+
|
1479 |
+
100% {
|
1480 |
+
opacity: 0;
|
1481 |
+
-webkit-transform: translate3d(100%, 0, 0);
|
1482 |
+
transform: translate3d(100%, 0, 0);
|
1483 |
+
}
|
1484 |
+
}
|
1485 |
+
|
1486 |
+
.fadeOutRight {
|
1487 |
+
-webkit-animation-name: fadeOutRight;
|
1488 |
+
animation-name: fadeOutRight;
|
1489 |
+
}
|
1490 |
+
|
1491 |
+
@-webkit-keyframes fadeOutRightBig {
|
1492 |
+
0% {
|
1493 |
+
opacity: 1;
|
1494 |
+
}
|
1495 |
+
|
1496 |
+
100% {
|
1497 |
+
opacity: 0;
|
1498 |
+
-webkit-transform: translate3d(2000px, 0, 0);
|
1499 |
+
transform: translate3d(2000px, 0, 0);
|
1500 |
+
}
|
1501 |
+
}
|
1502 |
+
|
1503 |
+
@keyframes fadeOutRightBig {
|
1504 |
+
0% {
|
1505 |
+
opacity: 1;
|
1506 |
+
}
|
1507 |
+
|
1508 |
+
100% {
|
1509 |
+
opacity: 0;
|
1510 |
+
-webkit-transform: translate3d(2000px, 0, 0);
|
1511 |
+
transform: translate3d(2000px, 0, 0);
|
1512 |
+
}
|
1513 |
+
}
|
1514 |
+
|
1515 |
+
.fadeOutRightBig {
|
1516 |
+
-webkit-animation-name: fadeOutRightBig;
|
1517 |
+
animation-name: fadeOutRightBig;
|
1518 |
+
}
|
1519 |
+
|
1520 |
+
@-webkit-keyframes fadeOutUp {
|
1521 |
+
0% {
|
1522 |
+
opacity: 1;
|
1523 |
+
}
|
1524 |
+
|
1525 |
+
100% {
|
1526 |
+
opacity: 0;
|
1527 |
+
-webkit-transform: translate3d(0, -100%, 0);
|
1528 |
+
transform: translate3d(0, -100%, 0);
|
1529 |
+
}
|
1530 |
+
}
|
1531 |
+
|
1532 |
+
@keyframes fadeOutUp {
|
1533 |
+
0% {
|
1534 |
+
opacity: 1;
|
1535 |
+
}
|
1536 |
+
|
1537 |
+
100% {
|
1538 |
+
opacity: 0;
|
1539 |
+
-webkit-transform: translate3d(0, -100%, 0);
|
1540 |
+
transform: translate3d(0, -100%, 0);
|
1541 |
+
}
|
1542 |
+
}
|
1543 |
+
|
1544 |
+
.fadeOutUp {
|
1545 |
+
-webkit-animation-name: fadeOutUp;
|
1546 |
+
animation-name: fadeOutUp;
|
1547 |
+
}
|
1548 |
+
|
1549 |
+
@-webkit-keyframes fadeOutUpBig {
|
1550 |
+
0% {
|
1551 |
+
opacity: 1;
|
1552 |
+
}
|
1553 |
+
|
1554 |
+
100% {
|
1555 |
+
opacity: 0;
|
1556 |
+
-webkit-transform: translate3d(0, -2000px, 0);
|
1557 |
+
transform: translate3d(0, -2000px, 0);
|
1558 |
+
}
|
1559 |
+
}
|
1560 |
+
|
1561 |
+
@keyframes fadeOutUpBig {
|
1562 |
+
0% {
|
1563 |
+
opacity: 1;
|
1564 |
+
}
|
1565 |
+
|
1566 |
+
100% {
|
1567 |
+
opacity: 0;
|
1568 |
+
-webkit-transform: translate3d(0, -2000px, 0);
|
1569 |
+
transform: translate3d(0, -2000px, 0);
|
1570 |
+
}
|
1571 |
+
}
|
1572 |
+
|
1573 |
+
.fadeOutUpBig {
|
1574 |
+
-webkit-animation-name: fadeOutUpBig;
|
1575 |
+
animation-name: fadeOutUpBig;
|
1576 |
+
}
|
1577 |
+
|
1578 |
+
@-webkit-keyframes flip {
|
1579 |
+
0% {
|
1580 |
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
|
1581 |
+
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
|
1582 |
+
-webkit-animation-timing-function: ease-out;
|
1583 |
+
animation-timing-function: ease-out;
|
1584 |
+
}
|
1585 |
+
|
1586 |
+
40% {
|
1587 |
+
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
|
1588 |
+
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
|
1589 |
+
-webkit-animation-timing-function: ease-out;
|
1590 |
+
animation-timing-function: ease-out;
|
1591 |
+
}
|
1592 |
+
|
1593 |
+
50% {
|
1594 |
+
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
|
1595 |
+
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
|
1596 |
+
-webkit-animation-timing-function: ease-in;
|
1597 |
+
animation-timing-function: ease-in;
|
1598 |
+
}
|
1599 |
+
|
1600 |
+
80% {
|
1601 |
+
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
|
1602 |
+
transform: perspective(400px) scale3d(.95, .95, .95);
|
1603 |
+
-webkit-animation-timing-function: ease-in;
|
1604 |
+
animation-timing-function: ease-in;
|
1605 |
+
}
|
1606 |
+
|
1607 |
+
100% {
|
1608 |
+
-webkit-transform: perspective(400px);
|
1609 |
+
transform: perspective(400px);
|
1610 |
+
-webkit-animation-timing-function: ease-in;
|
1611 |
+
animation-timing-function: ease-in;
|
1612 |
+
}
|
1613 |
+
}
|
1614 |
+
|
1615 |
+
@keyframes flip {
|
1616 |
+
0% {
|
1617 |
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
|
1618 |
+
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
|
1619 |
+
-webkit-animation-timing-function: ease-out;
|
1620 |
+
animation-timing-function: ease-out;
|
1621 |
+
}
|
1622 |
+
|
1623 |
+
40% {
|
1624 |
+
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
|
1625 |
+
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
|
1626 |
+
-webkit-animation-timing-function: ease-out;
|
1627 |
+
animation-timing-function: ease-out;
|
1628 |
+
}
|
1629 |
+
|
1630 |
+
50% {
|
1631 |
+
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
|
1632 |
+
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
|
1633 |
+
-webkit-animation-timing-function: ease-in;
|
1634 |
+
animation-timing-function: ease-in;
|
1635 |
+
}
|
1636 |
+
|
1637 |
+
80% {
|
1638 |
+
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
|
1639 |
+
transform: perspective(400px) scale3d(.95, .95, .95);
|
1640 |
+
-webkit-animation-timing-function: ease-in;
|
1641 |
+
animation-timing-function: ease-in;
|
1642 |
+
}
|
1643 |
+
|
1644 |
+
100% {
|
1645 |
+
-webkit-transform: perspective(400px);
|
1646 |
+
transform: perspective(400px);
|
1647 |
+
-webkit-animation-timing-function: ease-in;
|
1648 |
+
animation-timing-function: ease-in;
|
1649 |
+
}
|
1650 |
+
}
|
1651 |
+
|
1652 |
+
.animated.flip {
|
1653 |
+
-webkit-backface-visibility: visible;
|
1654 |
+
backface-visibility: visible;
|
1655 |
+
-webkit-animation-name: flip;
|
1656 |
+
animation-name: flip;
|
1657 |
+
}
|
1658 |
+
|
1659 |
+
@-webkit-keyframes flipInX {
|
1660 |
+
0% {
|
1661 |
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
1662 |
+
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
1663 |
+
-webkit-transition-timing-function: ease-in;
|
1664 |
+
transition-timing-function: ease-in;
|
1665 |
+
opacity: 0;
|
1666 |
+
}
|
1667 |
+
|
1668 |
+
40% {
|
1669 |
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
1670 |
+
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
1671 |
+
-webkit-transition-timing-function: ease-in;
|
1672 |
+
transition-timing-function: ease-in;
|
1673 |
+
}
|
1674 |
+
|
1675 |
+
60% {
|
1676 |
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
1677 |
+
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
1678 |
+
opacity: 1;
|
1679 |
+
}
|
1680 |
+
|
1681 |
+
80% {
|
1682 |
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
1683 |
+
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
1684 |
+
}
|
1685 |
+
|
1686 |
+
100% {
|
1687 |
+
-webkit-transform: perspective(400px);
|
1688 |
+
transform: perspective(400px);
|
1689 |
+
}
|
1690 |
+
}
|
1691 |
+
|
1692 |
+
@keyframes flipInX {
|
1693 |
+
0% {
|
1694 |
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
1695 |
+
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
1696 |
+
-webkit-transition-timing-function: ease-in;
|
1697 |
+
transition-timing-function: ease-in;
|
1698 |
+
opacity: 0;
|
1699 |
+
}
|
1700 |
+
|
1701 |
+
40% {
|
1702 |
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
1703 |
+
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
1704 |
+
-webkit-transition-timing-function: ease-in;
|
1705 |
+
transition-timing-function: ease-in;
|
1706 |
+
}
|
1707 |
+
|
1708 |
+
60% {
|
1709 |
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
1710 |
+
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
1711 |
+
opacity: 1;
|
1712 |
+
}
|
1713 |
+
|
1714 |
+
80% {
|
1715 |
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
1716 |
+
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
1717 |
+
}
|
1718 |
+
|
1719 |
+
100% {
|
1720 |
+
-webkit-transform: perspective(400px);
|
1721 |
+
transform: perspective(400px);
|
1722 |
+
}
|
1723 |
+
}
|
1724 |
+
|
1725 |
+
.flipInX {
|
1726 |
+
-webkit-backface-visibility: visible !important;
|
1727 |
+
backface-visibility: visible !important;
|
1728 |
+
-webkit-animation-name: flipInX;
|
1729 |
+
animation-name: flipInX;
|
1730 |
+
}
|
1731 |
+
|
1732 |
+
@-webkit-keyframes flipInY {
|
1733 |
+
0% {
|
1734 |
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
1735 |
+
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
1736 |
+
-webkit-transition-timing-function: ease-in;
|
1737 |
+
transition-timing-function: ease-in;
|
1738 |
+
opacity: 0;
|
1739 |
+
}
|
1740 |
+
|
1741 |
+
40% {
|
1742 |
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
1743 |
+
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
1744 |
+
-webkit-transition-timing-function: ease-in;
|
1745 |
+
transition-timing-function: ease-in;
|
1746 |
+
}
|
1747 |
+
|
1748 |
+
60% {
|
1749 |
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
1750 |
+
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
1751 |
+
opacity: 1;
|
1752 |
+
}
|
1753 |
+
|
1754 |
+
80% {
|
1755 |
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
1756 |
+
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
1757 |
+
}
|
1758 |
+
|
1759 |
+
100% {
|
1760 |
+
-webkit-transform: perspective(400px);
|
1761 |
+
transform: perspective(400px);
|
1762 |
+
}
|
1763 |
+
}
|
1764 |
+
|
1765 |
+
@keyframes flipInY {
|
1766 |
+
0% {
|
1767 |
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
1768 |
+
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
1769 |
+
-webkit-transition-timing-function: ease-in;
|
1770 |
+
transition-timing-function: ease-in;
|
1771 |
+
opacity: 0;
|
1772 |
+
}
|
1773 |
+
|
1774 |
+
40% {
|
1775 |
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
1776 |
+
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
1777 |
+
-webkit-transition-timing-function: ease-in;
|
1778 |
+
transition-timing-function: ease-in;
|
1779 |
+
}
|
1780 |
+
|
1781 |
+
60% {
|
1782 |
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
1783 |
+
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
1784 |
+
opacity: 1;
|
1785 |
+
}
|
1786 |
+
|
1787 |
+
80% {
|
1788 |
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
1789 |
+
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
1790 |
+
}
|
1791 |
+
|
1792 |
+
100% {
|
1793 |
+
-webkit-transform: perspective(400px);
|
1794 |
+
transform: perspective(400px);
|
1795 |
+
}
|
1796 |
+
}
|
1797 |
+
|
1798 |
+
.flipInY {
|
1799 |
+
-webkit-backface-visibility: visible !important;
|
1800 |
+
backface-visibility: visible !important;
|
1801 |
+
-webkit-animation-name: flipInY;
|
1802 |
+
animation-name: flipInY;
|
1803 |
+
}
|
1804 |
+
|
1805 |
+
@-webkit-keyframes flipOutX {
|
1806 |
+
0% {
|
1807 |
+
-webkit-transform: perspective(400px);
|
1808 |
+
transform: perspective(400px);
|
1809 |
+
}
|
1810 |
+
|
1811 |
+
30% {
|
1812 |
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
1813 |
+
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
1814 |
+
opacity: 1;
|
1815 |
+
}
|
1816 |
+
|
1817 |
+
100% {
|
1818 |
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
1819 |
+
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
1820 |
+
opacity: 0;
|
1821 |
+
}
|
1822 |
+
}
|
1823 |
+
|
1824 |
+
@keyframes flipOutX {
|
1825 |
+
0% {
|
1826 |
+
-webkit-transform: perspective(400px);
|
1827 |
+
transform: perspective(400px);
|
1828 |
+
}
|
1829 |
+
|
1830 |
+
30% {
|
1831 |
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
1832 |
+
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
1833 |
+
opacity: 1;
|
1834 |
+
}
|
1835 |
+
|
1836 |
+
100% {
|
1837 |
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
1838 |
+
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
1839 |
+
opacity: 0;
|
1840 |
+
}
|
1841 |
+
}
|
1842 |
+
|
1843 |
+
.flipOutX {
|
1844 |
+
-webkit-animation-name: flipOutX;
|
1845 |
+
animation-name: flipOutX;
|
1846 |
+
-webkit-animation-duration: .75s;
|
1847 |
+
animation-duration: .75s;
|
1848 |
+
-webkit-backface-visibility: visible !important;
|
1849 |
+
backface-visibility: visible !important;
|
1850 |
+
}
|
1851 |
+
|
1852 |
+
@-webkit-keyframes flipOutY {
|
1853 |
+
0% {
|
1854 |
+
-webkit-transform: perspective(400px);
|
1855 |
+
transform: perspective(400px);
|
1856 |
+
}
|
1857 |
+
|
1858 |
+
30% {
|
1859 |
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
|
1860 |
+
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
|
1861 |
+
opacity: 1;
|
1862 |
+
}
|
1863 |
+
|
1864 |
+
100% {
|
1865 |
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
1866 |
+
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
1867 |
+
opacity: 0;
|
1868 |
+
}
|
1869 |
+
}
|
1870 |
+
|
1871 |
+
@keyframes flipOutY {
|
1872 |
+
0% {
|
1873 |
+
-webkit-transform: perspective(400px);
|
1874 |
+
transform: perspective(400px);
|
1875 |
+
}
|
1876 |
+
|
1877 |
+
30% {
|
1878 |
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
|
1879 |
+
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
|
1880 |
+
opacity: 1;
|
1881 |
+
}
|
1882 |
+
|
1883 |
+
100% {
|
1884 |
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
1885 |
+
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
1886 |
+
opacity: 0;
|
1887 |
+
}
|
1888 |
+
}
|
1889 |
+
|
1890 |
+
.flipOutY {
|
1891 |
+
-webkit-backface-visibility: visible !important;
|
1892 |
+
backface-visibility: visible !important;
|
1893 |
+
-webkit-animation-name: flipOutY;
|
1894 |
+
animation-name: flipOutY;
|
1895 |
+
-webkit-animation-duration: .75s;
|
1896 |
+
animation-duration: .75s;
|
1897 |
+
}
|
1898 |
+
|
1899 |
+
@-webkit-keyframes lightSpeedIn {
|
1900 |
+
0% {
|
1901 |
+
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
|
1902 |
+
transform: translate3d(100%, 0, 0) skewX(-30deg);
|
1903 |
+
opacity: 0;
|
1904 |
+
}
|
1905 |
+
|
1906 |
+
60% {
|
1907 |
+
-webkit-transform: skewX(20deg);
|
1908 |
+
transform: skewX(20deg);
|
1909 |
+
opacity: 1;
|
1910 |
+
}
|
1911 |
+
|
1912 |
+
80% {
|
1913 |
+
-webkit-transform: skewX(-5deg);
|
1914 |
+
transform: skewX(-5deg);
|
1915 |
+
opacity: 1;
|
1916 |
+
}
|
1917 |
+
|
1918 |
+
100% {
|
1919 |
+
-webkit-transform: none;
|
1920 |
+
transform: none;
|
1921 |
+
opacity: 1;
|
1922 |
+
}
|
1923 |
+
}
|
1924 |
+
|
1925 |
+
@keyframes lightSpeedIn {
|
1926 |
+
0% {
|
1927 |
+
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
|
1928 |
+
transform: translate3d(100%, 0, 0) skewX(-30deg);
|
1929 |
+
opacity: 0;
|
1930 |
+
}
|
1931 |
+
|
1932 |
+
60% {
|
1933 |
+
-webkit-transform: skewX(20deg);
|
1934 |
+
transform: skewX(20deg);
|
1935 |
+
opacity: 1;
|
1936 |
+
}
|
1937 |
+
|
1938 |
+
80% {
|
1939 |
+
-webkit-transform: skewX(-5deg);
|
1940 |
+
transform: skewX(-5deg);
|
1941 |
+
opacity: 1;
|
1942 |
+
}
|
1943 |
+
|
1944 |
+
100% {
|
1945 |
+
-webkit-transform: none;
|
1946 |
+
transform: none;
|
1947 |
+
opacity: 1;
|
1948 |
+
}
|
1949 |
+
}
|
1950 |
+
|
1951 |
+
.lightSpeedIn {
|
1952 |
+
-webkit-animation-name: lightSpeedIn;
|
1953 |
+
animation-name: lightSpeedIn;
|
1954 |
+
-webkit-animation-timing-function: ease-out;
|
1955 |
+
animation-timing-function: ease-out;
|
1956 |
+
}
|
1957 |
+
|
1958 |
+
@-webkit-keyframes lightSpeedOut {
|
1959 |
+
0% {
|
1960 |
+
opacity: 1;
|
1961 |
+
}
|
1962 |
+
|
1963 |
+
100% {
|
1964 |
+
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
|
1965 |
+
transform: translate3d(100%, 0, 0) skewX(30deg);
|
1966 |
+
opacity: 0;
|
1967 |
+
}
|
1968 |
+
}
|
1969 |
+
|
1970 |
+
@keyframes lightSpeedOut {
|
1971 |
+
0% {
|
1972 |
+
opacity: 1;
|
1973 |
+
}
|
1974 |
+
|
1975 |
+
100% {
|
1976 |
+
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
|
1977 |
+
transform: translate3d(100%, 0, 0) skewX(30deg);
|
1978 |
+
opacity: 0;
|
1979 |
+
}
|
1980 |
+
}
|
1981 |
+
|
1982 |
+
.lightSpeedOut {
|
1983 |
+
-webkit-animation-name: lightSpeedOut;
|
1984 |
+
animation-name: lightSpeedOut;
|
1985 |
+
-webkit-animation-timing-function: ease-in;
|
1986 |
+
animation-timing-function: ease-in;
|
1987 |
+
}
|
1988 |
+
|
1989 |
+
@-webkit-keyframes rotateIn {
|
1990 |
+
0% {
|
1991 |
+
-webkit-transform-origin: center;
|
1992 |
+
transform-origin: center;
|
1993 |
+
-webkit-transform: rotate3d(0, 0, 1, -200deg);
|
1994 |
+
transform: rotate3d(0, 0, 1, -200deg);
|
1995 |
+
opacity: 0;
|
1996 |
+
}
|
1997 |
+
|
1998 |
+
100% {
|
1999 |
+
-webkit-transform-origin: center;
|
2000 |
+
transform-origin: center;
|
2001 |
+
-webkit-transform: none;
|
2002 |
+
transform: none;
|
2003 |
+
opacity: 1;
|
2004 |
+
}
|
2005 |
+
}
|
2006 |
+
|
2007 |
+
@keyframes rotateIn {
|
2008 |
+
0% {
|
2009 |
+
-webkit-transform-origin: center;
|
2010 |
+
transform-origin: center;
|
2011 |
+
-webkit-transform: rotate3d(0, 0, 1, -200deg);
|
2012 |
+
transform: rotate3d(0, 0, 1, -200deg);
|
2013 |
+
opacity: 0;
|
2014 |
+
}
|
2015 |
+
|
2016 |
+
100% {
|
2017 |
+
-webkit-transform-origin: center;
|
2018 |
+
transform-origin: center;
|
2019 |
+
-webkit-transform: none;
|
2020 |
+
transform: none;
|
2021 |
+
opacity: 1;
|
2022 |
+
}
|
2023 |
+
}
|
2024 |
+
|
2025 |
+
.rotateIn {
|
2026 |
+
-webkit-animation-name: rotateIn;
|
2027 |
+
animation-name: rotateIn;
|
2028 |
+
}
|
2029 |
+
|
2030 |
+
@-webkit-keyframes rotateInDownLeft {
|
2031 |
+
0% {
|
2032 |
+
-webkit-transform-origin: left bottom;
|
2033 |
+
transform-origin: left bottom;
|
2034 |
+
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
2035 |
+
transform: rotate3d(0, 0, 1, -45deg);
|
2036 |
+
opacity: 0;
|
2037 |
+
}
|
2038 |
+
|
2039 |
+
100% {
|
2040 |
+
-webkit-transform-origin: left bottom;
|
2041 |
+
transform-origin: left bottom;
|
2042 |
+
-webkit-transform: none;
|
2043 |
+
transform: none;
|
2044 |
+
opacity: 1;
|
2045 |
+
}
|
2046 |
+
}
|
2047 |
+
|
2048 |
+
@keyframes rotateInDownLeft {
|
2049 |
+
0% {
|
2050 |
+
-webkit-transform-origin: left bottom;
|
2051 |
+
transform-origin: left bottom;
|
2052 |
+
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
2053 |
+
transform: rotate3d(0, 0, 1, -45deg);
|
2054 |
+
opacity: 0;
|
2055 |
+
}
|
2056 |
+
|
2057 |
+
100% {
|
2058 |
+
-webkit-transform-origin: left bottom;
|
2059 |
+
transform-origin: left bottom;
|
2060 |
+
-webkit-transform: none;
|
2061 |
+
transform: none;
|
2062 |
+
opacity: 1;
|
2063 |
+
}
|
2064 |
+
}
|
2065 |
+
|
2066 |
+
.rotateInDownLeft {
|
2067 |
+
-webkit-animation-name: rotateInDownLeft;
|
2068 |
+
animation-name: rotateInDownLeft;
|
2069 |
+
}
|
2070 |
+
|
2071 |
+
@-webkit-keyframes rotateInDownRight {
|
2072 |
+
0% {
|
2073 |
+
-webkit-transform-origin: right bottom;
|
2074 |
+
transform-origin: right bottom;
|
2075 |
+
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
2076 |
+
transform: rotate3d(0, 0, 1, 45deg);
|
2077 |
+
opacity: 0;
|
2078 |
+
}
|
2079 |
+
|
2080 |
+
100% {
|
2081 |
+
-webkit-transform-origin: right bottom;
|
2082 |
+
transform-origin: right bottom;
|
2083 |
+
-webkit-transform: none;
|
2084 |
+
transform: none;
|
2085 |
+
opacity: 1;
|
2086 |
+
}
|
2087 |
+
}
|
2088 |
+
|
2089 |
+
@keyframes rotateInDownRight {
|
2090 |
+
0% {
|
2091 |
+
-webkit-transform-origin: right bottom;
|
2092 |
+
transform-origin: right bottom;
|
2093 |
+
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
2094 |
+
transform: rotate3d(0, 0, 1, 45deg);
|
2095 |
+
opacity: 0;
|
2096 |
+
}
|
2097 |
+
|
2098 |
+
100% {
|
2099 |
+
-webkit-transform-origin: right bottom;
|
2100 |
+
transform-origin: right bottom;
|
2101 |
+
-webkit-transform: none;
|
2102 |
+
transform: none;
|
2103 |
+
opacity: 1;
|
2104 |
+
}
|
2105 |
+
}
|
2106 |
+
|
2107 |
+
.rotateInDownRight {
|
2108 |
+
-webkit-animation-name: rotateInDownRight;
|
2109 |
+
animation-name: rotateInDownRight;
|
2110 |
+
}
|
2111 |
+
|
2112 |
+
@-webkit-keyframes rotateInUpLeft {
|
2113 |
+
0% {
|
2114 |
+
-webkit-transform-origin: left bottom;
|
2115 |
+
transform-origin: left bottom;
|
2116 |
+
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
2117 |
+
transform: rotate3d(0, 0, 1, 45deg);
|
2118 |
+
opacity: 0;
|
2119 |
+
}
|
2120 |
+
|
2121 |
+
100% {
|
2122 |
+
-webkit-transform-origin: left bottom;
|
2123 |
+
transform-origin: left bottom;
|
2124 |
+
-webkit-transform: none;
|
2125 |
+
transform: none;
|
2126 |
+
opacity: 1;
|
2127 |
+
}
|
2128 |
+
}
|
2129 |
+
|
2130 |
+
@keyframes rotateInUpLeft {
|
2131 |
+
0% {
|
2132 |
+
-webkit-transform-origin: left bottom;
|
2133 |
+
transform-origin: left bottom;
|
2134 |
+
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
2135 |
+
transform: rotate3d(0, 0, 1, 45deg);
|
2136 |
+
opacity: 0;
|
2137 |
+
}
|
2138 |
+
|
2139 |
+
100% {
|
2140 |
+
-webkit-transform-origin: left bottom;
|
2141 |
+
transform-origin: left bottom;
|
2142 |
+
-webkit-transform: none;
|
2143 |
+
transform: none;
|
2144 |
+
opacity: 1;
|
2145 |
+
}
|
2146 |
+
}
|
2147 |
+
|
2148 |
+
.rotateInUpLeft {
|
2149 |
+
-webkit-animation-name: rotateInUpLeft;
|
2150 |
+
animation-name: rotateInUpLeft;
|
2151 |
+
}
|
2152 |
+
|
2153 |
+
@-webkit-keyframes rotateInUpRight {
|
2154 |
+
0% {
|
2155 |
+
-webkit-transform-origin: right bottom;
|
2156 |
+
transform-origin: right bottom;
|
2157 |
+
-webkit-transform: rotate3d(0, 0, 1, -90deg);
|
2158 |
+
transform: rotate3d(0, 0, 1, -90deg);
|
2159 |
+
opacity: 0;
|
2160 |
+
}
|
2161 |
+
|
2162 |
+
100% {
|
2163 |
+
-webkit-transform-origin: right bottom;
|
2164 |
+
transform-origin: right bottom;
|
2165 |
+
-webkit-transform: none;
|
2166 |
+
transform: none;
|
2167 |
+
opacity: 1;
|
2168 |
+
}
|
2169 |
+
}
|
2170 |
+
|
2171 |
+
@keyframes rotateInUpRight {
|
2172 |
+
0% {
|
2173 |
+
-webkit-transform-origin: right bottom;
|
2174 |
+
transform-origin: right bottom;
|
2175 |
+
-webkit-transform: rotate3d(0, 0, 1, -90deg);
|
2176 |
+
transform: rotate3d(0, 0, 1, -90deg);
|
2177 |
+
opacity: 0;
|
2178 |
+
}
|
2179 |
+
|
2180 |
+
100% {
|
2181 |
+
-webkit-transform-origin: right bottom;
|
2182 |
+
transform-origin: right bottom;
|
2183 |
+
-webkit-transform: none;
|
2184 |
+
transform: none;
|
2185 |
+
opacity: 1;
|
2186 |
+
}
|
2187 |
+
}
|
2188 |
+
|
2189 |
+
.rotateInUpRight {
|
2190 |
+
-webkit-animation-name: rotateInUpRight;
|
2191 |
+
animation-name: rotateInUpRight;
|
2192 |
+
}
|
2193 |
+
|
2194 |
+
@-webkit-keyframes rotateOut {
|
2195 |
+
0% {
|
2196 |
+
-webkit-transform-origin: center;
|
2197 |
+
transform-origin: center;
|
2198 |
+
opacity: 1;
|
2199 |
+
}
|
2200 |
+
|
2201 |
+
100% {
|
2202 |
+
-webkit-transform-origin: center;
|
2203 |
+
transform-origin: center;
|
2204 |
+
-webkit-transform: rotate3d(0, 0, 1, 200deg);
|
2205 |
+
transform: rotate3d(0, 0, 1, 200deg);
|
2206 |
+
opacity: 0;
|
2207 |
+
}
|
2208 |
+
}
|
2209 |
+
|
2210 |
+
@keyframes rotateOut {
|
2211 |
+
0% {
|
2212 |
+
-webkit-transform-origin: center;
|
2213 |
+
transform-origin: center;
|
2214 |
+
opacity: 1;
|
2215 |
+
}
|
2216 |
+
|
2217 |
+
100% {
|
2218 |
+
-webkit-transform-origin: center;
|
2219 |
+
transform-origin: center;
|
2220 |
+
-webkit-transform: rotate3d(0, 0, 1, 200deg);
|
2221 |
+
transform: rotate3d(0, 0, 1, 200deg);
|
2222 |
+
opacity: 0;
|
2223 |
+
}
|
2224 |
+
}
|
2225 |
+
|
2226 |
+
.rotateOut {
|
2227 |
+
-webkit-animation-name: rotateOut;
|
2228 |
+
animation-name: rotateOut;
|
2229 |
+
}
|
2230 |
+
|
2231 |
+
@-webkit-keyframes rotateOutDownLeft {
|
2232 |
+
0% {
|
2233 |
+
-webkit-transform-origin: left bottom;
|
2234 |
+
transform-origin: left bottom;
|
2235 |
+
opacity: 1;
|
2236 |
+
}
|
2237 |
+
|
2238 |
+
100% {
|
2239 |
+
-webkit-transform-origin: left bottom;
|
2240 |
+
transform-origin: left bottom;
|
2241 |
+
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
2242 |
+
transform: rotate3d(0, 0, 1, 45deg);
|
2243 |
+
opacity: 0;
|
2244 |
+
}
|
2245 |
+
}
|
2246 |
+
|
2247 |
+
@keyframes rotateOutDownLeft {
|
2248 |
+
0% {
|
2249 |
+
-webkit-transform-origin: left bottom;
|
2250 |
+
transform-origin: left bottom;
|
2251 |
+
opacity: 1;
|
2252 |
+
}
|
2253 |
+
|
2254 |
+
100% {
|
2255 |
+
-webkit-transform-origin: left bottom;
|
2256 |
+
transform-origin: left bottom;
|
2257 |
+
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
2258 |
+
transform: rotate3d(0, 0, 1, 45deg);
|
2259 |
+
opacity: 0;
|
2260 |
+
}
|
2261 |
+
}
|
2262 |
+
|
2263 |
+
.rotateOutDownLeft {
|
2264 |
+
-webkit-animation-name: rotateOutDownLeft;
|
2265 |
+
animation-name: rotateOutDownLeft;
|
2266 |
+
}
|
2267 |
+
|
2268 |
+
@-webkit-keyframes rotateOutDownRight {
|
2269 |
+
0% {
|
2270 |
+
-webkit-transform-origin: right bottom;
|
2271 |
+
transform-origin: right bottom;
|
2272 |
+
opacity: 1;
|
2273 |
+
}
|
2274 |
+
|
2275 |
+
100% {
|
2276 |
+
-webkit-transform-origin: right bottom;
|
2277 |
+
transform-origin: right bottom;
|
2278 |
+
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
2279 |
+
transform: rotate3d(0, 0, 1, -45deg);
|
2280 |
+
opacity: 0;
|
2281 |
+
}
|
2282 |
+
}
|
2283 |
+
|
2284 |
+
@keyframes rotateOutDownRight {
|
2285 |
+
0% {
|
2286 |
+
-webkit-transform-origin: right bottom;
|
2287 |
+
transform-origin: right bottom;
|
2288 |
+
opacity: 1;
|
2289 |
+
}
|
2290 |
+
|
2291 |
+
100% {
|
2292 |
+
-webkit-transform-origin: right bottom;
|
2293 |
+
transform-origin: right bottom;
|
2294 |
+
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
2295 |
+
transform: rotate3d(0, 0, 1, -45deg);
|
2296 |
+
opacity: 0;
|
2297 |
+
}
|
2298 |
+
}
|
2299 |
+
|
2300 |
+
.rotateOutDownRight {
|
2301 |
+
-webkit-animation-name: rotateOutDownRight;
|
2302 |
+
animation-name: rotateOutDownRight;
|
2303 |
+
}
|
2304 |
+
|
2305 |
+
@-webkit-keyframes rotateOutUpLeft {
|
2306 |
+
0% {
|
2307 |
+
-webkit-transform-origin: left bottom;
|
2308 |
+
transform-origin: left bottom;
|
2309 |
+
opacity: 1;
|
2310 |
+
}
|
2311 |
+
|
2312 |
+
100% {
|
2313 |
+
-webkit-transform-origin: left bottom;
|
2314 |
+
transform-origin: left bottom;
|
2315 |
+
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
2316 |
+
transform: rotate3d(0, 0, 1, -45deg);
|
2317 |
+
opacity: 0;
|
2318 |
+
}
|
2319 |
+
}
|
2320 |
+
|
2321 |
+
@keyframes rotateOutUpLeft {
|
2322 |
+
0% {
|
2323 |
+
-webkit-transform-origin: left bottom;
|
2324 |
+
transform-origin: left bottom;
|
2325 |
+
opacity: 1;
|
2326 |
+
}
|
2327 |
+
|
2328 |
+
100% {
|
2329 |
+
-webkit-transform-origin: left bottom;
|
2330 |
+
transform-origin: left bottom;
|
2331 |
+
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
2332 |
+
transform: rotate3d(0, 0, 1, -45deg);
|
2333 |
+
opacity: 0;
|
2334 |
+
}
|
2335 |
+
}
|
2336 |
+
|
2337 |
+
.rotateOutUpLeft {
|
2338 |
+
-webkit-animation-name: rotateOutUpLeft;
|
2339 |
+
animation-name: rotateOutUpLeft;
|
2340 |
+
}
|
2341 |
+
|
2342 |
+
@-webkit-keyframes rotateOutUpRight {
|
2343 |
+
0% {
|
2344 |
+
-webkit-transform-origin: right bottom;
|
2345 |
+
transform-origin: right bottom;
|
2346 |
+
opacity: 1;
|
2347 |
+
}
|
2348 |
+
|
2349 |
+
100% {
|
2350 |
+
-webkit-transform-origin: right bottom;
|
2351 |
+
transform-origin: right bottom;
|
2352 |
+
-webkit-transform: rotate3d(0, 0, 1, 90deg);
|
2353 |
+
transform: rotate3d(0, 0, 1, 90deg);
|
2354 |
+
opacity: 0;
|
2355 |
+
}
|
2356 |
+
}
|
2357 |
+
|
2358 |
+
@keyframes rotateOutUpRight {
|
2359 |
+
0% {
|
2360 |
+
-webkit-transform-origin: right bottom;
|
2361 |
+
transform-origin: right bottom;
|
2362 |
+
opacity: 1;
|
2363 |
+
}
|
2364 |
+
|
2365 |
+
100% {
|
2366 |
+
-webkit-transform-origin: right bottom;
|
2367 |
+
transform-origin: right bottom;
|
2368 |
+
-webkit-transform: rotate3d(0, 0, 1, 90deg);
|
2369 |
+
transform: rotate3d(0, 0, 1, 90deg);
|
2370 |
+
opacity: 0;
|
2371 |
+
}
|
2372 |
+
}
|
2373 |
+
|
2374 |
+
.rotateOutUpRight {
|
2375 |
+
-webkit-animation-name: rotateOutUpRight;
|
2376 |
+
animation-name: rotateOutUpRight;
|
2377 |
+
}
|
2378 |
+
|
2379 |
+
@-webkit-keyframes hinge {
|
2380 |
+
0% {
|
2381 |
+
-webkit-transform-origin: top left;
|
2382 |
+
transform-origin: top left;
|
2383 |
+
-webkit-animation-timing-function: ease-in-out;
|
2384 |
+
animation-timing-function: ease-in-out;
|
2385 |
+
}
|
2386 |
+
|
2387 |
+
20%, 60% {
|
2388 |
+
-webkit-transform: rotate3d(0, 0, 1, 80deg);
|
2389 |
+
transform: rotate3d(0, 0, 1, 80deg);
|
2390 |
+
-webkit-transform-origin: top left;
|
2391 |
+
transform-origin: top left;
|
2392 |
+
-webkit-animation-timing-function: ease-in-out;
|
2393 |
+
animation-timing-function: ease-in-out;
|
2394 |
+
}
|
2395 |
+
|
2396 |
+
40%, 80% {
|
2397 |
+
-webkit-transform: rotate3d(0, 0, 1, 60deg);
|
2398 |
+
transform: rotate3d(0, 0, 1, 60deg);
|
2399 |
+
-webkit-transform-origin: top left;
|
2400 |
+
transform-origin: top left;
|
2401 |
+
-webkit-animation-timing-function: ease-in-out;
|
2402 |
+
animation-timing-function: ease-in-out;
|
2403 |
+
opacity: 1;
|
2404 |
+
}
|
2405 |
+
|
2406 |
+
100% {
|
2407 |
+
-webkit-transform: translate3d(0, 700px, 0);
|
2408 |
+
transform: translate3d(0, 700px, 0);
|
2409 |
+
opacity: 0;
|
2410 |
+
}
|
2411 |
+
}
|
2412 |
+
|
2413 |
+
@keyframes hinge {
|
2414 |
+
0% {
|
2415 |
+
-webkit-transform-origin: top left;
|
2416 |
+
transform-origin: top left;
|
2417 |
+
-webkit-animation-timing-function: ease-in-out;
|
2418 |
+
animation-timing-function: ease-in-out;
|
2419 |
+
}
|
2420 |
+
|
2421 |
+
20%, 60% {
|
2422 |
+
-webkit-transform: rotate3d(0, 0, 1, 80deg);
|
2423 |
+
transform: rotate3d(0, 0, 1, 80deg);
|
2424 |
+
-webkit-transform-origin: top left;
|
2425 |
+
transform-origin: top left;
|
2426 |
+
-webkit-animation-timing-function: ease-in-out;
|
2427 |
+
animation-timing-function: ease-in-out;
|
2428 |
+
}
|
2429 |
+
|
2430 |
+
40%, 80% {
|
2431 |
+
-webkit-transform: rotate3d(0, 0, 1, 60deg);
|
2432 |
+
transform: rotate3d(0, 0, 1, 60deg);
|
2433 |
+
-webkit-transform-origin: top left;
|
2434 |
+
transform-origin: top left;
|
2435 |
+
-webkit-animation-timing-function: ease-in-out;
|
2436 |
+
animation-timing-function: ease-in-out;
|
2437 |
+
opacity: 1;
|
2438 |
+
}
|
2439 |
+
|
2440 |
+
100% {
|
2441 |
+
-webkit-transform: translate3d(0, 700px, 0);
|
2442 |
+
transform: translate3d(0, 700px, 0);
|
2443 |
+
opacity: 0;
|
2444 |
+
}
|
2445 |
+
}
|
2446 |
+
|
2447 |
+
.hinge {
|
2448 |
+
-webkit-animation-name: hinge;
|
2449 |
+
animation-name: hinge;
|
2450 |
+
}
|
2451 |
+
|
2452 |
+
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
2453 |
+
|
2454 |
+
@-webkit-keyframes rollIn {
|
2455 |
+
0% {
|
2456 |
+
opacity: 0;
|
2457 |
+
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
2458 |
+
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
2459 |
+
}
|
2460 |
+
|
2461 |
+
100% {
|
2462 |
+
opacity: 1;
|
2463 |
+
-webkit-transform: none;
|
2464 |
+
transform: none;
|
2465 |
+
}
|
2466 |
+
}
|
2467 |
+
|
2468 |
+
@keyframes rollIn {
|
2469 |
+
0% {
|
2470 |
+
opacity: 0;
|
2471 |
+
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
2472 |
+
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
2473 |
+
}
|
2474 |
+
|
2475 |
+
100% {
|
2476 |
+
opacity: 1;
|
2477 |
+
-webkit-transform: none;
|
2478 |
+
transform: none;
|
2479 |
+
}
|
2480 |
+
}
|
2481 |
+
|
2482 |
+
.rollIn {
|
2483 |
+
-webkit-animation-name: rollIn;
|
2484 |
+
animation-name: rollIn;
|
2485 |
+
}
|
2486 |
+
|
2487 |
+
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
2488 |
+
|
2489 |
+
@-webkit-keyframes rollOut {
|
2490 |
+
0% {
|
2491 |
+
opacity: 1;
|
2492 |
+
}
|
2493 |
+
|
2494 |
+
100% {
|
2495 |
+
opacity: 0;
|
2496 |
+
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
|
2497 |
+
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
|
2498 |
+
}
|
2499 |
+
}
|
2500 |
+
|
2501 |
+
@keyframes rollOut {
|
2502 |
+
0% {
|
2503 |
+
opacity: 1;
|
2504 |
+
}
|
2505 |
+
|
2506 |
+
100% {
|
2507 |
+
opacity: 0;
|
2508 |
+
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
|
2509 |
+
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
|
2510 |
+
}
|
2511 |
+
}
|
2512 |
+
|
2513 |
+
.rollOut {
|
2514 |
+
-webkit-animation-name: rollOut;
|
2515 |
+
animation-name: rollOut;
|
2516 |
+
}
|
2517 |
+
|
2518 |
+
@-webkit-keyframes zoomIn {
|
2519 |
+
0% {
|
2520 |
+
opacity: 0;
|
2521 |
+
-webkit-transform: scale3d(.3, .3, .3);
|
2522 |
+
transform: scale3d(.3, .3, .3);
|
2523 |
+
}
|
2524 |
+
|
2525 |
+
50% {
|
2526 |
+
opacity: 1;
|
2527 |
+
}
|
2528 |
+
}
|
2529 |
+
|
2530 |
+
@keyframes zoomIn {
|
2531 |
+
0% {
|
2532 |
+
opacity: 0;
|
2533 |
+
-webkit-transform: scale3d(.3, .3, .3);
|
2534 |
+
transform: scale3d(.3, .3, .3);
|
2535 |
+
}
|
2536 |
+
|
2537 |
+
50% {
|
2538 |
+
opacity: 1;
|
2539 |
+
}
|
2540 |
+
}
|
2541 |
+
|
2542 |
+
.zoomIn {
|
2543 |
+
-webkit-animation-name: zoomIn;
|
2544 |
+
animation-name: zoomIn;
|
2545 |
+
}
|
2546 |
+
|
2547 |
+
@-webkit-keyframes zoomInDown {
|
2548 |
+
0% {
|
2549 |
+
opacity: 0;
|
2550 |
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
2551 |
+
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
2552 |
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2553 |
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2554 |
+
}
|
2555 |
+
|
2556 |
+
60% {
|
2557 |
+
opacity: 1;
|
2558 |
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
2559 |
+
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
2560 |
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2561 |
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2562 |
+
}
|
2563 |
+
}
|
2564 |
+
|
2565 |
+
@keyframes zoomInDown {
|
2566 |
+
0% {
|
2567 |
+
opacity: 0;
|
2568 |
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
2569 |
+
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
2570 |
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2571 |
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2572 |
+
}
|
2573 |
+
|
2574 |
+
60% {
|
2575 |
+
opacity: 1;
|
2576 |
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
2577 |
+
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
2578 |
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2579 |
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2580 |
+
}
|
2581 |
+
}
|
2582 |
+
|
2583 |
+
.zoomInDown {
|
2584 |
+
-webkit-animation-name: zoomInDown;
|
2585 |
+
animation-name: zoomInDown;
|
2586 |
+
}
|
2587 |
+
|
2588 |
+
@-webkit-keyframes zoomInLeft {
|
2589 |
+
0% {
|
2590 |
+
opacity: 0;
|
2591 |
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
2592 |
+
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
2593 |
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2594 |
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2595 |
+
}
|
2596 |
+
|
2597 |
+
60% {
|
2598 |
+
opacity: 1;
|
2599 |
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
2600 |
+
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
2601 |
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2602 |
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2603 |
+
}
|
2604 |
+
}
|
2605 |
+
|
2606 |
+
@keyframes zoomInLeft {
|
2607 |
+
0% {
|
2608 |
+
opacity: 0;
|
2609 |
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
2610 |
+
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
2611 |
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2612 |
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2613 |
+
}
|
2614 |
+
|
2615 |
+
60% {
|
2616 |
+
opacity: 1;
|
2617 |
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
2618 |
+
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
2619 |
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2620 |
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2621 |
+
}
|
2622 |
+
}
|
2623 |
+
|
2624 |
+
.zoomInLeft {
|
2625 |
+
-webkit-animation-name: zoomInLeft;
|
2626 |
+
animation-name: zoomInLeft;
|
2627 |
+
}
|
2628 |
+
|
2629 |
+
@-webkit-keyframes zoomInRight {
|
2630 |
+
0% {
|
2631 |
+
opacity: 0;
|
2632 |
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
2633 |
+
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
2634 |
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2635 |
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2636 |
+
}
|
2637 |
+
|
2638 |
+
60% {
|
2639 |
+
opacity: 1;
|
2640 |
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
2641 |
+
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
2642 |
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2643 |
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2644 |
+
}
|
2645 |
+
}
|
2646 |
+
|
2647 |
+
@keyframes zoomInRight {
|
2648 |
+
0% {
|
2649 |
+
opacity: 0;
|
2650 |
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
2651 |
+
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
2652 |
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2653 |
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2654 |
+
}
|
2655 |
+
|
2656 |
+
60% {
|
2657 |
+
opacity: 1;
|
2658 |
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
2659 |
+
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
2660 |
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2661 |
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2662 |
+
}
|
2663 |
+
}
|
2664 |
+
|
2665 |
+
.zoomInRight {
|
2666 |
+
-webkit-animation-name: zoomInRight;
|
2667 |
+
animation-name: zoomInRight;
|
2668 |
+
}
|
2669 |
+
|
2670 |
+
@-webkit-keyframes zoomInUp {
|
2671 |
+
0% {
|
2672 |
+
opacity: 0;
|
2673 |
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
2674 |
+
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
2675 |
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2676 |
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2677 |
+
}
|
2678 |
+
|
2679 |
+
60% {
|
2680 |
+
opacity: 1;
|
2681 |
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
2682 |
+
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
2683 |
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2684 |
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2685 |
+
}
|
2686 |
+
}
|
2687 |
+
|
2688 |
+
@keyframes zoomInUp {
|
2689 |
+
0% {
|
2690 |
+
opacity: 0;
|
2691 |
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
2692 |
+
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
2693 |
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2694 |
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2695 |
+
}
|
2696 |
+
|
2697 |
+
60% {
|
2698 |
+
opacity: 1;
|
2699 |
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
2700 |
+
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
2701 |
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2702 |
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2703 |
+
}
|
2704 |
+
}
|
2705 |
+
|
2706 |
+
.zoomInUp {
|
2707 |
+
-webkit-animation-name: zoomInUp;
|
2708 |
+
animation-name: zoomInUp;
|
2709 |
+
}
|
2710 |
+
|
2711 |
+
@-webkit-keyframes zoomOut {
|
2712 |
+
0% {
|
2713 |
+
opacity: 1;
|
2714 |
+
}
|
2715 |
+
|
2716 |
+
50% {
|
2717 |
+
opacity: 0;
|
2718 |
+
-webkit-transform: scale3d(.3, .3, .3);
|
2719 |
+
transform: scale3d(.3, .3, .3);
|
2720 |
+
}
|
2721 |
+
|
2722 |
+
100% {
|
2723 |
+
opacity: 0;
|
2724 |
+
}
|
2725 |
+
}
|
2726 |
+
|
2727 |
+
@keyframes zoomOut {
|
2728 |
+
0% {
|
2729 |
+
opacity: 1;
|
2730 |
+
}
|
2731 |
+
|
2732 |
+
50% {
|
2733 |
+
opacity: 0;
|
2734 |
+
-webkit-transform: scale3d(.3, .3, .3);
|
2735 |
+
transform: scale3d(.3, .3, .3);
|
2736 |
+
}
|
2737 |
+
|
2738 |
+
100% {
|
2739 |
+
opacity: 0;
|
2740 |
+
}
|
2741 |
+
}
|
2742 |
+
|
2743 |
+
.zoomOut {
|
2744 |
+
-webkit-animation-name: zoomOut;
|
2745 |
+
animation-name: zoomOut;
|
2746 |
+
}
|
2747 |
+
|
2748 |
+
@-webkit-keyframes zoomOutDown {
|
2749 |
+
40% {
|
2750 |
+
opacity: 1;
|
2751 |
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
2752 |
+
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
2753 |
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2754 |
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2755 |
+
}
|
2756 |
+
|
2757 |
+
100% {
|
2758 |
+
opacity: 0;
|
2759 |
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
|
2760 |
+
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
|
2761 |
+
-webkit-transform-origin: center bottom;
|
2762 |
+
transform-origin: center bottom;
|
2763 |
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2764 |
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2765 |
+
}
|
2766 |
+
}
|
2767 |
+
|
2768 |
+
@keyframes zoomOutDown {
|
2769 |
+
40% {
|
2770 |
+
opacity: 1;
|
2771 |
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
2772 |
+
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
2773 |
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2774 |
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2775 |
+
}
|
2776 |
+
|
2777 |
+
100% {
|
2778 |
+
opacity: 0;
|
2779 |
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
|
2780 |
+
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
|
2781 |
+
-webkit-transform-origin: center bottom;
|
2782 |
+
transform-origin: center bottom;
|
2783 |
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2784 |
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2785 |
+
}
|
2786 |
+
}
|
2787 |
+
|
2788 |
+
.zoomOutDown {
|
2789 |
+
-webkit-animation-name: zoomOutDown;
|
2790 |
+
animation-name: zoomOutDown;
|
2791 |
+
}
|
2792 |
+
|
2793 |
+
@-webkit-keyframes zoomOutLeft {
|
2794 |
+
40% {
|
2795 |
+
opacity: 1;
|
2796 |
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
|
2797 |
+
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
|
2798 |
+
}
|
2799 |
+
|
2800 |
+
100% {
|
2801 |
+
opacity: 0;
|
2802 |
+
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
|
2803 |
+
transform: scale(.1) translate3d(-2000px, 0, 0);
|
2804 |
+
-webkit-transform-origin: left center;
|
2805 |
+
transform-origin: left center;
|
2806 |
+
}
|
2807 |
+
}
|
2808 |
+
|
2809 |
+
@keyframes zoomOutLeft {
|
2810 |
+
40% {
|
2811 |
+
opacity: 1;
|
2812 |
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
|
2813 |
+
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
|
2814 |
+
}
|
2815 |
+
|
2816 |
+
100% {
|
2817 |
+
opacity: 0;
|
2818 |
+
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
|
2819 |
+
transform: scale(.1) translate3d(-2000px, 0, 0);
|
2820 |
+
-webkit-transform-origin: left center;
|
2821 |
+
transform-origin: left center;
|
2822 |
+
}
|
2823 |
+
}
|
2824 |
+
|
2825 |
+
.zoomOutLeft {
|
2826 |
+
-webkit-animation-name: zoomOutLeft;
|
2827 |
+
animation-name: zoomOutLeft;
|
2828 |
+
}
|
2829 |
+
|
2830 |
+
@-webkit-keyframes zoomOutRight {
|
2831 |
+
40% {
|
2832 |
+
opacity: 1;
|
2833 |
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
|
2834 |
+
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
|
2835 |
+
}
|
2836 |
+
|
2837 |
+
100% {
|
2838 |
+
opacity: 0;
|
2839 |
+
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
|
2840 |
+
transform: scale(.1) translate3d(2000px, 0, 0);
|
2841 |
+
-webkit-transform-origin: right center;
|
2842 |
+
transform-origin: right center;
|
2843 |
+
}
|
2844 |
+
}
|
2845 |
+
|
2846 |
+
@keyframes zoomOutRight {
|
2847 |
+
40% {
|
2848 |
+
opacity: 1;
|
2849 |
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
|
2850 |
+
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
|
2851 |
+
}
|
2852 |
+
|
2853 |
+
100% {
|
2854 |
+
opacity: 0;
|
2855 |
+
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
|
2856 |
+
transform: scale(.1) translate3d(2000px, 0, 0);
|
2857 |
+
-webkit-transform-origin: right center;
|
2858 |
+
transform-origin: right center;
|
2859 |
+
}
|
2860 |
+
}
|
2861 |
+
|
2862 |
+
.zoomOutRight {
|
2863 |
+
-webkit-animation-name: zoomOutRight;
|
2864 |
+
animation-name: zoomOutRight;
|
2865 |
+
}
|
2866 |
+
|
2867 |
+
@-webkit-keyframes zoomOutUp {
|
2868 |
+
40% {
|
2869 |
+
opacity: 1;
|
2870 |
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
2871 |
+
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
2872 |
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2873 |
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2874 |
+
}
|
2875 |
+
|
2876 |
+
100% {
|
2877 |
+
opacity: 0;
|
2878 |
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
|
2879 |
+
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
|
2880 |
+
-webkit-transform-origin: center bottom;
|
2881 |
+
transform-origin: center bottom;
|
2882 |
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2883 |
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2884 |
+
}
|
2885 |
+
}
|
2886 |
+
|
2887 |
+
@keyframes zoomOutUp {
|
2888 |
+
40% {
|
2889 |
+
opacity: 1;
|
2890 |
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
2891 |
+
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
2892 |
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2893 |
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
2894 |
+
}
|
2895 |
+
|
2896 |
+
100% {
|
2897 |
+
opacity: 0;
|
2898 |
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
|
2899 |
+
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
|
2900 |
+
-webkit-transform-origin: center bottom;
|
2901 |
+
transform-origin: center bottom;
|
2902 |
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2903 |
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
2904 |
+
}
|
2905 |
+
}
|
2906 |
+
|
2907 |
+
.zoomOutUp {
|
2908 |
+
-webkit-animation-name: zoomOutUp;
|
2909 |
+
animation-name: zoomOutUp;
|
2910 |
+
}
|
2911 |
+
|
2912 |
+
@-webkit-keyframes slideInDown {
|
2913 |
+
0% {
|
2914 |
+
-webkit-transform: translateY(-100%);
|
2915 |
+
transform: translateY(-100%);
|
2916 |
+
visibility: visible;
|
2917 |
+
}
|
2918 |
+
|
2919 |
+
100% {
|
2920 |
+
-webkit-transform: translateY(0);
|
2921 |
+
transform: translateY(0);
|
2922 |
+
}
|
2923 |
+
}
|
2924 |
+
|
2925 |
+
@keyframes slideInDown {
|
2926 |
+
0% {
|
2927 |
+
-webkit-transform: translateY(-100%);
|
2928 |
+
transform: translateY(-100%);
|
2929 |
+
visibility: visible;
|
2930 |
+
}
|
2931 |
+
|
2932 |
+
100% {
|
2933 |
+
-webkit-transform: translateY(0);
|
2934 |
+
transform: translateY(0);
|
2935 |
+
}
|
2936 |
+
}
|
2937 |
+
|
2938 |
+
.slideInDown {
|
2939 |
+
-webkit-animation-name: slideInDown;
|
2940 |
+
animation-name: slideInDown;
|
2941 |
+
}
|
2942 |
+
|
2943 |
+
@-webkit-keyframes slideInLeft {
|
2944 |
+
0% {
|
2945 |
+
-webkit-transform: translateX(-100%);
|
2946 |
+
transform: translateX(-100%);
|
2947 |
+
visibility: visible;
|
2948 |
+
}
|
2949 |
+
|
2950 |
+
100% {
|
2951 |
+
-webkit-transform: translateX(0);
|
2952 |
+
transform: translateX(0);
|
2953 |
+
}
|
2954 |
+
}
|
2955 |
+
|
2956 |
+
@keyframes slideInLeft {
|
2957 |
+
0% {
|
2958 |
+
-webkit-transform: translateX(-100%);
|
2959 |
+
transform: translateX(-100%);
|
2960 |
+
visibility: visible;
|
2961 |
+
}
|
2962 |
+
|
2963 |
+
100% {
|
2964 |
+
-webkit-transform: translateX(0);
|
2965 |
+
transform: translateX(0);
|
2966 |
+
}
|
2967 |
+
}
|
2968 |
+
|
2969 |
+
.slideInLeft {
|
2970 |
+
-webkit-animation-name: slideInLeft;
|
2971 |
+
animation-name: slideInLeft;
|
2972 |
+
}
|
2973 |
+
|
2974 |
+
@-webkit-keyframes slideInRight {
|
2975 |
+
0% {
|
2976 |
+
-webkit-transform: translateX(100%);
|
2977 |
+
transform: translateX(100%);
|
2978 |
+
visibility: visible;
|
2979 |
+
}
|
2980 |
+
|
2981 |
+
100% {
|
2982 |
+
-webkit-transform: translateX(0);
|
2983 |
+
transform: translateX(0);
|
2984 |
+
}
|
2985 |
+
}
|
2986 |
+
|
2987 |
+
@keyframes slideInRight {
|
2988 |
+
0% {
|
2989 |
+
-webkit-transform: translateX(100%);
|
2990 |
+
transform: translateX(100%);
|
2991 |
+
visibility: visible;
|
2992 |
+
}
|
2993 |
+
|
2994 |
+
100% {
|
2995 |
+
-webkit-transform: translateX(0);
|
2996 |
+
transform: translateX(0);
|
2997 |
+
}
|
2998 |
+
}
|
2999 |
+
|
3000 |
+
.slideInRight {
|
3001 |
+
-webkit-animation-name: slideInRight;
|
3002 |
+
animation-name: slideInRight;
|
3003 |
+
}
|
3004 |
+
|
3005 |
+
@-webkit-keyframes slideInUp {
|
3006 |
+
0% {
|
3007 |
+
-webkit-transform: translateY(100%);
|
3008 |
+
transform: translateY(100%);
|
3009 |
+
visibility: visible;
|
3010 |
+
}
|
3011 |
+
|
3012 |
+
100% {
|
3013 |
+
-webkit-transform: translateY(0);
|
3014 |
+
transform: translateY(0);
|
3015 |
+
}
|
3016 |
+
}
|
3017 |
+
|
3018 |
+
@keyframes slideInUp {
|
3019 |
+
0% {
|
3020 |
+
-webkit-transform: translateY(100%);
|
3021 |
+
transform: translateY(100%);
|
3022 |
+
visibility: visible;
|
3023 |
+
}
|
3024 |
+
|
3025 |
+
100% {
|
3026 |
+
-webkit-transform: translateY(0);
|
3027 |
+
transform: translateY(0);
|
3028 |
+
}
|
3029 |
+
}
|
3030 |
+
|
3031 |
+
.slideInUp {
|
3032 |
+
-webkit-animation-name: slideInUp;
|
3033 |
+
animation-name: slideInUp;
|
3034 |
+
}
|
3035 |
+
|
3036 |
+
@-webkit-keyframes slideOutDown {
|
3037 |
+
0% {
|
3038 |
+
-webkit-transform: translateY(0);
|
3039 |
+
transform: translateY(0);
|
3040 |
+
}
|
3041 |
+
|
3042 |
+
100% {
|
3043 |
+
visibility: hidden;
|
3044 |
+
-webkit-transform: translateY(100%);
|
3045 |
+
transform: translateY(100%);
|
3046 |
+
}
|
3047 |
+
}
|
3048 |
+
|
3049 |
+
@keyframes slideOutDown {
|
3050 |
+
0% {
|
3051 |
+
-webkit-transform: translateY(0);
|
3052 |
+
transform: translateY(0);
|
3053 |
+
}
|
3054 |
+
|
3055 |
+
100% {
|
3056 |
+
visibility: hidden;
|
3057 |
+
-webkit-transform: translateY(100%);
|
3058 |
+
transform: translateY(100%);
|
3059 |
+
}
|
3060 |
+
}
|
3061 |
+
|
3062 |
+
.slideOutDown {
|
3063 |
+
-webkit-animation-name: slideOutDown;
|
3064 |
+
animation-name: slideOutDown;
|
3065 |
+
}
|
3066 |
+
|
3067 |
+
@-webkit-keyframes slideOutLeft {
|
3068 |
+
0% {
|
3069 |
+
-webkit-transform: translateX(0);
|
3070 |
+
transform: translateX(0);
|
3071 |
+
}
|
3072 |
+
|
3073 |
+
100% {
|
3074 |
+
visibility: hidden;
|
3075 |
+
-webkit-transform: translateX(-100%);
|
3076 |
+
transform: translateX(-100%);
|
3077 |
+
}
|
3078 |
+
}
|
3079 |
+
|
3080 |
+
@keyframes slideOutLeft {
|
3081 |
+
0% {
|
3082 |
+
-webkit-transform: translateX(0);
|
3083 |
+
transform: translateX(0);
|
3084 |
+
}
|
3085 |
+
|
3086 |
+
100% {
|
3087 |
+
visibility: hidden;
|
3088 |
+
-webkit-transform: translateX(-100%);
|
3089 |
+
transform: translateX(-100%);
|
3090 |
+
}
|
3091 |
+
}
|
3092 |
+
|
3093 |
+
.slideOutLeft {
|
3094 |
+
-webkit-animation-name: slideOutLeft;
|
3095 |
+
animation-name: slideOutLeft;
|
3096 |
+
}
|
3097 |
+
|
3098 |
+
@-webkit-keyframes slideOutRight {
|
3099 |
+
0% {
|
3100 |
+
-webkit-transform: translateX(0);
|
3101 |
+
transform: translateX(0);
|
3102 |
+
}
|
3103 |
+
|
3104 |
+
100% {
|
3105 |
+
visibility: hidden;
|
3106 |
+
-webkit-transform: translateX(100%);
|
3107 |
+
transform: translateX(100%);
|
3108 |
+
}
|
3109 |
+
}
|
3110 |
+
|
3111 |
+
@keyframes slideOutRight {
|
3112 |
+
0% {
|
3113 |
+
-webkit-transform: translateX(0);
|
3114 |
+
transform: translateX(0);
|
3115 |
+
}
|
3116 |
+
|
3117 |
+
100% {
|
3118 |
+
visibility: hidden;
|
3119 |
+
-webkit-transform: translateX(100%);
|
3120 |
+
transform: translateX(100%);
|
3121 |
+
}
|
3122 |
+
}
|
3123 |
+
|
3124 |
+
.slideOutRight {
|
3125 |
+
-webkit-animation-name: slideOutRight;
|
3126 |
+
animation-name: slideOutRight;
|
3127 |
+
}
|
3128 |
+
|
3129 |
+
@-webkit-keyframes slideOutUp {
|
3130 |
+
0% {
|
3131 |
+
-webkit-transform: translateY(0);
|
3132 |
+
transform: translateY(0);
|
3133 |
+
}
|
3134 |
+
|
3135 |
+
100% {
|
3136 |
+
visibility: hidden;
|
3137 |
+
-webkit-transform: translateY(-100%);
|
3138 |
+
transform: translateY(-100%);
|
3139 |
+
}
|
3140 |
+
}
|
3141 |
+
|
3142 |
+
@keyframes slideOutUp {
|
3143 |
+
0% {
|
3144 |
+
-webkit-transform: translateY(0);
|
3145 |
+
transform: translateY(0);
|
3146 |
+
}
|
3147 |
+
|
3148 |
+
100% {
|
3149 |
+
visibility: hidden;
|
3150 |
+
-webkit-transform: translateY(-100%);
|
3151 |
+
transform: translateY(-100%);
|
3152 |
+
}
|
3153 |
+
}
|
3154 |
+
|
3155 |
+
.slideOutUp {
|
3156 |
+
-webkit-animation-name: slideOutUp;
|
3157 |
+
animation-name: slideOutUp;
|
3158 |
+
}
|
css/backend.css
ADDED
@@ -0,0 +1,650 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
/*
|
2 |
+
* AccessPress Social backend style rules
|
3 |
+
*/
|
4 |
+
.aps-error{
|
5 |
+
font-size: 13px;
|
6 |
+
font-style: italic;
|
7 |
+
margin: 2px 0 5px;
|
8 |
+
color:#ff0012;
|
9 |
+
}
|
10 |
+
|
11 |
+
.aps-icon-list-wrapper{
|
12 |
+
min-height:20px;
|
13 |
+
background:#efefef;
|
14 |
+
padding:20px;
|
15 |
+
}
|
16 |
+
.aps-icon-head{
|
17 |
+
padding:5px 10px;;
|
18 |
+
background:#fff;
|
19 |
+
border:1px solid #ccc;
|
20 |
+
cursor:move;
|
21 |
+
display: table;
|
22 |
+
width: 100%;
|
23 |
+
-webkit-box-sizing: border-box;
|
24 |
+
-moz-box-sizing: border-box;
|
25 |
+
box-sizing: border-box;
|
26 |
+
}
|
27 |
+
.aps-icon-head .aps-icon-name,
|
28 |
+
.aps-icon-list-controls{
|
29 |
+
display:table-cell;
|
30 |
+
vertical-align:middle;
|
31 |
+
}
|
32 |
+
.aps-icon-body{
|
33 |
+
background:#fff;
|
34 |
+
padding: 10px;
|
35 |
+
}
|
36 |
+
.aps-icon-head .aps-icon-name{
|
37 |
+
width:75%;
|
38 |
+
}
|
39 |
+
.aps-icon-head .aps-icon-list-controls{
|
40 |
+
width:25%;
|
41 |
+
text-align:right;
|
42 |
+
}
|
43 |
+
.aps-field .wp-color-result:after{
|
44 |
+
white-space:nowrap;
|
45 |
+
overflow:hidden;
|
46 |
+
text-overflow:ellipsis;
|
47 |
+
}
|
48 |
+
.aps-icon-head .button{
|
49 |
+
vertical-align:middle;
|
50 |
+
/* float:right; */
|
51 |
+
}
|
52 |
+
.aps-icon-head .aps-arrow-down,
|
53 |
+
.aps-icon-head .aps-arrow-up{
|
54 |
+
padding:4px;
|
55 |
+
}
|
56 |
+
.aps-preview-holder-wrap{
|
57 |
+
position:relative;
|
58 |
+
}
|
59 |
+
.aps-preview-holder{
|
60 |
+
position:absolute;
|
61 |
+
left: 105%;
|
62 |
+
}
|
63 |
+
.aps-icon-head .aps-delete-icon{
|
64 |
+
padding:2px 4px;
|
65 |
+
}
|
66 |
+
.aps-icon-preview{
|
67 |
+
text-align:center;
|
68 |
+
border:1px solid #ccc;
|
69 |
+
padding-top: 0 !important;
|
70 |
+
margin-top: 10px !important;
|
71 |
+
padding-bottom: 10px;
|
72 |
+
}
|
73 |
+
.aps-icon-preview .fa:before{
|
74 |
+
display:block;
|
75 |
+
}
|
76 |
+
.aps-icon-preview label{
|
77 |
+
background:#555;
|
78 |
+
margin-bottom:10px;
|
79 |
+
color:#fff;
|
80 |
+
margin-left: -1px;
|
81 |
+
margin-top: -1px;
|
82 |
+
margin-right: -1px;
|
83 |
+
}
|
84 |
+
.aps-icon-each-detail{
|
85 |
+
margin:10px 0;
|
86 |
+
}
|
87 |
+
.aps-icon-each-detail > label{
|
88 |
+
font-weight:bold;
|
89 |
+
}
|
90 |
+
.aps-icon-detail-text{
|
91 |
+
background:#f0f0f0;
|
92 |
+
padding:5px;
|
93 |
+
}
|
94 |
+
/*panel design*/
|
95 |
+
.aps-panel{
|
96 |
+
-webkit-box-shadow: 0 0 2px 0px rgba(0,0,0,0.2);
|
97 |
+
-moz-box-shadow: 0 0 2px 0px rgba(0,0,0,0.2);
|
98 |
+
box-shadow: 0 0 2px 0px rgba(0,0,0,0.2);
|
99 |
+
-webkit-border-radius: 4px;;
|
100 |
+
-moz-border-radius: 4px;;
|
101 |
+
border-radius: 4px;
|
102 |
+
margin-top:20px;
|
103 |
+
}
|
104 |
+
.aps-panel-head{
|
105 |
+
background: #B8BA7C;
|
106 |
+
border-bottom: 5px solid #818348;
|
107 |
+
padding:10px;
|
108 |
+
color:#353535;
|
109 |
+
-webkit-border-radius: 4px 4px 0 0;
|
110 |
+
-moz-border-radius: 4px 4px 0 0;
|
111 |
+
border-radius: 4px 4px 0 0;
|
112 |
+
}
|
113 |
+
.aps-panel-head h1,
|
114 |
+
.aps-panel-head h2,
|
115 |
+
.aps-panel-head h3,
|
116 |
+
.aps-panel-head h4{
|
117 |
+
color:#eee;
|
118 |
+
}
|
119 |
+
.aps-panel-body{
|
120 |
+
background:#fff;
|
121 |
+
padding:20px;
|
122 |
+
}
|
123 |
+
.aps-panel-footer{
|
124 |
+
background:#E0E0E0;
|
125 |
+
padding:20px;
|
126 |
+
-webkit-border-radius: 0 0 4px 4px;
|
127 |
+
-moz-border-radius: 0 0 4px 4px;
|
128 |
+
border-radius: 0 0 4px 4px;
|
129 |
+
}
|
130 |
+
.aps-add-set-wrapper .form-field input[type=email],
|
131 |
+
.aps-add-set-wrapper .form-field input[type=number],
|
132 |
+
.aps-add-set-wrapper .form-field input[type=password],
|
133 |
+
.aps-add-set-wrapper .form-field input[type=search],
|
134 |
+
.aps-add-set-wrapper .form-field input[type=tel],
|
135 |
+
.aps-add-set-wrapper .form-field input[type=text],
|
136 |
+
.aps-add-set-wrapper .form-field input[type=url],
|
137 |
+
.aps-add-set-wrapper .form-field textarea,
|
138 |
+
.aps-form-control{
|
139 |
+
width:100%;
|
140 |
+
}
|
141 |
+
.aps-unstyled{
|
142 |
+
list-style:none;
|
143 |
+
}
|
144 |
+
.aps-inlinelist li{
|
145 |
+
display:inline-block;
|
146 |
+
-webkit-transition: all 0.3s ease-in-out;
|
147 |
+
-o-transition: all 0.3s ease-in-out;
|
148 |
+
transition: all 0.3s ease-in-out;
|
149 |
+
}
|
150 |
+
.aps-about-social-icon li:hover{
|
151 |
+
-webkit-transform: translate3d(0,-4px,0);
|
152 |
+
-ms-transform: translate3d(0,-4px,0);
|
153 |
+
-o-transform: translate3d(0,-4px,0);
|
154 |
+
transform: translate3d(0,-4px,0);
|
155 |
+
}
|
156 |
+
/*icon-select*/
|
157 |
+
.aps-well{
|
158 |
+
background:#efefef;
|
159 |
+
padding:15px;
|
160 |
+
-webkit-border-radius: 4px;
|
161 |
+
-moz-border-radius: 4px;
|
162 |
+
border-radius: 4px;
|
163 |
+
}
|
164 |
+
.aps-checkbox-array{
|
165 |
+
margin-left:-15px;
|
166 |
+
margin-top:-15px;
|
167 |
+
}
|
168 |
+
.aps-checkbox-array > label{
|
169 |
+
float:left;
|
170 |
+
margin-left:15px;
|
171 |
+
margin-top:15px;
|
172 |
+
}
|
173 |
+
#aps-ajax-loader{
|
174 |
+
display:inline-block;
|
175 |
+
vertical-align:middle;
|
176 |
+
padding:6px 5px;
|
177 |
+
}
|
178 |
+
/*aps lightbox*/
|
179 |
+
.aps-lightbox{
|
180 |
+
position:fixed;
|
181 |
+
top:0;
|
182 |
+
left:0;
|
183 |
+
background:url(../images/overlay.png) repeat\9;
|
184 |
+
background:rgba(0,0,0,0.7);
|
185 |
+
width:100%;
|
186 |
+
height:100%;
|
187 |
+
z-index:99999;
|
188 |
+
}
|
189 |
+
.aps-lightbox-inner-wrap{
|
190 |
+
width:50%;
|
191 |
+
max-width:650px;
|
192 |
+
left:50%;
|
193 |
+
position:absolute;
|
194 |
+
margin:0 auto;
|
195 |
+
}
|
196 |
+
.aps-lightbox-inner-content{
|
197 |
+
position:relative;
|
198 |
+
left:-50%;
|
199 |
+
bottom: 90%;
|
200 |
+
margin-top:100px;
|
201 |
+
background:#fff;
|
202 |
+
padding:25px;
|
203 |
+
border-radius:8px;
|
204 |
+
/* overflow:hidden; */
|
205 |
+
height: 400px;
|
206 |
+
}
|
207 |
+
.aps-lightbox-inner-content .fontawesome-icon-list,
|
208 |
+
.aps-icon-preview-wrap{
|
209 |
+
overflow-y: scroll;
|
210 |
+
height: 93%;
|
211 |
+
overflow-x: hidden;
|
212 |
+
padding-right: 5px;
|
213 |
+
position: relative;
|
214 |
+
padding-top: 7%;
|
215 |
+
-webkit-overflow-scrolling: touch;
|
216 |
+
}
|
217 |
+
.aps-icon-preview-wrap .aps-popup-filter{
|
218 |
+
width:150px;
|
219 |
+
}
|
220 |
+
.aps-filter-wrap{
|
221 |
+
background: #efefef;
|
222 |
+
padding: 5px 15px;
|
223 |
+
position: fixed;
|
224 |
+
margin-top: -42px;
|
225 |
+
min-width: 550px;
|
226 |
+
}
|
227 |
+
.aps-icon-preview-wrap .aps-filter-wrap .aps-filter-label{
|
228 |
+
font-weight: bold;
|
229 |
+
text-align: left;
|
230 |
+
text-transform: uppercase;
|
231 |
+
margin-right: 10px;
|
232 |
+
vertical-align: middle;
|
233 |
+
display: inline-block;
|
234 |
+
}
|
235 |
+
.aps-close-font{
|
236 |
+
position:absolute;
|
237 |
+
top: -12px;
|
238 |
+
right: -12px;
|
239 |
+
background:#fff;
|
240 |
+
text-decoration:none;
|
241 |
+
color:#222;
|
242 |
+
background: #222;
|
243 |
+
border-radius:50%;
|
244 |
+
padding: 2px;
|
245 |
+
box-shadow: 0 0 5px 1px rgba(0,0,0,0.4);
|
246 |
+
-webkit-box-shadow:0 0 5px 1px rgba(0,0,0,0.4);
|
247 |
+
-moz-box-shadow:0 0 5px 1px rgba(0,0,0,0.4);
|
248 |
+
color: #fff;
|
249 |
+
border: 3px solid #fff;
|
250 |
+
|
251 |
+
}
|
252 |
+
.aps-close-font:hover{
|
253 |
+
background:#111;
|
254 |
+
color:#fff;
|
255 |
+
}
|
256 |
+
.aps-font-icon-preview,.aps-image-icon-preview{
|
257 |
+
background:#fff;
|
258 |
+
padding: 13px;
|
259 |
+
border: 1px solid #BFC1C2;
|
260 |
+
margin-bottom:10px;
|
261 |
+
display: block;
|
262 |
+
text-align: center;
|
263 |
+
position: fixed;
|
264 |
+
box-shadow: 0 0 2px rgba(0,0,0,0.1);
|
265 |
+
z-index:555;
|
266 |
+
-webkit-user-select:none;
|
267 |
+
-moz-user-select:none;
|
268 |
+
-ms-user-select:none;
|
269 |
+
}
|
270 |
+
.aps-font-icon-preview .fa,.aps-image-icon-preview img{
|
271 |
+
cursor:pointer;
|
272 |
+
}
|
273 |
+
.aps-font-icon-preview .fa:hover,.aps-image-icon-preview img:hover{
|
274 |
+
opacity:1;
|
275 |
+
}
|
276 |
+
.aps-font-icon-preview .fa:before{
|
277 |
+
/*padding: 6px 13px;*/
|
278 |
+
display: block;
|
279 |
+
/*border: 2px dotted; border-radius: 50%;*/
|
280 |
+
}
|
281 |
+
.aps-font-icon-preview .fa:hover{
|
282 |
+
cursor:pointer;
|
283 |
+
}
|
284 |
+
.aps-set-wrapper img{
|
285 |
+
cursor:pointer;
|
286 |
+
max-width: 40px;
|
287 |
+
padding:15px;
|
288 |
+
display:block;
|
289 |
+
text-align: center;
|
290 |
+
|
291 |
+
margin: 0 auto;
|
292 |
+
}
|
293 |
+
.aps-set-image-wrapper{
|
294 |
+
border:1px solid #efefef;
|
295 |
+
margin: 10px 0px;
|
296 |
+
text-align: center;
|
297 |
+
}
|
298 |
+
.aps-set-image-wrapper a{
|
299 |
+
display: block;
|
300 |
+
text-decoration: none;
|
301 |
+
color: #555;
|
302 |
+
padding: 7px;
|
303 |
+
white-space: nowrap;
|
304 |
+
overflow: hidden;
|
305 |
+
text-overflow: ellipsis;
|
306 |
+
}
|
307 |
+
.aps-set-wrapper h3{
|
308 |
+
margin-bottom: 5px;
|
309 |
+
border-bottom: 1px solid #DDD;
|
310 |
+
padding-bottom: 7px;
|
311 |
+
}
|
312 |
+
.aps-set-image-wrapper:hover{
|
313 |
+
border:1px solid #ccc;
|
314 |
+
}
|
315 |
+
.fontawesome-icon-list .fa-hover,
|
316 |
+
.aps-set-wrappe .aps-set-image-wrapper{
|
317 |
+
text-align:left;
|
318 |
+
font-size:12px;
|
319 |
+
padding:10px;
|
320 |
+
}
|
321 |
+
.fontawesome-icon-list .fa-hover a{
|
322 |
+
display:block;
|
323 |
+
border:1px solid #ccc;
|
324 |
+
padding:10px;
|
325 |
+
text-align:center;
|
326 |
+
white-space:nowrap;
|
327 |
+
text-overflow:ellipsis;
|
328 |
+
overflow:hidden;
|
329 |
+
text-decoration:none;
|
330 |
+
color:#222;
|
331 |
+
border-radius:4px;
|
332 |
+
}
|
333 |
+
.fontawesome-icon-list .fa-hover a:focus,
|
334 |
+
.fontawesome-icon-list .fa-hover a:hover{
|
335 |
+
border-color:#ccc;
|
336 |
+
background:#efefef;
|
337 |
+
}
|
338 |
+
.fontawesome-icon-list .fa-hover i{
|
339 |
+
display:block;
|
340 |
+
margin:0 auto;
|
341 |
+
}
|
342 |
+
.fontawesome-icon-list .fa-hover .fa-3x{
|
343 |
+
font-size:2.5em;
|
344 |
+
}
|
345 |
+
.aps-field input[type="text"]{
|
346 |
+
width:100%;
|
347 |
+
}
|
348 |
+
.aps-add-set-wrapper .wp-picker-container{
|
349 |
+
background:#fff;
|
350 |
+
}
|
351 |
+
.aps-add-set-wrapper .wp-picker-holder{
|
352 |
+
position:absolute;
|
353 |
+
z-index:444;
|
354 |
+
background:#fff;
|
355 |
+
}
|
356 |
+
div.aps-message{
|
357 |
+
background-color:#f0f0f0;
|
358 |
+
}
|
359 |
+
.aps-expander-controls{
|
360 |
+
text-align: right;
|
361 |
+
height:0;
|
362 |
+
}
|
363 |
+
.aps-expander-controls .button{
|
364 |
+
margin-top: -40px;
|
365 |
+
}
|
366 |
+
/*btn groups*/
|
367 |
+
.aps-btn{
|
368 |
+
text-decoration:none;
|
369 |
+
color:inherit;
|
370 |
+
}
|
371 |
+
.aps-btn-group{
|
372 |
+
position: relative;
|
373 |
+
display: inline-block;
|
374 |
+
vertical-align: middle
|
375 |
+
}
|
376 |
+
.aps-btn-group>.aps-btn {
|
377 |
+
position: relative;
|
378 |
+
float: left
|
379 |
+
}
|
380 |
+
.aps-btn-group>.aps-btn:first-child {
|
381 |
+
margin-left: 0
|
382 |
+
}
|
383 |
+
.aps-btn-group>.aps-btn:first-child:not(:last-child) {
|
384 |
+
border-bottom-right-radius: 0;
|
385 |
+
border-top-right-radius: 0
|
386 |
+
}
|
387 |
+
.aps-btn-group>.aps-btn:last-child:not(:first-child) {
|
388 |
+
border-bottom-left-radius: 0;
|
389 |
+
border-top-left-radius: 0
|
390 |
+
}
|
391 |
+
.aps-btn-group .aps-btn+.aps-btn,
|
392 |
+
.aps-btn-group .aps-btn+.aps-btn-group{
|
393 |
+
margin-left: -1px
|
394 |
+
}
|
395 |
+
.aps-btn {
|
396 |
+
display: inline-block;
|
397 |
+
margin-bottom: 0;
|
398 |
+
font-weight: 400;
|
399 |
+
text-align: center;
|
400 |
+
vertical-align: middle;
|
401 |
+
cursor: pointer;
|
402 |
+
background-image: none;
|
403 |
+
border: 1px solid transparent;
|
404 |
+
white-space: nowrap;
|
405 |
+
padding: 6px 12px;
|
406 |
+
font-size: 14px;
|
407 |
+
line-height: 1.42857143;
|
408 |
+
border-radius: 4px;
|
409 |
+
-webkit-user-select: none;
|
410 |
+
-moz-user-select: none;
|
411 |
+
-ms-user-select: none;
|
412 |
+
user-select: none
|
413 |
+
}
|
414 |
+
|
415 |
+
.aps-btn:focus,.aps-btn:active:focus,.aps-btn.active:focus {
|
416 |
+
outline: thin dotted;
|
417 |
+
outline: 5px auto -webkit-focus-ring-color;
|
418 |
+
outline-offset: -2px
|
419 |
+
}
|
420 |
+
|
421 |
+
.aps-btn:hover,.aps-btn:focus {
|
422 |
+
color: #333;
|
423 |
+
text-decoration: none
|
424 |
+
}
|
425 |
+
|
426 |
+
.aps-btn:active,.aps-btn.active {
|
427 |
+
outline: 0;
|
428 |
+
background-image: none;
|
429 |
+
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
|
430 |
+
box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
|
431 |
+
}
|
432 |
+
|
433 |
+
.aps-btn-default {
|
434 |
+
color: #333;
|
435 |
+
background-color: #fff;
|
436 |
+
border-color: #ccc
|
437 |
+
}
|
438 |
+
|
439 |
+
.aps-btn-default:hover,
|
440 |
+
.aps-btn-default:focus,
|
441 |
+
.aps-btn-default:active,
|
442 |
+
.aps-btn-default.active {
|
443 |
+
color: #333;
|
444 |
+
background-color: #ebebeb;
|
445 |
+
border-color: #adadad
|
446 |
+
}
|
447 |
+
|
448 |
+
.aps-btn-default:active,
|
449 |
+
.aps-btn-default.active{
|
450 |
+
background-image: none
|
451 |
+
}
|
452 |
+
|
453 |
+
/*styling for promobar*/
|
454 |
+
.aps-add-set-wrapper,
|
455 |
+
.aps-promobar{
|
456 |
+
-webkit-box-sizing: border-box;
|
457 |
+
-moz-box-sizing: border-box;
|
458 |
+
box-sizing: border-box;
|
459 |
+
}
|
460 |
+
.aps-add-set-wrapper
|
461 |
+
{
|
462 |
+
width:75%;
|
463 |
+
float:left;
|
464 |
+
}
|
465 |
+
.aps-promobar{
|
466 |
+
width:25%;
|
467 |
+
float:left;
|
468 |
+
padding-top:20px;
|
469 |
+
padding-left:20px;
|
470 |
+
max-width:300px;
|
471 |
+
}
|
472 |
+
.aps-promobar img{
|
473 |
+
max-width:100%;
|
474 |
+
display:block;
|
475 |
+
}
|
476 |
+
.aps-promobar .aps-enquiry-box{
|
477 |
+
text-align:center;
|
478 |
+
}
|
479 |
+
.aps-demo-links{
|
480 |
+
background:#fff;
|
481 |
+
text-align:center;
|
482 |
+
padding:15px;
|
483 |
+
margin:5px 0;
|
484 |
+
}
|
485 |
+
.aps-btn-upgrade{
|
486 |
+
background:rgb(39, 115, 202);
|
487 |
+
color:#fff;
|
488 |
+
border-color:transparent;
|
489 |
+
}
|
490 |
+
.aps-btn-demo{
|
491 |
+
background:rgb(45, 163, 13);
|
492 |
+
color:#fff;
|
493 |
+
border-color:transparent;
|
494 |
+
}
|
495 |
+
.aps-panel-head .aps-col-logo{
|
496 |
+
width:25%;
|
497 |
+
text-align:center;
|
498 |
+
}
|
499 |
+
.aps-panel-head .aps-col-socials{
|
500 |
+
width:40%;
|
501 |
+
text-align:center;
|
502 |
+
}
|
503 |
+
.aps-panel-head .aps-col-title{
|
504 |
+
width:35%;
|
505 |
+
text-align:center;
|
506 |
+
}
|
507 |
+
.aps-panel-head .aps-logo{
|
508 |
+
padding-top:17px;
|
509 |
+
}
|
510 |
+
.aps-panel-head .aps-title{
|
511 |
+
font-size:24px;
|
512 |
+
font-weight:bold;
|
513 |
+
padding-top:30px;
|
514 |
+
line-height:1.6;
|
515 |
+
}
|
516 |
+
.aps-theme-previewbox{
|
517 |
+
margin:5px 0 20px;
|
518 |
+
}
|
519 |
+
.aps-theme-previewbox img{
|
520 |
+
max-width:100%;
|
521 |
+
}
|
522 |
+
/*the grid,responsive css*/
|
523 |
+
.aps-add-set-wrapper{
|
524 |
+
max-width: 980px;
|
525 |
+
}
|
526 |
+
.aps-clear:before,
|
527 |
+
.aps-clear:after,
|
528 |
+
.aps-icon-head:before,
|
529 |
+
.aps-icon-head:after,
|
530 |
+
.aps-row:before,
|
531 |
+
.aps-row:after,
|
532 |
+
.aps-checkbox-array:before,
|
533 |
+
.aps-checkbox-array:after,
|
534 |
+
.aps-panel-head:before,
|
535 |
+
.aps-panel-head:after{
|
536 |
+
display: table;
|
537 |
+
content: " ";
|
538 |
+
}
|
539 |
+
.aps-row:after,
|
540 |
+
.aps-checkbox-array:after,
|
541 |
+
.aps-icon-head:after,
|
542 |
+
.aps-clear:after,
|
543 |
+
.aps-panel-head:after{
|
544 |
+
clear:both;
|
545 |
+
}
|
546 |
+
@media (min-width:1200px){
|
547 |
+
.aps-row{
|
548 |
+
margin-left:-10px;
|
549 |
+
margin-right:-10px;
|
550 |
+
}
|
551 |
+
[class*="aps-col-"]{
|
552 |
+
padding-left:10px;
|
553 |
+
padding-right:10px;
|
554 |
+
float:left;
|
555 |
+
-webkit-box-sizing: border-box;
|
556 |
+
-moz-box-sizing: border-box;
|
557 |
+
box-sizing: border-box;
|
558 |
+
}
|
559 |
+
.aps-col-full{
|
560 |
+
width:100%;
|
561 |
+
}
|
562 |
+
.aps-col-half{
|
563 |
+
width:50%;
|
564 |
+
position: relative;
|
565 |
+
}
|
566 |
+
.aps-col-one-fourth{
|
567 |
+
width:25%;
|
568 |
+
}
|
569 |
+
.aps-col-one-third{
|
570 |
+
width:33.333333333333333333333333333333%;
|
571 |
+
}
|
572 |
+
.aps-col-two-third{
|
573 |
+
width:66.666666666666666666666666666667%
|
574 |
+
}
|
575 |
+
.form-wrap .label-inline{
|
576 |
+
display:inline-block;
|
577 |
+
margin-left:10px;
|
578 |
+
}
|
579 |
+
.form-wrap .label-inline:first-child{
|
580 |
+
margin-left:0;
|
581 |
+
}
|
582 |
+
}
|
583 |
+
@media (max-width:1280px){
|
584 |
+
.aps-filter-wrap{
|
585 |
+
position:static;
|
586 |
+
min-width:0;
|
587 |
+
margin-top:0;
|
588 |
+
}
|
589 |
+
.aps-lightbox-inner-content .fontawesome-icon-list, .aps-icon-preview-wrap{
|
590 |
+
height:99%;
|
591 |
+
padding-top:0;
|
592 |
+
}
|
593 |
+
}
|
594 |
+
|
595 |
+
@media (max-width:1200px){
|
596 |
+
.aps-font-icon-preview, .aps-image-icon-preview{
|
597 |
+
display:none;
|
598 |
+
}
|
599 |
+
.aps-add-set-wrapper input[type="radio"],
|
600 |
+
.aps-add-set-wrapper input[type="checkbox"]{
|
601 |
+
width:16px !important;
|
602 |
+
height:16px !important;
|
603 |
+
}
|
604 |
+
|
605 |
+
.form-wrap .label-inline{
|
606 |
+
margin-bottom:10px;
|
607 |
+
}
|
608 |
+
.aps-expander-controls .button{
|
609 |
+
margin:10px 0;
|
610 |
+
}
|
611 |
+
.aps-expander-controls{
|
612 |
+
height:auto;
|
613 |
+
text-align:left;
|
614 |
+
}
|
615 |
+
.aps-icon-preview-wrap .aps-popup-filter{
|
616 |
+
width:auto;
|
617 |
+
}
|
618 |
+
.aps-panel-head{
|
619 |
+
text-align:center;
|
620 |
+
}
|
621 |
+
.aps-panel-head .aps-col-logo,
|
622 |
+
.aps-panel-head .aps-col-socials,
|
623 |
+
.aps-panel-head .aps-col-title{
|
624 |
+
width:auto;
|
625 |
+
}
|
626 |
+
.aps-add-set-wrapper{
|
627 |
+
width:65%;
|
628 |
+
}
|
629 |
+
.aps-promobar{
|
630 |
+
width:35%;
|
631 |
+
}
|
632 |
+
.aps-panel-head .aps-title{
|
633 |
+
padding-top:10px;
|
634 |
+
}
|
635 |
+
}
|
636 |
+
@media (max-width:782px){
|
637 |
+
.aps-add-set-wrapper input[type="radio"],
|
638 |
+
.aps-add-set-wrapper input[type="checkbox"]{
|
639 |
+
width:25px !important;
|
640 |
+
height:25px !important;
|
641 |
+
}
|
642 |
+
.aps-lightbox-inner-wrap{
|
643 |
+
width:90%;
|
644 |
+
}
|
645 |
+
.aps-lightbox-inner-content{
|
646 |
+
margin-top:40px;
|
647 |
+
height:250px;
|
648 |
+
height:80vh;
|
649 |
+
}
|
650 |
+
}
|
css/frontend.css
ADDED
@@ -0,0 +1,117 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
.aps-each-icon{
|
2 |
+
display:inline-block;
|
3 |
+
position:relative;
|
4 |
+
background:#fff;
|
5 |
+
}
|
6 |
+
.aps-each-icon a{
|
7 |
+
display:block;
|
8 |
+
position:relative;
|
9 |
+
z-index:555;
|
10 |
+
background:#fff;
|
11 |
+
}
|
12 |
+
.aps-each-icon img{
|
13 |
+
-webkit-transition: opacity 0.3s ease-in-out;
|
14 |
+
-o-transition: opacity 0.3s ease-in-out;
|
15 |
+
transition: opacity 0.3s ease-in-out;
|
16 |
+
}
|
17 |
+
.aps-each-icon a:hover img{
|
18 |
+
opacity:1 !important;
|
19 |
+
}
|
20 |
+
.aps-each-icon .aps-icon-tooltip{
|
21 |
+
font-size:10px;
|
22 |
+
line-height:1;
|
23 |
+
padding:5px;
|
24 |
+
border-radius:4px;
|
25 |
+
position:absolute;
|
26 |
+
width:auto;
|
27 |
+
z-index:777;
|
28 |
+
white-space:nowrap;
|
29 |
+
}
|
30 |
+
.aps-group-horizontal .aps-each-icon:first-child{
|
31 |
+
margin-left:0 !important;
|
32 |
+
}
|
33 |
+
.aps-each-icon .aps-icon-tooltip-top{
|
34 |
+
top:-25px;
|
35 |
+
left:50%;
|
36 |
+
margin-top:0 !important;
|
37 |
+
}
|
38 |
+
.aps-each-icon .aps-icon-tooltip-top:before{
|
39 |
+
content:"";
|
40 |
+
position:absolute;
|
41 |
+
border-left:5px solid transparent !important;
|
42 |
+
border-right:5px solid transparent !important;
|
43 |
+
border-top-width: 5px;
|
44 |
+
border-top-style:solid;
|
45 |
+
margin-left:-5px;
|
46 |
+
bottom:-5px;
|
47 |
+
left:50%;
|
48 |
+
z-index:555;
|
49 |
+
}
|
50 |
+
.aps-each-icon .aps-icon-tooltip-right{
|
51 |
+
left:115%;
|
52 |
+
top:50%;
|
53 |
+
margin-left:0 !important;
|
54 |
+
}
|
55 |
+
.aps-each-icon .aps-icon-tooltip-right:before{
|
56 |
+
content:"";
|
57 |
+
position:absolute;
|
58 |
+
border-top:5px solid transparent !important;
|
59 |
+
border-bottom:5px solid transparent !important;
|
60 |
+
border-right-width: 5px;
|
61 |
+
border-right-style:solid;
|
62 |
+
margin-top:-5px;
|
63 |
+
top:50%;
|
64 |
+
left:-5px;
|
65 |
+
z-index:555;
|
66 |
+
}
|
67 |
+
.aps-each-icon .aps-icon-tooltip-bottom{
|
68 |
+
bottom:-25px;
|
69 |
+
left:50%;
|
70 |
+
margin-top:0 !important;
|
71 |
+
}
|
72 |
+
.aps-each-icon .aps-icon-tooltip-bottom:before{
|
73 |
+
content:"";
|
74 |
+
position:absolute;
|
75 |
+
border-left:5px solid transparent !important;
|
76 |
+
border-right:5px solid transparent !important;
|
77 |
+
border-bottom-width: 5px;
|
78 |
+
border-bottom-style:solid;
|
79 |
+
margin-left:-5px;
|
80 |
+
top:-5px;
|
81 |
+
left:50%;
|
82 |
+
z-index:555;
|
83 |
+
}
|
84 |
+
.aps-each-icon .aps-icon-tooltip-left{
|
85 |
+
right:115%;
|
86 |
+
top:50%;
|
87 |
+
margin-left:0px !important;
|
88 |
+
}
|
89 |
+
.aps-each-icon .aps-icon-tooltip-left:before{
|
90 |
+
content:"";
|
91 |
+
position:absolute;
|
92 |
+
border-top:5px solid transparent !important;
|
93 |
+
border-bottom:5px solid transparent !important;
|
94 |
+
border-left-width: 5px;
|
95 |
+
border-left-style:solid;
|
96 |
+
margin-top:-5px;
|
97 |
+
top:50%;
|
98 |
+
right:-5px;
|
99 |
+
z-index:555;
|
100 |
+
}
|
101 |
+
.aps-social-icon-wrapper:before,
|
102 |
+
.aps-social-icon-wrapper:after{
|
103 |
+
content:"";
|
104 |
+
display:table;
|
105 |
+
}
|
106 |
+
.aps-social-icon-wrapper:after{
|
107 |
+
clear:both;
|
108 |
+
}
|
109 |
+
.aps-social-icon-wrapper .aps-group-vertical{
|
110 |
+
float:left;
|
111 |
+
text-align:center;
|
112 |
+
}
|
113 |
+
@media (max-width:768px){
|
114 |
+
.aps-social-icon-wrapper .aps-group-vertical{
|
115 |
+
float:none;
|
116 |
+
}
|
117 |
+
}
|
icon-sets/png/set1/Thumbs.db
ADDED
Binary file
|
icon-sets/png/set1/askfm.png
ADDED
Binary file
|
icon-sets/png/set1/classmates.png
ADDED
Binary file
|
icon-sets/png/set1/facebook.png
ADDED
Binary file
|
icon-sets/png/set1/flickr.png
ADDED
Binary file
|
icon-sets/png/set1/foursquare.png
ADDED
Binary file
|
icon-sets/png/set1/googlePlus.png
ADDED
Binary file
|
icon-sets/png/set1/instagram.png
ADDED
Binary file
|
icon-sets/png/set1/linkedin.png
ADDED
Binary file
|
icon-sets/png/set1/meetme.png
ADDED
Binary file
|
icon-sets/png/set1/meetup.png
ADDED
Binary file
|
icon-sets/png/set1/myspace.png
ADDED
Binary file
|
icon-sets/png/set1/pinterest.png
ADDED
Binary file
|
icon-sets/png/set1/reddit.png
ADDED
Binary file
|
icon-sets/png/set1/stumbleupon.png
ADDED
Binary file
|
icon-sets/png/set1/tagged.png
ADDED
Binary file
|
icon-sets/png/set1/tumblr.png
ADDED
Binary file
|
icon-sets/png/set1/twitter.png
ADDED
Binary file
|
icon-sets/png/set1/vine.png
ADDED
Binary file
|
icon-sets/png/set1/vk.png
ADDED
Binary file
|
icon-sets/png/set1/youtube.png
ADDED
Binary file
|
icon-sets/png/set10/Thumbs.db
ADDED
Binary file
|
icon-sets/png/set10/askfm.png
ADDED
Binary file
|
icon-sets/png/set10/classmates.png
ADDED
Binary file
|
icon-sets/png/set10/facebook.png
ADDED
Binary file
|
icon-sets/png/set10/flickr.png
ADDED
Binary file
|
icon-sets/png/set10/foursquare.png
ADDED
Binary file
|
icon-sets/png/set10/googleplus.png
ADDED
Binary file
|
icon-sets/png/set10/instagram.png
ADDED
Binary file
|
icon-sets/png/set10/linkedin.png
ADDED
Binary file
|
icon-sets/png/set10/meetme.png
ADDED
Binary file
|
icon-sets/png/set10/meetup.png
ADDED
Binary file
|
icon-sets/png/set10/myspace.png
ADDED
Binary file
|
icon-sets/png/set10/pinterest.png
ADDED
Binary file
|
icon-sets/png/set10/reddit.png
ADDED
Binary file
|
icon-sets/png/set10/stumbleupon.png
ADDED
Binary file
|
icon-sets/png/set10/tagged.png
ADDED
Binary file
|
icon-sets/png/set10/tumblr.png
ADDED
Binary file
|
icon-sets/png/set10/twitter.png
ADDED
Binary file
|
icon-sets/png/set10/vine.png
ADDED
Binary file
|
icon-sets/png/set10/vk.png
ADDED
Binary file
|
icon-sets/png/set10/youtube.png
ADDED
Binary file
|
icon-sets/png/set11/Thumbs.db
ADDED
Binary file
|
icon-sets/png/set11/askfm.png
ADDED
Binary file
|
icon-sets/png/set11/classmates.png
ADDED
Binary file
|
icon-sets/png/set11/facebook.png
ADDED
Binary file
|
icon-sets/png/set11/flickr.png
ADDED
Binary file
|
icon-sets/png/set11/foursquare.png
ADDED
Binary file
|
icon-sets/png/set11/googlePlus.png
ADDED
Binary file
|
icon-sets/png/set11/instagram.png
ADDED
Binary file
|
icon-sets/png/set11/linkedin.png
ADDED
Binary file
|
icon-sets/png/set11/meetme.png
ADDED
Binary file
|
icon-sets/png/set11/meetup.png
ADDED
Binary file
|
icon-sets/png/set11/myspace.png
ADDED
Binary file
|
icon-sets/png/set11/pinterest.png
ADDED
Binary file
|
icon-sets/png/set11/reddit.png
ADDED
Binary file
|
icon-sets/png/set11/stumbleupon.png
ADDED
Binary file
|
icon-sets/png/set11/tagged.png
ADDED
Binary file
|
icon-sets/png/set11/tumblr.png
ADDED
Binary file
|
icon-sets/png/set11/twitter.png
ADDED
Binary file
|
icon-sets/png/set11/vine.png
ADDED
Binary file
|
icon-sets/png/set11/vk.png
ADDED
Binary file
|
icon-sets/png/set11/youtube.png
ADDED
Binary file
|
icon-sets/png/set12/Thumbs.db
ADDED
Binary file
|
icon-sets/png/set12/askfm.png
ADDED
Binary file
|
icon-sets/png/set12/classmates.png
ADDED
Binary file
|
icon-sets/png/set12/facebook.png
ADDED
Binary file
|
icon-sets/png/set12/flickr.png
ADDED
Binary file
|
icon-sets/png/set12/foursquare.png
ADDED
Binary file
|
icon-sets/png/set12/googlePlus.png
ADDED
Binary file
|
icon-sets/png/set12/instagram.png
ADDED
Binary file
|
icon-sets/png/set12/linkedin.png
ADDED
Binary file
|
icon-sets/png/set12/meetme.png
ADDED
Binary file
|
icon-sets/png/set12/meetup.png
ADDED
Binary file
|
icon-sets/png/set12/myspace.png
ADDED
Binary file
|
icon-sets/png/set12/pinterest.png
ADDED
Binary file
|
icon-sets/png/set12/reddit.png
ADDED
Binary file
|
icon-sets/png/set12/stumbleupon.png
ADDED
Binary file
|
icon-sets/png/set12/tagged.png
ADDED
Binary file
|
icon-sets/png/set12/tumblr.png
ADDED
Binary file
|
icon-sets/png/set12/twitter.png
ADDED
Binary file
|
icon-sets/png/set12/vine.png
ADDED
Binary file
|
icon-sets/png/set12/vk.png
ADDED
Binary file
|
icon-sets/png/set12/youtube.png
ADDED
Binary file
|
icon-sets/png/set2/Thumbs.db
ADDED
Binary file
|
icon-sets/png/set2/askfm.png
ADDED
Binary file
|
icon-sets/png/set2/classmates.png
ADDED
Binary file
|
icon-sets/png/set2/facebook.png
ADDED
Binary file
|
icon-sets/png/set2/flickr.png
ADDED
Binary file
|
icon-sets/png/set2/foursquare.png
ADDED
Binary file
|
icon-sets/png/set2/googlePlus.png
ADDED
Binary file
|
icon-sets/png/set2/instagram.png
ADDED
Binary file
|
icon-sets/png/set2/linkedin.png
ADDED
Binary file
|
icon-sets/png/set2/meetme.png
ADDED
Binary file
|
icon-sets/png/set2/meetup.png
ADDED
Binary file
|
icon-sets/png/set2/myspace.png
ADDED
Binary file
|
icon-sets/png/set2/pinterest.png
ADDED
Binary file
|
icon-sets/png/set2/reddit.png
ADDED
Binary file
|
icon-sets/png/set2/stumbleupon.png
ADDED
Binary file
|
icon-sets/png/set2/tagged.png
ADDED
Binary file
|
icon-sets/png/set2/tumblr.png
ADDED
Binary file
|
icon-sets/png/set2/twitter.png
ADDED
Binary file
|
icon-sets/png/set2/vine.png
ADDED
Binary file
|
icon-sets/png/set2/vk.png
ADDED
Binary file
|
icon-sets/png/set2/youtube.png
ADDED
Binary file
|
icon-sets/png/set3/Thumbs.db
ADDED
Binary file
|
icon-sets/png/set3/askfm.png
ADDED
Binary file
|
icon-sets/png/set3/classmates.png
ADDED
Binary file
|
icon-sets/png/set3/facebook.png
ADDED
Binary file
|
icon-sets/png/set3/flickr.png
ADDED
Binary file
|
icon-sets/png/set3/foursquare.png
ADDED
Binary file
|
icon-sets/png/set3/googlePlus.png
ADDED
Binary file
|
icon-sets/png/set3/instagram.png
ADDED
Binary file
|
icon-sets/png/set3/linkedin.png
ADDED
Binary file
|
icon-sets/png/set3/meetme.png
ADDED
Binary file
|
icon-sets/png/set3/meetup.png
ADDED
Binary file
|
icon-sets/png/set3/myspace.png
ADDED
Binary file
|
icon-sets/png/set3/pinterest.png
ADDED
Binary file
|
icon-sets/png/set3/reddit.png
ADDED
Binary file
|
icon-sets/png/set3/stumbleupon.png
ADDED
Binary file
|
icon-sets/png/set3/tagged.png
ADDED
Binary file
|
icon-sets/png/set3/tumblr.png
ADDED
Binary file
|
icon-sets/png/set3/twitter.png
ADDED
Binary file
|
icon-sets/png/set3/vine.png
ADDED
Binary file
|
icon-sets/png/set3/vk.png
ADDED
Binary file
|
icon-sets/png/set3/youtube.png
ADDED
Binary file
|
icon-sets/png/set4/Thumbs.db
ADDED
Binary file
|
icon-sets/png/set4/askfm.png
ADDED
Binary file
|
icon-sets/png/set4/classmates.png
ADDED
Binary file
|
icon-sets/png/set4/facebook.png
ADDED
Binary file
|
icon-sets/png/set4/flickr.png
ADDED
Binary file
|
icon-sets/png/set4/foursquare.png
ADDED
Binary file
|
icon-sets/png/set4/googlePlus.png
ADDED
Binary file
|
icon-sets/png/set4/instagram.png
ADDED
Binary file
|
icon-sets/png/set4/linkedin.png
ADDED
Binary file
|
icon-sets/png/set4/meetme.png
ADDED
Binary file
|
icon-sets/png/set4/meetup.png
ADDED
Binary file
|
icon-sets/png/set4/myspace.png
ADDED
Binary file
|
icon-sets/png/set4/pinterest.png
ADDED
Binary file
|
icon-sets/png/set4/reddit.png
ADDED
Binary file
|
icon-sets/png/set4/stumbleupon.png
ADDED
Binary file
|
icon-sets/png/set4/tagged.png
ADDED
Binary file
|
icon-sets/png/set4/tumblr.png
ADDED
Binary file
|
icon-sets/png/set4/twitter.png
ADDED
Binary file
|
icon-sets/png/set4/vine.png
ADDED
Binary file
|
icon-sets/png/set4/vk.png
ADDED
Binary file
|
icon-sets/png/set4/youtube.png
ADDED
Binary file
|
icon-sets/png/set5/Thumbs.db
ADDED
Binary file
|
icon-sets/png/set5/askfm.png
ADDED
Binary file
|
icon-sets/png/set5/classmates.png
ADDED
Binary file
|
icon-sets/png/set5/facebook.png
ADDED
Binary file
|
icon-sets/png/set5/flickr.png
ADDED
Binary file
|
icon-sets/png/set5/foursquare.png
ADDED
Binary file
|
icon-sets/png/set5/googlePlus.png
ADDED
Binary file
|
icon-sets/png/set5/instagram.png
ADDED
Binary file
|
icon-sets/png/set5/linkedin.png
ADDED
Binary file
|
icon-sets/png/set5/meetme.png
ADDED
Binary file
|
icon-sets/png/set5/meetup.png
ADDED
Binary file
|
icon-sets/png/set5/myspace.png
ADDED
Binary file
|
icon-sets/png/set5/pinterest.png
ADDED
Binary file
|
icon-sets/png/set5/reddit.png
ADDED
Binary file
|
icon-sets/png/set5/stumbleupon.png
ADDED
Binary file
|
icon-sets/png/set5/tagged.png
ADDED
Binary file
|
icon-sets/png/set5/tumblr.png
ADDED
Binary file
|
icon-sets/png/set5/twitter.png
ADDED
Binary file
|
icon-sets/png/set5/vine.png
ADDED
Binary file
|
icon-sets/png/set5/vk.png
ADDED
Binary file
|
icon-sets/png/set5/youtube.png
ADDED
Binary file
|
icon-sets/png/set6/Thumbs.db
ADDED
Binary file
|
icon-sets/png/set6/askfm.png
ADDED
Binary file
|
icon-sets/png/set6/classmates.png
ADDED
Binary file
|
icon-sets/png/set6/facebook.png
ADDED
Binary file
|
icon-sets/png/set6/flickr.png
ADDED
Binary file
|
icon-sets/png/set6/foursquare.png
ADDED
Binary file
|
icon-sets/png/set6/googlePlus.png
ADDED
Binary file
|
icon-sets/png/set6/instagram.png
ADDED
Binary file
|
icon-sets/png/set6/linkedin.png
ADDED
Binary file
|
icon-sets/png/set6/meetme.png
ADDED
Binary file
|
icon-sets/png/set6/meetup.png
ADDED
Binary file
|
icon-sets/png/set6/myspace.png
ADDED
Binary file
|
icon-sets/png/set6/pinterest.png
ADDED
Binary file
|
icon-sets/png/set6/reddit.png
ADDED
Binary file
|
icon-sets/png/set6/stumbleupon.png
ADDED
Binary file
|
icon-sets/png/set6/tagged.png
ADDED
Binary file
|
icon-sets/png/set6/tumblr.png
ADDED
Binary file
|
icon-sets/png/set6/twitter.png
ADDED
Binary file
|
icon-sets/png/set6/vine.png
ADDED
Binary file
|
icon-sets/png/set6/vk.png
ADDED
Binary file
|
icon-sets/png/set6/youtube.png
ADDED
Binary file
|
icon-sets/png/set7/Thumbs.db
ADDED
Binary file
|
icon-sets/png/set7/askfm.png
ADDED
Binary file
|
icon-sets/png/set7/classmates.png
ADDED
Binary file
|
icon-sets/png/set7/facebook.png
ADDED
Binary file
|
icon-sets/png/set7/flickr.png
ADDED
Binary file
|
icon-sets/png/set7/foursquare.png
ADDED
Binary file
|
icon-sets/png/set7/googlePlus.png
ADDED
Binary file
|
icon-sets/png/set7/instagram.png
ADDED
Binary file
|
icon-sets/png/set7/linkedin.png
ADDED
Binary file
|
icon-sets/png/set7/meetme.png
ADDED
Binary file
|
icon-sets/png/set7/meetup.png
ADDED
Binary file
|
icon-sets/png/set7/myspace.png
ADDED
Binary file
|
icon-sets/png/set7/pinterest.png
ADDED
Binary file
|
icon-sets/png/set7/reddit.png
ADDED
Binary file
|
icon-sets/png/set7/stumbleupon.png
ADDED
Binary file
|
icon-sets/png/set7/tagged.png
ADDED
Binary file
|
icon-sets/png/set7/tumblr.png
ADDED
Binary file
|
icon-sets/png/set7/twitter.png
ADDED
Binary file
|
icon-sets/png/set7/vine.png
ADDED
Binary file
|
icon-sets/png/set7/vk.png
ADDED
Binary file
|
icon-sets/png/set7/youtube.png
ADDED
Binary file
|
icon-sets/png/set8/Thumbs.db
ADDED
Binary file
|
icon-sets/png/set8/askfm.png
ADDED
Binary file
|
icon-sets/png/set8/classmates.png
ADDED
Binary file
|
icon-sets/png/set8/facebook.png
ADDED
Binary file
|
icon-sets/png/set8/flickr.png
ADDED
Binary file
|
icon-sets/png/set8/foursquare.png
ADDED
Binary file
|
icon-sets/png/set8/googlePlus.png
ADDED
Binary file
|
icon-sets/png/set8/instagram.png
ADDED
Binary file
|
icon-sets/png/set8/linkedin.png
ADDED
Binary file
|
icon-sets/png/set8/meetme.png
ADDED
Binary file
|
icon-sets/png/set8/meetup.png
ADDED
Binary file
|
icon-sets/png/set8/myspace.png
ADDED
Binary file
|
icon-sets/png/set8/pinterest.png
ADDED
Binary file
|
icon-sets/png/set8/reddit.png
ADDED
Binary file
|
icon-sets/png/set8/stumbleupon.png
ADDED
Binary file
|
icon-sets/png/set8/tagged.png
ADDED
Binary file
|
icon-sets/png/set8/tumblr.png
ADDED
Binary file
|
icon-sets/png/set8/twitter.png
ADDED
Binary file
|
icon-sets/png/set8/vine.png
ADDED
Binary file
|
icon-sets/png/set8/vk.png
ADDED
Binary file
|
icon-sets/png/set8/youtube.png
ADDED
Binary file
|
icon-sets/png/set9/Thumbs.db
ADDED
Binary file
|
icon-sets/png/set9/askfm.png
ADDED
Binary file
|
icon-sets/png/set9/classmates.png
ADDED
Binary file
|
icon-sets/png/set9/facebok.png
ADDED
Binary file
|
icon-sets/png/set9/flickr.png
ADDED
Binary file
|
icon-sets/png/set9/foursquare.png
ADDED
Binary file
|
icon-sets/png/set9/googlePlus.png
ADDED
Binary file
|
icon-sets/png/set9/instagram.png
ADDED
Binary file
|
icon-sets/png/set9/linkedin.png
ADDED
Binary file
|
icon-sets/png/set9/meetme.png
ADDED
Binary file
|
icon-sets/png/set9/meetup.png
ADDED
Binary file
|
icon-sets/png/set9/myspace.png
ADDED
Binary file
|
icon-sets/png/set9/pinterest.png
ADDED
Binary file
|
icon-sets/png/set9/reddit.png
ADDED
Binary file
|
icon-sets/png/set9/stumbleupon.png
ADDED
Binary file
|
icon-sets/png/set9/tagged.png
ADDED
Binary file
|
icon-sets/png/set9/tumblr.png
ADDED
Binary file
|
icon-sets/png/set9/twitter.png
ADDED
Binary file
|
icon-sets/png/set9/vine.png
ADDED
Binary file
|
icon-sets/png/set9/vk.png
ADDED
Binary file
|
icon-sets/png/set9/youtube.png
ADDED
Binary file
|
images/ajax-loader.gif
ADDED
Binary file
|
images/anonymous-post-pro.png
ADDED
Binary file
|
images/anonymous-post.png
ADDED
Binary file
|
images/aplite.png
ADDED
Binary file
|
images/appro.png
ADDED
Binary file
|
images/flicker.png
ADDED
Binary file
|
images/googleplus.png
ADDED
Binary file
|
images/logo-social.png
ADDED
Binary file
|
images/overlay.png
ADDED
Binary file
|
images/pinterest.png
ADDED
Binary file
|
images/preview1.jpg
ADDED
Binary file
|
images/preview10.jpg
ADDED
Binary file
|
images/preview11.jpg
ADDED
Binary file
|
images/preview12.jpg
ADDED
Binary file
|
images/preview2.jpg
ADDED
Binary file
|
images/preview3.jpg
ADDED
Binary file
|
images/preview4.jpg
ADDED
Binary file
|
images/preview5.jpg
ADDED
Binary file
|
images/preview6.jpg
ADDED
Binary file
|
images/preview7.jpg
ADDED
Binary file
|
images/preview8.jpg
ADDED
Binary file
|
images/preview9.jpg
ADDED
Binary file
|
images/si-icon.png
ADDED
Binary file
|
images/twitter.png
ADDED
Binary file
|
inc/backend/about.php
ADDED
@@ -0,0 +1,123 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<div class="wrap aps-clear">
|
2 |
+
<div class="aps-add-set-wrapper">
|
3 |
+
<div class="aps-panel">
|
4 |
+
<?php include( 'panel-head.php'); ?>
|
5 |
+
<div class="aps-panel-body">
|
6 |
+
<div class="aps-row">
|
7 |
+
<div class="aps-col-two-third">
|
8 |
+
<h2><?php _e('About Us', 'aps-social'); ?></h2>
|
9 |
+
<div class="ap-tab-wrapper">
|
10 |
+
<p><strong>AccessPress Social Icons </strong> - is a FREE WordPress Plugin by AccessPress Themes. </p>
|
11 |
+
|
12 |
+
<p>AccessPress Themes is a venture of Access Keys - who has developed hundreds of Custom WordPress themes and plugins for its clients over the years. </p>
|
13 |
+
|
14 |
+
<p><strong>AccessPress Social Icons </strong> - is a responsive HTML5/CSS3 social icons plugin which allows to add any number of icons sets anywhere in the site dynamically with the cofigurable backend settings. </p>
|
15 |
+
<div class="halfseperator"></div>
|
16 |
+
<p><strong>Please visit our product page for more details here:</strong>
|
17 |
+
<br />
|
18 |
+
<a href="https://accesspressthemes.com/wordpress-plugins/accesspress-social-icons/" target="_blank">https://accesspressthemes.com/wordpress-plugins/accesspress-social-icons/</a>
|
19 |
+
</p>
|
20 |
+
<div class="halfseperator"></div>
|
21 |
+
<p><strong>Plugin documentation can be found here:</strong>
|
22 |
+
<br />
|
23 |
+
<a href="https://accesspressthemes.com/documentation/documentationplugin-instruction-accesspress-social-icons/" target="_blank">https://accesspressthemes.com/documentation/documentationplugin-instruction-accesspress-social-icons/</a>
|
24 |
+
</p>
|
25 |
+
<div class="halfseperator"></div>
|
26 |
+
<p><strong>If you'd like to buy premium version of this plugin please check here:</strong>
|
27 |
+
<br />
|
28 |
+
<a href="http://accesspressthemes.com/wordpress-plugins/accesspress-anonymous-post-premium/" target="_blank">http://accesspressthemes.com/wordpress-plugins/accesspress-anonymous-post-premium/ </a>
|
29 |
+
</p>
|
30 |
+
<p> </p>
|
31 |
+
<h3>Other products by AccessPress themes </h3>
|
32 |
+
<div class="aps-row">
|
33 |
+
<div class="aps-col-half">
|
34 |
+
<div class="product">
|
35 |
+
<div class="logo-product"><img src="<?php echo APS_IMAGE_DIR; ?>/aplite.png" alt="<?php esc_attr_e('AccessPress Social Icons', 'aps-social'); ?>" />
|
36 |
+
</div>
|
37 |
+
<div class="productext">
|
38 |
+
<p><strong>AccessPress Lite</strong> - A very popular Free WordPress theme, available in WordPress.org
|
39 |
+
<br />
|
40 |
+
<a href="http://accesspressthemes.com/wordpress-themes/accesspress-lite/" target="_blank">http://accesspressthemes.com/wordpress-themes/accesspress-lite/</a>
|
41 |
+
</p>
|
42 |
+
</div>
|
43 |
+
</div>
|
44 |
+
</div>
|
45 |
+
<div class="aps-col-half">
|
46 |
+
<div class="product">
|
47 |
+
<div class="logo-product"><img src="<?php echo APS_IMAGE_DIR; ?>/appro.png" />
|
48 |
+
</div>
|
49 |
+
<div class="productext">
|
50 |
+
<p><strong>AccessPress Pro</strong> - Premium version of AccessPress lite
|
51 |
+
<br />
|
52 |
+
<a href="http://accesspressthemes.com/wordpress-themes/accesspress-lite/" target="_blank">http://accesspressthemes.com/wordpress-themes/accesspress-pro/</a>
|
53 |
+
</p>
|
54 |
+
</div>
|
55 |
+
</div>
|
56 |
+
</div>
|
57 |
+
</div>
|
58 |
+
<p> </p>
|
59 |
+
<div class="aps-row">
|
60 |
+
<div class="aps-col-half">
|
61 |
+
<div class="product">
|
62 |
+
<div class="logo-product"><img src="<?php echo APS_IMAGE_DIR; ?>/anonymous-post.png" />
|
63 |
+
</div>
|
64 |
+
<div class="productext">
|
65 |
+
<p><strong>AccessPress Anonymous Post</strong> - A free A plugin that provides the ability to publish post from frontend with or without login anonymously using a simple html5 form from anywhere of the site with the help of shortcode and handful of backend settings.
|
66 |
+
<br />
|
67 |
+
<a href="http://accesspressthemes.com/wordpress-plugins/accesspress-anonymous-post/" target="_blank">http://accesspressthemes.com/wordpress-plugins/accesspress-anonymous-post/</a>
|
68 |
+
</p>
|
69 |
+
</div>
|
70 |
+
</div>
|
71 |
+
</div>
|
72 |
+
<div class="aps-col-half">
|
73 |
+
<div class="product">
|
74 |
+
<div class="logo-product"><img src="<?php echo APS_IMAGE_DIR; ?>/anonymous-post-pro.png" />
|
75 |
+
</div>
|
76 |
+
<div class="productext">
|
77 |
+
<p><strong>AccessPress Anonymous Post Pro</strong> - Premium Version of AccessPress Anonymous Post with many more features
|
78 |
+
<br />
|
79 |
+
<a href="https://accesspressthemes.com/wordpress-plugins/accesspress-anonymous-post-premium/" target="_blank">https://accesspressthemes.com/wordpress-plugins/accesspress-anonymous-post-premium/</a>
|
80 |
+
</p>
|
81 |
+
</div>
|
82 |
+
</div>
|
83 |
+
</div>
|
84 |
+
</div>
|
85 |
+
|
86 |
+
<hr />
|
87 |
+
<h3>Get in touch</h3>
|
88 |
+
<p>If you've any question/feedback, please get in touch:</p>
|
89 |
+
<p>
|
90 |
+
<strong>General enquiries:</strong> <a href="mailto:info@accesspressthemes.com">info@accesspressthemes.com</a><br />
|
91 |
+
<strong>Support:</strong> <a href="mailto:support@accesspressthemes.com">support@accesspressthemes.com</a><br />
|
92 |
+
<strong>Sales:</strong> <a href="mailto:sales@accesspressthemes.com">sales@accesspressthemes.com</a>
|
93 |
+
</p>
|
94 |
+
<div class="seperator"></div>
|
95 |
+
<div class="dottedline"></div>
|
96 |
+
<div class="seperator"></div>
|
97 |
+
</div>
|
98 |
+
</div>
|
99 |
+
<div class="aps-col-one-third">
|
100 |
+
<h3>Get social</h3>
|
101 |
+
<p>Get connected with us on social media. Facebook is the best place to find updates on our themes/plugins: </p>
|
102 |
+
|
103 |
+
<p><strong>Like us on facebook:</strong>
|
104 |
+
<br />
|
105 |
+
<iframe style="border: none; overflow: hidden; width: 250px; height: 250px;" src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FAccessPress-Themes%2F1396595907277967&width=842&height=258&colorscheme=light&show_faces=true&header=false&stream=false&show_border=true&appId=1411139805828592" width="240" height="150" frameborder="0" scrolling="no"></iframe>
|
106 |
+
</p>
|
107 |
+
|
108 |
+
<ul class="aps-about-social-icon aps-unstyled aps-inlinelist">
|
109 |
+
<li><a href="https://plus.google.com/u/0/+Accesspressthemesprofile/about" target="_blank"><img src="<?php echo APS_IMAGE_DIR; ?>/googleplus.png" alt="google+"></a>
|
110 |
+
</li>
|
111 |
+
<li><a href="http://www.pinterest.com/accesspresswp/" target="_blank"><img src="<?php echo APS_IMAGE_DIR; ?>/pinterest.png" alt="pinterest"></a>
|
112 |
+
</li>
|
113 |
+
<li><a href="https://www.flickr.com/photos/accesspressthemes/" target="_blank"><img src="<?php echo APS_IMAGE_DIR; ?>/flicker.png" alt="flicker"></a>
|
114 |
+
</li>
|
115 |
+
<li><a href="https://twitter.com/apthemes" target="_blank"><img src="<?php echo APS_IMAGE_DIR; ?>/twitter.png" alt="twitter"></a>
|
116 |
+
</li>
|
117 |
+
</ul>
|
118 |
+
</div>
|
119 |
+
</div>
|
120 |
+
</div>
|
121 |
+
</div>
|
122 |
+
</div>
|
123 |
+
</div>
|
inc/backend/activation.php
ADDED
@@ -0,0 +1,24 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?php
|
2 |
+
defined('ABSPATH') or die("No script kiddies please!");
|
3 |
+
global $wpdb;
|
4 |
+
/**
|
5 |
+
* Creating table for storing social icons sets
|
6 |
+
* */
|
7 |
+
$table_name = $wpdb->prefix . 'aps_social_icons';
|
8 |
+
$sql = "CREATE TABLE IF NOT EXISTS $table_name
|
9 |
+
(
|
10 |
+
si_id INT NOT NULL AUTO_INCREMENT,
|
11 |
+
PRIMARY KEY(si_id),
|
12 |
+
icon_set_name VARCHAR(255),
|
13 |
+
icon_display VARCHAR(255),
|
14 |
+
num_rows VARCHAR(255),
|
15 |
+
icon_margin VARCHAR(255),
|
16 |
+
icon_tooltip INT NOT NULL,
|
17 |
+
tooltip_background VARCHAR(255),
|
18 |
+
tooltip_text_color VARCHAR(255),
|
19 |
+
icon_animation VARCHAR(255),
|
20 |
+
opacity_hover VARCHAR(20),
|
21 |
+
icon_details TEXT,
|
22 |
+
icon_extra TEXT
|
23 |
+
)";
|
24 |
+
$wpdb->query($sql);
|
inc/backend/add-new-set.php
ADDED
@@ -0,0 +1,223 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?php defined('ABSPATH') or die("No script kiddies please!");?>
|
2 |
+
<div class="wrap aps-clear">
|
3 |
+
<div class="aps-add-set-wrapper">
|
4 |
+
<div class="aps-panel">
|
5 |
+
<?php include('panel-head.php');?>
|
6 |
+
<div class="aps-panel-body">
|
7 |
+
<h2><?php _e('Add New Social Icons Set', 'aps-social'); ?></h2>
|
8 |
+
<div class="form-wrap">
|
9 |
+
<form method="post" action="<?php echo admin_url() . 'admin-post.php' ?>">
|
10 |
+
<input type="hidden" name="action" value="aps_add_new_set"/>
|
11 |
+
<div class="aps-row">
|
12 |
+
<div class="aps-col-half">
|
13 |
+
<div class="aps-row">
|
14 |
+
<div class="aps-col-full">
|
15 |
+
<div class="aps-field-wrapper form-field">
|
16 |
+
<label><?php _e('Name of Set', 'aps-social'); ?></label>
|
17 |
+
<div class="aps-field">
|
18 |
+
<input type="text" name="set_name" placeholder="eg. Header Icons"/>
|
19 |
+
</div>
|
20 |
+
<div class="aps-error"></div>
|
21 |
+
</div><!--aps-field-wrapper-->
|
22 |
+
</div>
|
23 |
+
<div class="aps-col-full">
|
24 |
+
<div class="aps-group-chooser">
|
25 |
+
<div class="aps-field-wrapper form-field">
|
26 |
+
<label><?php _e('Choose Icon Set type', 'aps-social'); ?></label>
|
27 |
+
<div class="aps-field">
|
28 |
+
<label class="label-inline"><input type="radio" name="icon_set_type" value="1" /><?php _e('Choose icon indiviually', 'aps-social'); ?></label>
|
29 |
+
<label class="label-inline"><input type="radio" name="icon_set_type" value="2" /><?php _e('Choose from available themes', 'aps-social'); ?></label>
|
30 |
+
</div>
|
31 |
+
</div>
|
32 |
+
</div>
|
33 |
+
</div>
|
34 |
+
<div class="aps-col-full">
|
35 |
+
<!--Icon Themes-->
|
36 |
+
<?php include_once('icon-themes.php'); ?>
|
37 |
+
<!--Icon Themes-->
|
38 |
+
</div>
|
39 |
+
<div class="aps-col-full">
|
40 |
+
<div class="aps-field-wrapper form-field">
|
41 |
+
<label><?php _e('Display', 'aps-social'); ?></label>
|
42 |
+
<div class="aps-field">
|
43 |
+
<label class="label-inline"><input type="radio" name="display" value="horizontal" checked="checked"/><?php _e('Horizontal', 'aps-social'); ?></label>
|
44 |
+
<label class="label-inline"><input type="radio" name="display" value="vertical" /><?php _e('Vertical', 'aps-social'); ?></label>
|
45 |
+
</div>
|
46 |
+
</div><!--aps-field-wrapper-->
|
47 |
+
</div>
|
48 |
+
</div>
|
49 |
+
<div class="aps-row">
|
50 |
+
<div class="aps-col-half">
|
51 |
+
<div class="aps-field-wrapper display-horizontal-reference form-field">
|
52 |
+
<label><?php _e('Number of Rows', 'aps-social') ?></label>
|
53 |
+
<div class="aps-field">
|
54 |
+
<input type="text" name="num_rows"/>
|
55 |
+
</div>
|
56 |
+
<div class="aps-option-note">
|
57 |
+
<p><?php _e('Please enter the number of rows in number.Default is 1.', 'aps-social'); ?></p>
|
58 |
+
</div>
|
59 |
+
</div>
|
60 |
+
</div>
|
61 |
+
<div class="aps-col-half">
|
62 |
+
<div class="aps-field-wrapper display-vertical-reference form-field" style="display: none">
|
63 |
+
<label><?php _e('Number of Columns', 'aps-social') ?></label>
|
64 |
+
<div class="aps-field">
|
65 |
+
<input type="text" name="num_columns"/>
|
66 |
+
</div>
|
67 |
+
<div class="aps-option-note">
|
68 |
+
<p><?php _e('Please enter the number of columns in number.Default is 1.', 'aps-social'); ?></p>
|
69 |
+
</div>
|
70 |
+
</div>
|
71 |
+
</div>
|
72 |
+
<div class="aps-col-half">
|
73 |
+
<div class="aps-field-wrapper form-field">
|
74 |
+
<label><?php _e('Margin Between Each Icon', 'aps-social'); ?></label>
|
75 |
+
<div class="aps-field">
|
76 |
+
<input type="text" name="margins"/>
|
77 |
+
</div>
|
78 |
+
<div class="aps-field-note">
|
79 |
+
<p><?php _e('Please enter the margin for each icon in px.Default margin is 3px.', 'aps-social'); ?></p>
|
80 |
+
</div>
|
81 |
+
</div><!--aps-field-wrapper-->
|
82 |
+
</div>
|
83 |
+
<div class="aps-clear"></div>
|
84 |
+
<div class="aps-col-two-third">
|
85 |
+
<div class="aps-field-wrapper form-field">
|
86 |
+
<label><?php _e('Tooltip', 'aps-social'); ?></label>
|
87 |
+
<div class="aps-field">
|
88 |
+
<label class="label-inline"><input type="radio" name="tooltip" value="1" checked="checked"/><?php _e('Show', 'aps-social'); ?></label>
|
89 |
+
<label class="label-inline"><input type="radio" name="tooltip" value="0" /><?php _e('Don\'t show', 'aps-social'); ?></label>
|
90 |
+
</div>
|
91 |
+
</div><!--aps-field-wrapper-->
|
92 |
+
</div>
|
93 |
+
<div class="aps-clear"></div>
|
94 |
+
<div class="aps-tooltip-options">
|
95 |
+
<div class="aps-col-one-third">
|
96 |
+
<div class="aps-field-wrapper aps-tooltip-reference form-field">
|
97 |
+
<label><?php _e('Tooltip Bg Color', 'aps-social') ?></label>
|
98 |
+
<div class="aps-field">
|
99 |
+
<input type="text" name="tooltip_bg" class="aps-color-picker"/>
|
100 |
+
</div>
|
101 |
+
</div>
|
102 |
+
</div>
|
103 |
+
<div class="aps-col-one-third">
|
104 |
+
<div class="aps-field-wrapper aps-tooltip-reference form-field">
|
105 |
+
<label><?php _e('Tooltip Text Color', 'aps-social'); ?></label>
|
106 |
+
<div class="aps-field">
|
107 |
+
<input type="text" name="tooltip_text_color" class="aps-color-picker"/>
|
108 |
+
</div>
|
109 |
+
</div>
|
110 |
+
</div>
|
111 |
+
<div class="aps-col-one-third">
|
112 |
+
<div class="aps-field-wrapper aps-tooltip-reference form-field">
|
113 |
+
<label><?php _e('Tooltip Position', 'aps-social'); ?></label>
|
114 |
+
<div class="aps-field">
|
115 |
+
<select name="tooltip_position" class="aps-form-control">
|
116 |
+
<option value="top"><?php _e('Top','aps-social');?></option>
|
117 |
+
<option value="right"><?php _e('Right','aps-social');?></option>
|
118 |
+
<option value="bottom" selected="selected"><?php _e('Bottom','aps-social');?></option>
|
119 |
+
<option value="left"><?php _e('Left','aps-social');?></option>
|
120 |
+
</select>
|
121 |
+
</div>
|
122 |
+
</div>
|
123 |
+
</div>
|
124 |
+
</div>
|
125 |
+
<div class="aps-clear"></div>
|
126 |
+
<div class="aps-col-half">
|
127 |
+
<div class="aps-field-wrapper form-field">
|
128 |
+
<label><?php _e('Icons Hover Animation', 'aps-social'); ?></label>
|
129 |
+
<div class="aps-field">
|
130 |
+
<select name="icon_animation" class="aps-form-control" id="aps-icon-animation">
|
131 |
+
<option value=""><?php _e('No Animation', 'aps-social'); ?></option>
|
132 |
+
<optgroup label="Attention Seekers">
|
133 |
+
<option value="bounce">bounce</option>
|
134 |
+
<option value="flash">flash</option>
|
135 |
+
<option value="pulse">pulse</option>
|
136 |
+
<option value="shake">shake</option>
|
137 |
+
<option value="swing">swing</option>
|
138 |
+
<option value="tada">tada</option>
|
139 |
+
</optgroup>
|
140 |
+
<optgroup label="Bouncing Entrances">
|
141 |
+
<option value="bounceIn">bounceIn</option>
|
142 |
+
</optgroup>
|
143 |
+
<optgroup label="Fading Entrances">
|
144 |
+
<option value="fadeIn">fadeIn</option>
|
145 |
+
<option value="fadeInDown">fadeInDown</option>
|
146 |
+
<option value="fadeInUp">fadeInUp</option>
|
147 |
+
</optgroup>
|
148 |
+
<optgroup label="Flippers">
|
149 |
+
<option value="flip">flip</option>
|
150 |
+
<option value="flipInX">flipInX</option>
|
151 |
+
<option value="flipInY">flipInY</option>
|
152 |
+
</optgroup>
|
153 |
+
<optgroup label="Zoom Entrances">
|
154 |
+
<option value="zoomIn">zoomIn</option>
|
155 |
+
</optgroup>
|
156 |
+
</select>
|
157 |
+
</div>
|
158 |
+
</div><!--aps-field-wrapper-->
|
159 |
+
</div>
|
160 |
+
<div class="aps-col-half">
|
161 |
+
<div class="aps-field-wrapper form-field">
|
162 |
+
<label><?php _e('Opacity on Non Hover', 'aps-social'); ?></label>
|
163 |
+
<div class="aps-field">
|
164 |
+
<select name="opacity_hover" class="aps-form-control">
|
165 |
+
<option value="1">1</option>
|
166 |
+
<option value="0.75">0.75</option>
|
167 |
+
<option value="0.5">0.5</option>
|
168 |
+
<option value="0.25">0.25</option>
|
169 |
+
</select>
|
170 |
+
</div>
|
171 |
+
</div>
|
172 |
+
</div>
|
173 |
+
|
174 |
+
</div>
|
175 |
+
|
176 |
+
|
177 |
+
<div class="aps-clear"></div>
|
178 |
+
</div><!--end .aps-col-half-->
|
179 |
+
<div class="aps-col-half">
|
180 |
+
<div class="aps-field-wrapper">
|
181 |
+
<div class="aps-field">
|
182 |
+
<div class="aps-preview-holder">
|
183 |
+
<div class="aps-image-icon-preview">
|
184 |
+
<?php _e('Icon Preview', 'aps-social'); ?>
|
185 |
+
</div>
|
186 |
+
</div>
|
187 |
+
</div>
|
188 |
+
</div>
|
189 |
+
<h3><?php _e('Icon Lists', 'aps-social'); ?></h3>
|
190 |
+
<div class="aps-expander-controls">
|
191 |
+
<a href="javascript:void(0);" class="aps-icon-theme-expand button button-secondary button-small" style="display:none"><?php _e('Expand All', 'aps-social'); ?></a>
|
192 |
+
</div>
|
193 |
+
<div class="aps-icon-list-wrapper">
|
194 |
+
<p><?php _e('Empty List', 'aps-social'); ?></p>
|
195 |
+
<div class="aps-icon-note" style="display: none"><?php _e('Each Icon will only show up in the frontend if icon link is not empty', 'aps-social'); ?></div>
|
196 |
+
<ul class="aps-icon-list">
|
197 |
+
</ul>
|
198 |
+
</div>
|
199 |
+
<!--Icon Adder-->
|
200 |
+
<?php include_once('icon-adder.php'); ?>
|
201 |
+
<!--aps-icon-adder-->
|
202 |
+
</div>
|
203 |
+
</div>
|
204 |
+
|
205 |
+
<div class="aps-field-wrapper form-field">
|
206 |
+
<div class="aps-error aps-main-error"></div>
|
207 |
+
<input type="submit" class="button button-primary" value="<?php _e('Save icon set', 'aps-social'); ?>" name="aps_icon_set_submit" id="aps_icon_set_submit"/>
|
208 |
+
<input type="hidden" id="aps-icon-counter" value="0"/>
|
209 |
+
<input type="hidden" id="aps-icon-group-type" name="icon_group_type" />
|
210 |
+
<input type="hidden" name="icon_theme_id" id="icon_theme_id"/>
|
211 |
+
<input type="hidden" name="icon_theme_type" value="icon_theme_type"/>
|
212 |
+
</div><!--aps-field-wrapper-->
|
213 |
+
<?php wp_nonce_field('aps_add_new_set', 'aps_add_set_nonce'); ?>
|
214 |
+
</form>
|
215 |
+
</div>
|
216 |
+
<div class="aps-pre-available-icons" style="display: none;">
|
217 |
+
</div>
|
218 |
+
|
219 |
+
</div>
|
220 |
+
</div>
|
221 |
+
</div>
|
222 |
+
<?php include_once('promobar.php'); ?>
|
223 |
+
</div>
|
inc/backend/delete-icon-set.php
ADDED
@@ -0,0 +1,9 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?php
|
2 |
+
defined('ABSPATH') or die("No script kiddies please!");
|
3 |
+
global $wpdb;
|
4 |
+
$si_id = $_GET['si_id'];
|
5 |
+
$table_name = $table_name = $wpdb->prefix . "aps_social_icons";
|
6 |
+
$wpdb->delete( $table_name, array( 'si_id' => $si_id ), array( '%d' ) );
|
7 |
+
$_SESSION['aps_message'] = __('Icon set deleted successfully.','aps-social');
|
8 |
+
wp_redirect(admin_url().'admin.php?page=aps-social');
|
9 |
+
exit;
|
inc/backend/edit-icon-set.php
ADDED
@@ -0,0 +1,385 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?php
|
2 |
+
defined('ABSPATH') or die("No script kiddies please!");
|
3 |
+
global $wpdb;
|
4 |
+
$si_id = $_GET['si_id'];
|
5 |
+
$table_name = $table_name = $wpdb->prefix . "aps_social_icons";
|
6 |
+
$icon_sets = $wpdb->get_results("SELECT * FROM $table_name where si_id = $si_id");
|
7 |
+
$icon_set = $icon_sets[0];
|
8 |
+
$icon_extra = unserialize($icon_set->icon_extra);
|
9 |
+
//$this->print_array($icon_extra);
|
10 |
+
?>
|
11 |
+
<div class="aps-add-set-wrapper">
|
12 |
+
<?php if (isset($_SESSION['aps_message'])) { ?>
|
13 |
+
<div class="aps-message aps-message-success updated">
|
14 |
+
<p>
|
15 |
+
<?php
|
16 |
+
echo $_SESSION['aps_message'];
|
17 |
+
unset($_SESSION['aps_message']);
|
18 |
+
?>
|
19 |
+
</p>
|
20 |
+
</div>
|
21 |
+
<?php } ?>
|
22 |
+
<div class="aps-list-wrapper">
|
23 |
+
<div class="aps-panel">
|
24 |
+
<!--Panel Head-->
|
25 |
+
<?php include('panel-head.php');?>
|
26 |
+
<!--Panel Head-->
|
27 |
+
<div class="aps-panel-body">
|
28 |
+
<h2><?php _e('Edit Social Icons Set', 'aps-social'); ?></h2>
|
29 |
+
|
30 |
+
<div class="form-wrap">
|
31 |
+
<form method="post" action="<?php echo admin_url() . 'admin-post.php' ?>">
|
32 |
+
<input type="hidden" name="action" value="aps_edit_action"/>
|
33 |
+
<div class="aps-row">
|
34 |
+
<div class="aps-col-half">
|
35 |
+
<div class="aps-row">
|
36 |
+
<div class="aps-col-full">
|
37 |
+
<div class="aps-field-wrapper form-field">
|
38 |
+
<label><?php _e('Name of Set', 'aps-social'); ?></label>
|
39 |
+
<div class="aps-field">
|
40 |
+
<input type="text" name="set_name" value="<?php echo esc_attr($icon_set->icon_set_name); ?>"/>
|
41 |
+
</div>
|
42 |
+
<div class="aps-error"></div>
|
43 |
+
</div><!--aps-field-wrapper form-field-->
|
44 |
+
</div>
|
45 |
+
<div class="aps-col-full">
|
46 |
+
<div class="aps-group-chooser">
|
47 |
+
<div class="aps-field-wrapper form-field">
|
48 |
+
<label><?php _e('Choose Icon Set type', 'aps-social'); ?></label>
|
49 |
+
<div class="aps-field">
|
50 |
+
<label class="label-inline"><input type="radio" name="icon_set_type" value="1" <?php if ($icon_extra['icon_set_type'] == 1) { ?>checked="checked"<?php } ?>/><?php _e('Choose icon indiviually', 'aps-social'); ?></label>
|
51 |
+
<label class="label-inline"><input type="radio" name="icon_set_type" value="2" <?php if ($icon_extra['icon_set_type'] == 2) { ?>checked="checked"<?php } ?>/><?php _e('Choose from available themes', 'aps-social'); ?></label>
|
52 |
+
</div>
|
53 |
+
</div>
|
54 |
+
</div>
|
55 |
+
</div>
|
56 |
+
<div class="aps-col-full">
|
57 |
+
<!--Icon Themes-->
|
58 |
+
<?php include_once('icon-themes.php'); ?>
|
59 |
+
<!--Icon Themes-->
|
60 |
+
</div>
|
61 |
+
<div class="aps-col-full">
|
62 |
+
<div class="aps-field-wrapper form-field">
|
63 |
+
<label><?php _e('Display', 'aps-social'); ?></label>
|
64 |
+
<div class="aps-field">
|
65 |
+
<label class="label-inline"><input type="radio" name="display" value="horizontal" <?php if ($icon_set->icon_display == 'horizontal') { ?>checked="checked"<?php } ?>/><?php _e('Horizontal', 'aps-social'); ?></label>
|
66 |
+
<label class="label-inline"><input type="radio" name="display" value="vertical" <?php if ($icon_set->icon_display == 'vertical') { ?>checked="checked"<?php } ?>/><?php _e('Vertical', 'aps-social'); ?></label>
|
67 |
+
</div>
|
68 |
+
</div><!--aps-field-wrapper form-field-->
|
69 |
+
</div>
|
70 |
+
</div>
|
71 |
+
<div class="aps-row">
|
72 |
+
<div class="aps-col-half">
|
73 |
+
<div class="aps-field-wrapper form-field display-horizontal-reference" <?php if ($icon_set->icon_display == 'vertical') { ?>style="display: none"<?php } ?>>
|
74 |
+
<label><?php _e('Number of Rows', 'aps-social') ?></label>
|
75 |
+
<div class="aps-field">
|
76 |
+
<input type="text" name="num_rows" value="<?php echo $icon_set->num_rows; ?>"/>
|
77 |
+
</div>
|
78 |
+
<div class="aps-option-note">
|
79 |
+
<p><?php _e('Please enter the number of rows in number.Default is 1.', 'aps-social'); ?></p>
|
80 |
+
</div>
|
81 |
+
</div><!--aps-field-wrapper-->
|
82 |
+
</div>
|
83 |
+
<div class="aps-col-half">
|
84 |
+
<div class="aps-field-wrapper display-vertical-reference form-field" <?php if ($icon_set->icon_display == 'horizontal') { ?>style="display: none"<?php } ?>>
|
85 |
+
<label><?php _e('Number of Columns', 'aps-social') ?></label>
|
86 |
+
<div class="aps-field">
|
87 |
+
<input type="text" name="num_columns" value='<?php
|
88 |
+
if (isset($icon_extra['num_columns'])) {
|
89 |
+
echo $icon_extra['num_columns'];
|
90 |
+
}
|
91 |
+
?>'/>
|
92 |
+
</div>
|
93 |
+
<div class="aps-option-note">
|
94 |
+
<p><?php _e('Please enter the number of columns in number.Default is 1.', 'aps-social'); ?></p>
|
95 |
+
</div>
|
96 |
+
</div>
|
97 |
+
</div>
|
98 |
+
<div class="aps-col-half">
|
99 |
+
<div class="aps-field-wrapper form-field">
|
100 |
+
<label><?php _e('Margin Between Each Icon', 'aps-social'); ?></label>
|
101 |
+
<div class="aps-field">
|
102 |
+
<input type="text" name="margins" value="<?php echo esc_attr($icon_set->icon_margin); ?>"/>
|
103 |
+
</div>
|
104 |
+
<div class="aps-field-note">
|
105 |
+
<p>
|
106 |
+
<?php _e('Please enter the margin for each icon in px.Default margin is 3px.', 'aps-social'); ?>
|
107 |
+
</p>
|
108 |
+
</div>
|
109 |
+
</div><!--aps-field-wrapper-->
|
110 |
+
</div>
|
111 |
+
<div class="aps-clear"></div>
|
112 |
+
<div class="aps-col-two-third">
|
113 |
+
<div class="aps-field-wrapper form-field">
|
114 |
+
<label><?php _e('Tooltip', 'aps-social'); ?></label>
|
115 |
+
<div class="aps-field">
|
116 |
+
<label class="label-inline"><input type="radio" name="tooltip" value="1" <?php if ($icon_set->icon_tooltip == 1) { ?>checked="checked"<?php } ?>/><?php _e('Show', 'aps-social'); ?></label>
|
117 |
+
<label class="label-inline"><input type="radio" name="tooltip" value="0" <?php if ($icon_set->icon_tooltip == 0) { ?>checked="checked"<?php } ?>/><?php _e('Don\'t show', 'aps-social'); ?></label>
|
118 |
+
</div>
|
119 |
+
</div><!--aps-field-wrapper form-field-->
|
120 |
+
</div>
|
121 |
+
<div class="aps-clear"></div>
|
122 |
+
<div class="aps-tooltip-options">
|
123 |
+
<div class="aps-col-one-third">
|
124 |
+
<div class="aps-field-wrapper form-field aps-tooltip-reference">
|
125 |
+
<label><?php _e('Tooltip Bg Color', 'aps-social') ?></label>
|
126 |
+
<div class="aps-field">
|
127 |
+
<input type="text" name="tooltip_bg" class="aps-color-picker" value="<?php echo esc_attr($icon_set->tooltip_background); ?>"/>
|
128 |
+
</div>
|
129 |
+
</div><!--aps-field-wrapper form-field-->
|
130 |
+
</div>
|
131 |
+
<div class="aps-col-one-third">
|
132 |
+
<div class="aps-field-wrapper form-field aps-tooltip-reference">
|
133 |
+
<label><?php _e('Tooltip Text Color', 'aps-social'); ?></label>
|
134 |
+
<div class="aps-field">
|
135 |
+
<input type="text" name="tooltip_text_color" class="aps-color-picker" value="<?php echo esc_attr($icon_set->tooltip_text_color); ?>"/>
|
136 |
+
</div>
|
137 |
+
</div><!--aps-field-wrapper form-field-->
|
138 |
+
</div>
|
139 |
+
<div class="aps-col-one-third">
|
140 |
+
<div class="aps-field-wrapper aps-tooltip-reference form-field">
|
141 |
+
<label><?php _e('Tooltip Position', 'aps-social'); ?></label>
|
142 |
+
<div class="aps-field">
|
143 |
+
<select name="tooltip_position" class="aps-form-control">
|
144 |
+
<option value="top" <?php if(isset($icon_extra['tooltip_position']) && $icon_extra['tooltip_position']=='top'){?>selected="selected"<?php }?>><?php _e('Top','aps-social');?></option>
|
145 |
+
<option value="right" <?php if(isset($icon_extra['tooltip_position']) && $icon_extra['tooltip_position']=='right'){?>selected="selected"<?php }?>><?php _e('Right','aps-social');?></option>
|
146 |
+
<option value="bottom" <?php if(isset($icon_extra['tooltip_position']) && $icon_extra['tooltip_position']=='bottom'){?>selected="selected"<?php }?>><?php _e('Bottom','aps-social');?></option>
|
147 |
+
<option value="left" <?php if(isset($icon_extra['tooltip_position']) && $icon_extra['tooltip_position']=='left'){?>selected="selected"<?php }?>><?php _e('Left','aps-social');?></option>
|
148 |
+
</select>
|
149 |
+
</div>
|
150 |
+
</div>
|
151 |
+
</div>
|
152 |
+
</div>
|
153 |
+
<div class="aps-clear"></div>
|
154 |
+
<div class="aps-col-half">
|
155 |
+
<div class="aps-field-wrapper form-field">
|
156 |
+
<label><?php _e('Icons Animation', 'aps-social'); ?></label>
|
157 |
+
<div class="aps-field">
|
158 |
+
<select name="icon_animation" class="aps-form-control" id="aps-icon-animation">
|
159 |
+
<option value=""><?php _e('No Animation', 'aps-social'); ?></option>
|
160 |
+
<optgroup label="Attention Seekers">
|
161 |
+
<option value="bounce" <?php if ($icon_set->icon_animation == 'bounce') { ?>selected="selected"<?php } ?>>bounce</option>
|
162 |
+
<option value="flash" <?php if ($icon_set->icon_animation == 'flash') { ?>selected="selected"<?php } ?>>flash</option>
|
163 |
+
<option value="pulse" <?php if ($icon_set->icon_animation == 'pulse') { ?>selected="selected"<?php } ?>>pulse</option>
|
164 |
+
<option value="shake" <?php if ($icon_set->icon_animation == 'shake') { ?>selected="selected"<?php } ?>>shake</option>
|
165 |
+
<option value="swing" <?php if ($icon_set->icon_animation == 'swing') { ?>selected="selected"<?php } ?>>swing</option>
|
166 |
+
<option value="tada" <?php if ($icon_set->icon_animation == 'tada') { ?>selected="selected"<?php } ?>>tada</option>
|
167 |
+
</optgroup>
|
168 |
+
<optgroup label="Bouncing Entrances">
|
169 |
+
<option value="bounceIn" <?php if ($icon_set->icon_animation == 'bounceIn') { ?>selected="selected"<?php } ?>>bounceIn</option>
|
170 |
+
</optgroup>
|
171 |
+
<optgroup label="Fading Entrances">
|
172 |
+
<option value="fadeIn" <?php if ($icon_set->icon_animation == 'fadeIn') { ?>selected="selected"<?php } ?>>fadeIn</option>
|
173 |
+
<option value="fadeInDown" <?php if ($icon_set->icon_animation == 'fadeInDown') { ?>selected="selected"<?php } ?>>fadeInDown</option>
|
174 |
+
<option value="fadeInUp" <?php if ($icon_set->icon_animation == 'fadeInUp') { ?>selected="selected"<?php } ?>>fadeInUp</option>
|
175 |
+
</optgroup>
|
176 |
+
<optgroup label="Flippers">
|
177 |
+
<option value="flip" <?php if ($icon_set->icon_animation == 'flip') { ?>selected="selected"<?php } ?>>flip</option>
|
178 |
+
<option value="flipInX" <?php if ($icon_set->icon_animation == 'flipInX') { ?>selected="selected"<?php } ?>>flipInX</option>
|
179 |
+
<option value="flipInY" <?php if ($icon_set->icon_animation == 'flipInY') { ?>selected="selected"<?php } ?>>flipInY</option>
|
180 |
+
</optgroup>
|
181 |
+
<optgroup label="Zoom Entrances">
|
182 |
+
<option value="zoomIn" <?php if ($icon_set->icon_animation == 'zoomIn') { ?>selected="selected"<?php } ?>>zoomIn</option>
|
183 |
+
</optgroup>
|
184 |
+
</select>
|
185 |
+
</div>
|
186 |
+
</div><!--aps-field-wrapper form-field-->
|
187 |
+
</div>
|
188 |
+
<div class="aps-col-half">
|
189 |
+
<div class="aps-field-wrapper form-field">
|
190 |
+
<label><?php _e('Opacity on Non Hover', 'aps-social'); ?></label>
|
191 |
+
<div class="aps-field">
|
192 |
+
<select name="opacity_hover" class="aps-form-control">
|
193 |
+
<option value="1" <?php if ($icon_set->opacity_hover == 1) { ?>selected="selected"<?php } ?>>1</option>
|
194 |
+
<option value="0.75" <?php if ($icon_set->opacity_hover == 0.75) { ?>selected="selected"<?php } ?>>0.75</option>
|
195 |
+
<option value="0.5" <?php if ($icon_set->opacity_hover == 0.5) { ?>selected="selected"<?php } ?>>0.5</option>
|
196 |
+
<option value="0.25" <?php if ($icon_set->opacity_hover == 0.25) { ?>selected="selected"<?php } ?>>0.25</option>
|
197 |
+
</select>
|
198 |
+
</div>
|
199 |
+
</div><!--aps-field-wrapper form-field-->
|
200 |
+
</div>
|
201 |
+
|
202 |
+
</div>
|
203 |
+
|
204 |
+
</div>
|
205 |
+
|
206 |
+
<div class="aps-col-half">
|
207 |
+
<div class="aps-field-wrapper">
|
208 |
+
<div class="aps-field">
|
209 |
+
<div class="aps-preview-holder">
|
210 |
+
<div class="aps-image-icon-preview">
|
211 |
+
<?php _e('Icon Preview', 'aps-social'); ?>
|
212 |
+
</div>
|
213 |
+
</div>
|
214 |
+
</div>
|
215 |
+
</div>
|
216 |
+
<h3><?php _e('Icon Lists', 'aps-social'); ?></h3>
|
217 |
+
<div class="aps-expander-controls">
|
218 |
+
<a href="javascript:void(0);" class="aps-icon-theme-expand button button-secondary button-small"><?php _e('Expand All', 'aps-social'); ?></a>
|
219 |
+
</div>
|
220 |
+
<div class="aps-icon-list-wrapper">
|
221 |
+
<ul class="aps-icon-list">
|
222 |
+
<?php
|
223 |
+
$icon_details = unserialize($icon_set->icon_details);
|
224 |
+
//$this->print_array($icon_details);
|
225 |
+
$icon_counter = 0;
|
226 |
+
$si_id = $_GET['si_id'];
|
227 |
+
|
228 |
+
foreach ($icon_details as $title => $icon_detail) {
|
229 |
+
$icon_counter++;
|
230 |
+
$icon_main_class = 'icon-' . $si_id . '-' . $icon_counter;
|
231 |
+
?>
|
232 |
+
<li class="aps-sortable-icons">
|
233 |
+
<div class="aps-drag-icon"></div>
|
234 |
+
<div class="aps-icon-head">
|
235 |
+
<span class="aps-icon-name"><?php echo esc_attr($title); ?></span>
|
236 |
+
<span class="aps-icon-list-controls">
|
237 |
+
<span class="aps-delete-icon button button-secondary" aria-label="delete icons">
|
238 |
+
<i class="dashicons dashicons-trash"></i>
|
239 |
+
</span>
|
240 |
+
<span class="aps-arrow-down aps-arrow button button-secondary" aria-label="expand icons">
|
241 |
+
<i class="dashicons dashicons-arrow-down"></i>
|
242 |
+
</span>
|
243 |
+
</span>
|
244 |
+
</div>
|
245 |
+
<div class="aps-icon-body" style="display: none;">
|
246 |
+
|
247 |
+
<div class="aps-row">
|
248 |
+
<div class="aps-icon-preview <?php echo $icon_main_class;?>">
|
249 |
+
<label><?php _e('Icon Preview', 'aps-social'); ?></label>
|
250 |
+
<img src="<?php echo esc_url_raw($icon_detail['image']); ?>"/>
|
251 |
+
</div>
|
252 |
+
<div class="aps-col-full">
|
253 |
+
<div class="aps-field-wrapper form-field">
|
254 |
+
<label><?php _e('Icon Title', 'aps-social'); ?></label>
|
255 |
+
<div class="aps-field">
|
256 |
+
<input type="text" name="icons[<?php echo esc_attr($title); ?>][title]" value="<?php echo esc_attr($icon_detail['title']); ?>"/>
|
257 |
+
</div>
|
258 |
+
</div><!--aps-field-wrapper form-field-->
|
259 |
+
</div>
|
260 |
+
<div class="aps-col-half">
|
261 |
+
<div class="aps-field-wrapper form-field">
|
262 |
+
<label><?php _e('Icon Width', 'aps-social'); ?></label>
|
263 |
+
<div class="aps-field">
|
264 |
+
<input type="text" name="icons[<?php echo esc_attr($title); ?>][icon_width]" value="<?php echo esc_attr($icon_detail['icon_width']) ?>" class="aps_theme_icon_width"/>
|
265 |
+
</div>
|
266 |
+
<div class="aps-option-note">
|
267 |
+
<p><?php _e('Please enter the width for the icon in px.', 'aps-social'); ?></p>
|
268 |
+
</div>
|
269 |
+
</div><!--aps-field-wrapper form-field-->
|
270 |
+
</div>
|
271 |
+
<div class="aps-col-half">
|
272 |
+
<div class="aps-field-wrapper form-field">
|
273 |
+
<label><?php _e('Icon Height', 'aps-social'); ?></label>
|
274 |
+
<div class="aps-field">
|
275 |
+
<input type="text" name="icons[<?php echo esc_attr($title); ?>][icon_height]" value="<?php echo esc_attr($icon_detail['icon_height']) ?>" class="aps_theme_icon_height"/>
|
276 |
+
</div>
|
277 |
+
<p><?php _e('Please enter the height for the icon in px.', 'aps-social'); ?></p>
|
278 |
+
</div><!--aps-field-wrapper form-field-->
|
279 |
+
</div>
|
280 |
+
<div class="aps-col-full">
|
281 |
+
<div class="aps-field-wrapper form-field">
|
282 |
+
<label><?php _e('Icon Link', 'aps-social'); ?></label>
|
283 |
+
<div class="aps-field">
|
284 |
+
<input type="text" name="icons[<?php echo esc_attr($title); ?>][link]" value="<?php echo esc_url_raw($icon_detail['link']) ?>"/>
|
285 |
+
</div>
|
286 |
+
</div><!--aps-field-wrapper form-field-->
|
287 |
+
</div>
|
288 |
+
<div class="aps-col-half">
|
289 |
+
<input type="hidden" name="icons[<?php echo esc_attr($title); ?>][image]" value="<?php echo $icon_detail['image']; ?>"/>
|
290 |
+
<div class="aps-field-wrapper form-field">
|
291 |
+
<label><?php _e('Tooltip Text', 'aps-social'); ?></label>
|
292 |
+
<div class="aps-field">
|
293 |
+
<input type="text" name="icons[<?php echo esc_attr($title); ?>][tooltip_text]" value="<?php echo esc_attr($icon_detail['tooltip_text']) ?>"/>
|
294 |
+
</div>
|
295 |
+
</div><!--aps-field-wrapper form-field-->
|
296 |
+
</div>
|
297 |
+
<div class="aps-col-half">
|
298 |
+
<div class="aps-field-wrapper form-field">
|
299 |
+
<label><?php _e('Icon Link Target', 'aps-social'); ?></label>
|
300 |
+
<div class="aps-field">
|
301 |
+
<select class="aps-form-control" name="icons[<?php echo esc_attr($title); ?>][link_target]">
|
302 |
+
<option value="New Window">New Window</option>
|
303 |
+
<option value="Same Window">Same Window</option>
|
304 |
+
</select>
|
305 |
+
</div>
|
306 |
+
</div><!--aps-field-wrapper form-field-->
|
307 |
+
</div>
|
308 |
+
</div>
|
309 |
+
</div>
|
310 |
+
<input type="hidden" name="icons[<?php echo esc_attr($title); ?>][image]" value="<?php echo esc_attr($icon_detail['image']) ?>" class="set_image_reference"/>
|
311 |
+
<input type="hidden" name="icons[<?php echo esc_attr($title); ?>][border_type]" value="<?php echo esc_attr($icon_detail['border_type']) ?>"/>
|
312 |
+
<input type="hidden" name="icons[<?php echo esc_attr($title); ?>][border_thickness]" value="<?php echo esc_attr($icon_detail['border_thickness']) ?>"/>
|
313 |
+
<input type="hidden" name="icons[<?php echo esc_attr($title); ?>][border_color]" value="<?php echo esc_attr($icon_detail['border_color']) ?>"/>
|
314 |
+
<input type="hidden" name="icons[<?php echo esc_attr($title); ?>][shadow]" value="<?php echo esc_attr($icon_detail['shadow']) ?>"/>
|
315 |
+
<input type="hidden" name="icons[<?php echo esc_attr($title); ?>][shadow_offset_x]" value="<?php echo esc_attr($icon_detail['shadow_offset_x']) ?>"/>
|
316 |
+
<input type="hidden" name="icons[<?php echo esc_attr($title); ?>][shadow_offset_y]" value="<?php echo esc_attr($icon_detail['shadow_offset_y']) ?>"/>
|
317 |
+
<input type="hidden" name="icons[<?php echo esc_attr($title); ?>][shadow_blur]" value="<?php echo esc_attr($icon_detail['shadow_blur']) ?>"/>
|
318 |
+
<input type="hidden" name="icons[<?php echo esc_attr($title); ?>][shadow_color]" value="<?php echo esc_attr($icon_detail['shadow_color']) ?>"/>
|
319 |
+
<input type="hidden" name="icons[<?php echo esc_attr($title); ?>][padding]" value="<?php echo esc_attr($icon_detail['padding']) ?>"/>
|
320 |
+
<?php
|
321 |
+
$border_thickness = str_replace('px', '', $icon_detail['border_thickness']);
|
322 |
+
$border_thickness = ($border_thickness == '') ? '1' : $border_thickness;
|
323 |
+
$border_color = ($icon_detail['border_color'] == '') ? '#000' : $icon_detail['border_color'];
|
324 |
+
$border_type = $icon_detail['border_type'];
|
325 |
+
$shadow_type = $icon_detail['shadow'];
|
326 |
+
$offset_x = str_replace('px', '', $icon_detail['shadow_offset_x']);
|
327 |
+
$offset_x = ($offset_x == '') ? '0' : $offset_x;
|
328 |
+
$offset_y = str_replace('px', '', $icon_detail['shadow_offset_y']);
|
329 |
+
$offset_y = ($offset_y == '') ? '0' : $offset_y;
|
330 |
+
$blur = str_replace('px', '', $icon_detail['shadow_blur']);
|
331 |
+
$blur = ($blur == '') ? '0' : $blur;
|
332 |
+
$shadow_color = $icon_detail['shadow_color'];
|
333 |
+
if ($shadow_type != 'no') {
|
334 |
+
$shadow = '-moz-box-shadow:' . $offset_x . 'px ' . $offset_y . 'px ' . $blur . 'px ' . '0' . ' ' . $shadow_color . ';';
|
335 |
+
$shadow .= '-webkit-box-shadow:' . $offset_x . 'px ' . $offset_y . 'px ' . $blur . 'px ' . '0' . ' ' . $shadow_color . ';';
|
336 |
+
$shadow .= 'box-shadow:' . $offset_x . 'px ' . $offset_y . 'px ' . $blur . 'px ' . '0' . ' ' . $shadow_color . ';';
|
337 |
+
} else {
|
338 |
+
$shadow = '';
|
339 |
+
}
|
340 |
+
|
341 |
+
$border = ($icon_detail['border_type'] == 'none') ? '' : "border:{$border_thickness}px $border_type $border_color;";
|
342 |
+
?>
|
343 |
+
<?php
|
344 |
+
$icon_height = str_replace('px', '', $icon_detail['icon_height']);
|
345 |
+
$icon_width = str_replace('px', '', $icon_detail['icon_width']);
|
346 |
+
$padding = str_replace('px', '', $icon_detail['padding']);
|
347 |
+
$padding = "padding:{$padding}px;";
|
348 |
+
$icon_style =".$icon_main_class img{height:{$icon_height}px;width:{$icon_width}px;{$border}{$shadow}{$padding}";
|
349 |
+
//if($icon[''])
|
350 |
+
?>
|
351 |
+
<style><?php echo $icon_style;?></style>
|
352 |
+
</li>
|
353 |
+
<?php
|
354 |
+
}
|
355 |
+
?>
|
356 |
+
</ul>
|
357 |
+
</div>
|
358 |
+
<!--aps-icon-adder-->
|
359 |
+
<?php include('icon-adder.php') ?>
|
360 |
+
<!--aps-icon-adder-->
|
361 |
+
</div>
|
362 |
+
</div>
|
363 |
+
|
364 |
+
<div class="aps-field-wrapper form-field">
|
365 |
+
<div class="aps-error aps-main-error"></div>
|
366 |
+
<input type="submit" class="button button-primary" value="<?php _e('Save icon set', 'aps-social'); ?>" name="aps_icon_set_submit" id="aps_icon_set_submit"/>
|
367 |
+
<input type="hidden" id="aps-icon-counter" value="<?php echo count($icon_details); ?>"/>
|
368 |
+
<input type="hidden" name="si_id" value="<?php echo $si_id; ?>"/>
|
369 |
+
<input type="hidden" name="current_page" value="<?php echo $this->curPageURL(); ?>"/>
|
370 |
+
<input type="hidden" name="icon_theme_id" id="icon_theme_id" value="<?php echo $icon_extra['icon_theme_id']; ?>"/>
|
371 |
+
<input type="hidden" name="icon_theme_type" value="<?php echo $icon_extra['icon_theme_type']; ?>" id="icon_theme_type"/>
|
372 |
+
</div>
|
373 |
+
<?php wp_nonce_field('aps_edit_action', 'aps_edit_set_nonce'); ?>
|
374 |
+
</form>
|
375 |
+
</div>
|
376 |
+
<div class="aps-pre-available-icons" style="display: none;">
|
377 |
+
</div>
|
378 |
+
<div class="aps-font-awesome-icons" style="display:none">
|
379 |
+
<?php include_once('font-awesome-icons.php'); ?>
|
380 |
+
</div>
|
381 |
+
</div>
|
382 |
+
</div>
|
383 |
+
</div>
|
384 |
+
</div>
|
385 |
+
<?php include_once('promobar.php'); ?>
|
inc/backend/how-to-use.php
ADDED
@@ -0,0 +1,26 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<div class="wrap aps-clear">
|
2 |
+
<div class="aps-add-set-wrapper">
|
3 |
+
<div class="aps-panel">
|
4 |
+
<?php include('panel-head.php'); ?>
|
5 |
+
<div class="aps-panel-body">
|
6 |
+
|
7 |
+
<h2><?php _e('How to use', 'aps-social'); ?></h2>
|
8 |
+
<p>For full <strong>documentation</strong> on the plugin, please visit <a href="https://accesspressthemes.com/documentation/documentationplugin-instruction-accesspress-social-icons/" target="_blank">https://accesspressthemes.com/documentation/documentationplugin-instruction-accesspress-social-icons/</a></p>
|
9 |
+
<p>For displaying the icons in the frontend, you need to build the icon set first.You can build unlimited number of icons sets which will generate the shortcode for each icons set.And also the build icon sets will be available in the widget section too.</p>
|
10 |
+
<p>For building icons sets, currently there are two methods.Either you build your own set or build the sets using pre available icon themes.</p>
|
11 |
+
<h3>Building Own Icon Sets</h3>
|
12 |
+
<p>For building own icons sets, you can add the icons individually in the sets by either choosing from pre available icons or by uploading your own icons.The advantage of building own icon set is that if there are some icons missing in the icons themes that you want then , you can build your own sets by selecting the available icons and also uploading the unavailable icons and adding that icon to your icon set.</p>
|
13 |
+
<p>While building your own icon sets, you can choose various styling options such as width, height, border styling options, shadow styling options.Some fields are a bit technical, but you don't need to worry to use them because we've got the live preview of those styles so that it will be easier for you to understand and know how icons is going to be displayed in the frontend.</p>
|
14 |
+
<h3>Building Icons Sets from Pre Available Themes</h3>
|
15 |
+
<p>You can choose this method if you want to build the icon sets quickly. You just need to select the desired icons theme, then add necessary data for desired icons from the list such as icon title, height, width , link , tooltip text and link target.Though there will be 20 or more icons in the list but only those icons will show in the frontend in which you have placed the icon link. </p>
|
16 |
+
|
17 |
+
<h3>Other Options</h3>
|
18 |
+
<p>There are the options to set margin between each icons, animation for icons , set the icons display position as vertical or horizontal. If vertical then you can set number or columns and if horizontal then you can set number of rows to display the icons.</p>
|
19 |
+
<p>You can also enable or disable the tooltip option for each icon.If you have enabled the tooltip then you can set the tooltip text and background color too as per your theme.</p>
|
20 |
+
<p>You can also set the opacity of the non hovered icons i.e how much transparent when your icons is non hovered.</p>
|
21 |
+
|
22 |
+
</div>
|
23 |
+
</div>
|
24 |
+
</div>
|
25 |
+
</div>
|
26 |
+
|
inc/backend/icon-adder.php
ADDED
@@ -0,0 +1,183 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?php defined('ABSPATH') or die("No script kiddies please!"); ?>
|
2 |
+
<div class="aps-icon-adder" style="display: none;">
|
3 |
+
<div class="aps-row">
|
4 |
+
<div class="aps-col-full">
|
5 |
+
<div class="aps-field-wrapper form-field">
|
6 |
+
<label><?php _e('Icon Title', 'aps-social'); ?></label>
|
7 |
+
<div class="aps-field">
|
8 |
+
<input type="text" id="aps-icon-title" class="required" placeholder="eg. facebook" data-error-msg="<?php _e('Please enter the icon title', 'aps-social'); ?>"/>
|
9 |
+
</div>
|
10 |
+
<div class="aps-error"></div>
|
11 |
+
</div><!--aps-field-wrapper-->
|
12 |
+
</div>
|
13 |
+
|
14 |
+
<div class="aps-col-full">
|
15 |
+
<div class="aps-image-icon">
|
16 |
+
<div class="aps-field-wrapper form-field">
|
17 |
+
<label><?php _e('Icon Image', 'aps-social'); ?></label>
|
18 |
+
<div class="aps-field">
|
19 |
+
<input type="text" id="aps-icon-image" class="required" data-error-msg="<?php _e('Please upload the icon image', 'aps-social'); ?>"/>
|
20 |
+
<input type="button" class="button button-secondary" id="aps-icon-chooser" value="<?php _e('Pre available icons', 'aps-social'); ?>"/>
|
21 |
+
<input class="button button-primary" id="ap-icon-upload-button" type="button" value="Upload Icon"/>
|
22 |
+
<img src="<?php echo APS_IMAGE_DIR.'/ajax-loader.gif';?>" id="aps-ajax-loader" style="display: none;"/>
|
23 |
+
</div>
|
24 |
+
<div class="aps-error"></div>
|
25 |
+
</div><!--aps-field-wrapper-->
|
26 |
+
|
27 |
+
<div class="aps-row">
|
28 |
+
<div class="aps-col-half">
|
29 |
+
<div class="aps-field-wrapper form-field">
|
30 |
+
<label><?php _e('Icon Width', 'aps-social'); ?></label>
|
31 |
+
<div class="aps-field">
|
32 |
+
<input type="text" id="aps-icon-width" placeholder="eg. 50px"/>
|
33 |
+
</div>
|
34 |
+
</div><!--aps-field-wrapper-->
|
35 |
+
</div>
|
36 |
+
<div class="aps-col-half">
|
37 |
+
<div class="aps-field-wrapper form-field">
|
38 |
+
<label><?php _e('Icon Height', 'aps-social'); ?></label>
|
39 |
+
<div class="aps-field">
|
40 |
+
<input type="text" id="aps-icon-height" placeholder="eg. 50px"/>
|
41 |
+
</div>
|
42 |
+
</div><!--aps-field-wrapper-->
|
43 |
+
</div>
|
44 |
+
</div>
|
45 |
+
</div><!--aps-custom-icon-->
|
46 |
+
</div>
|
47 |
+
<div class="aps-clear"></div>
|
48 |
+
|
49 |
+
<div class="aps-col-full">
|
50 |
+
<div class="aps-row">
|
51 |
+
<div class="aps-col-full">
|
52 |
+
<div class="aps-field-wrapper">
|
53 |
+
<label><?php _e('Border Style', 'aps-social'); ?></label>
|
54 |
+
<div class="aps-field form-field">
|
55 |
+
<select id="aps-border-type" class="aps-form-control">
|
56 |
+
<option value="none">None</option>
|
57 |
+
<option value="dotted">Dotted</option>
|
58 |
+
<option value="dashed">Dashed</option>
|
59 |
+
<option value="solid">Solid</option>
|
60 |
+
<option value="double">Double</option>
|
61 |
+
<option value="groove">Groove</option>
|
62 |
+
<option value="ridge">Ridge</option>
|
63 |
+
<option value="inset">Inset</option>
|
64 |
+
<option value="inset">Outset</option>
|
65 |
+
</select>
|
66 |
+
</div>
|
67 |
+
</div>
|
68 |
+
</div><!--aps-col-one-third-->
|
69 |
+
<div class="aps-border-refernce" style="display:none">
|
70 |
+
<div class="aps-col-one-third">
|
71 |
+
<div class="aps-field-wrapper form-field">
|
72 |
+
<label><?php _e('Border Spacing', 'aps-social'); ?></label>
|
73 |
+
<div class="aps-field">
|
74 |
+
<input type="text" id="aps-border-spacing" placeholder="<?php _e('eg. 2px', 'aps-social'); ?>"/>
|
75 |
+
</div>
|
76 |
+
</div>
|
77 |
+
</div><!--aps-col-one-third-->
|
78 |
+
<div class="aps-col-one-third">
|
79 |
+
<div class="aps-field-wrapper form-field">
|
80 |
+
<label><?php _e('Border Thickness', 'aps-social'); ?></label>
|
81 |
+
<div class="aps-field">
|
82 |
+
<input type="text" id="aps-border-thickness" placeholder="<?php _e('eg. 2px', 'aps-social'); ?>"/>
|
83 |
+
</div>
|
84 |
+
</div>
|
85 |
+
</div><!--aps-col-one-third-->
|
86 |
+
<div class="aps-col-one-third">
|
87 |
+
<div class="aps-field-wrapper form-field">
|
88 |
+
<label><?php _e('Border Color', 'aps-social'); ?></label>
|
89 |
+
<div class="aps-field">
|
90 |
+
<input type="text" id="aps-border-color"/>
|
91 |
+
</div>
|
92 |
+
</div>
|
93 |
+
</div><!--aps-col-one-third-->
|
94 |
+
</div>
|
95 |
+
</div>
|
96 |
+
</div><!--aps-col-full-->
|
97 |
+
<div class="aps-col-full">
|
98 |
+
<div class="aps-field-wrapper form-field">
|
99 |
+
<label><?php _e('Shadow', 'aps-social'); ?></label>
|
100 |
+
<div class="aps-field">
|
101 |
+
<label class="label-inline"><input type="radio" name="aps-icon-shadow" value="yes"/>Yes</label>
|
102 |
+
<label class="label-inline"><input type="radio" name="aps-icon-shadow" value="no" checked="checked"/>No</label>
|
103 |
+
</div>
|
104 |
+
</div>
|
105 |
+
</div>
|
106 |
+
<div class="aps-col-full aps-shadow-reference" style="display:none;">
|
107 |
+
<div class="aps-row">
|
108 |
+
<div class="aps-col-one-third">
|
109 |
+
<div class="aps-field-wrapper form-field">
|
110 |
+
<label><?php _e('Offset X', 'aps-social'); ?></label>
|
111 |
+
<div class="aps-field">
|
112 |
+
<input type="text" id="aps-shadow-offset-x" placeholder="eg. 1px"/>
|
113 |
+
</div>
|
114 |
+
</div>
|
115 |
+
</div>
|
116 |
+
<div class="aps-col-one-third">
|
117 |
+
<div class="aps-field-wrapper form-field">
|
118 |
+
<label><?php _e('Offset Y', 'aps-social'); ?></label>
|
119 |
+
<div class="aps-field">
|
120 |
+
<input type="text" id="aps-shadow-offset-y" placeholder="eg. 1px" />
|
121 |
+
</div>
|
122 |
+
</div>
|
123 |
+
</div>
|
124 |
+
<div class="aps-col-one-third">
|
125 |
+
<div class="aps-field-wrapper form-field">
|
126 |
+
<label><?php _e('Blur', 'aps-social'); ?></label>
|
127 |
+
<div class="aps-field">
|
128 |
+
<input type="text" id="aps-shadow-blur" placeholder="eg. 1px"/>
|
129 |
+
</div>
|
130 |
+
</div>
|
131 |
+
</div>
|
132 |
+
<div class="aps-col-half">
|
133 |
+
<div class="aps-field-wrapper form-field">
|
134 |
+
<label><?php _e('Shadow Color', 'aps-social'); ?></label>
|
135 |
+
<div class="aps-field">
|
136 |
+
<input type="text" id="aps-shadow-color"/>
|
137 |
+
</div>
|
138 |
+
</div>
|
139 |
+
</div>
|
140 |
+
</div>
|
141 |
+
</div>
|
142 |
+
|
143 |
+
|
144 |
+
|
145 |
+
<div class="aps-col-full">
|
146 |
+
<div class="aps-field-wrapper form-field">
|
147 |
+
<label><?php _e('Icon Link', 'aps-social'); ?></label>
|
148 |
+
<div class="aps-field">
|
149 |
+
<input type="text" id="aps-icon-link" class="required" data-error-msg="<?php _e('Please enter the icon link', 'aps-social'); ?>" placeholder="https://www.facebook.com/AccessPressThemes"/>
|
150 |
+
</div>
|
151 |
+
<div class="aps-error"></div>
|
152 |
+
</div><!--aps-field-wrapper-->
|
153 |
+
</div>
|
154 |
+
<div class="aps-col-half">
|
155 |
+
<div class="aps-field-wrapper aps-tooltip-reference form-field">
|
156 |
+
<label><?php _e('Tooltip Text', 'aps-social'); ?></label>
|
157 |
+
<div class="aps-field">
|
158 |
+
<input type="text" id="aps-tooltip-text" placeholder="eg. follow us"/>
|
159 |
+
</div>
|
160 |
+
</div>
|
161 |
+
</div>
|
162 |
+
<div class="aps-col-half">
|
163 |
+
<div class="aps-field-wrapper form-field">
|
164 |
+
<label><?php _e('Icon Link Target', 'aps-social'); ?></label>
|
165 |
+
<div class="aps-field">
|
166 |
+
<select id="aps-icon-link-target" class="aps-form-control">
|
167 |
+
<option value="New Window">New Window</option>
|
168 |
+
<option value="Same Window">Same Window</option>
|
169 |
+
</select>
|
170 |
+
</div>
|
171 |
+
</div><!--aps-field-wrapper-->
|
172 |
+
</div>
|
173 |
+
<div class="aps-col-full">
|
174 |
+
<div class="aps-well">
|
175 |
+
<div class="aps-field-wrapper form-field">
|
176 |
+
<div class="aps-field">
|
177 |
+
<input type="button" class="button button-secondary" id="aps-icon-add-trigger" value="Add Icon to List"/>
|
178 |
+
</div>
|
179 |
+
</div><!--aps-field-wrapper-->
|
180 |
+
</div>
|
181 |
+
</div>
|
182 |
+
</div>
|
183 |
+
</div>
|
inc/backend/icon-themes.php
ADDED
@@ -0,0 +1,21 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?php defined('ABSPATH') or die("No script kiddies please!");?>
|
2 |
+
<div class="aps-theme-chooser" style="display: none;">
|
3 |
+
<div class="aps-field-wrapper">
|
4 |
+
<div class="aps-png-themes">
|
5 |
+
<h3><?php _e('Available Icon Themes', 'aps-social'); ?> <img src="<?php echo APS_IMAGE_DIR . '/ajax-loader.gif' ?>" id="aps-icon-theme-loader" style="display: none"/></h3>
|
6 |
+
<div class="aps-well">
|
7 |
+
<div>
|
8 |
+
<?php for ($i = 1; $i <= 12; $i++) {
|
9 |
+
?>
|
10 |
+
<label><input type="radio" id="aps-theme-<?php echo $i;?>" value="<?php echo $i;?>" class="aps-theme aps-png-theme" name="aps_icon_theme" <?php if (isset($_GET['action']) && $icon_extra['icon_set_type'] == 2 && $icon_extra['icon_theme_id'] == $i) { ?>checked="checked"<?php } ?>/>Theme <?php echo $i;?></label>
|
11 |
+
<div class="aps-theme-previewbox">
|
12 |
+
<img src="<?php echo APS_IMAGE_DIR . '/preview'.$i.'.jpg' ?>" alt="theme preview" />
|
13 |
+
</div>
|
14 |
+
<?php
|
15 |
+
}
|
16 |
+
?>
|
17 |
+
</div>
|
18 |
+
</div>
|
19 |
+
</div>
|
20 |
+
</div>
|
21 |
+
</div>
|
inc/backend/list-icon-sets.php
ADDED
@@ -0,0 +1,16 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?php
|
2 |
+
for ($i = 1; $i <= 1; $i++) {
|
3 |
+
?>
|
4 |
+
<div class="aps-set-wrapper">
|
5 |
+
<h3>Set <?php echo $i; ?></h3>
|
6 |
+
<?php
|
7 |
+
$icon_set_path = '../../icon-sets/set1';
|
8 |
+
$images = glob($icon_set_path . "*.*");
|
9 |
+
$this->print_array($images);
|
10 |
+
?>
|
11 |
+
</div><!--aps-set-wrapper-->
|
12 |
+
<?php
|
13 |
+
}
|
14 |
+
die();
|
15 |
+
|
16 |
+
|
inc/backend/main-page.php
ADDED
@@ -0,0 +1,94 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?php defined('ABSPATH') or die("No script kiddies please!");?>
|
2 |
+
<div class="wrap">
|
3 |
+
<?php
|
4 |
+
if (isset($_GET['action'], $_GET['_wpnonce'], $_GET['si_id']) && wp_verify_nonce($_GET['_wpnonce'], 'aps-edit-nonce')) {
|
5 |
+
include('edit-icon-set.php');
|
6 |
+
} else {
|
7 |
+
?>
|
8 |
+
<?php
|
9 |
+
if (isset($_SESSION['aps_message'])) {
|
10 |
+
?>
|
11 |
+
<div class="aps-message aps-message-success updated">
|
12 |
+
<p>
|
13 |
+
<?php
|
14 |
+
echo $_SESSION['aps_message'];
|
15 |
+
unset($_SESSION['aps_message']);
|
16 |
+
?>
|
17 |
+
</p>
|
18 |
+
</div>
|
19 |
+
<?php
|
20 |
+
}
|
21 |
+
?>
|
22 |
+
<div class="aps-add-set-wrapper clearfix">
|
23 |
+
<div class="aps-panel">
|
24 |
+
<?php include('panel-head.php');?>
|
25 |
+
<div class="aps-panel-body">
|
26 |
+
<h2>AccessPress Social <a href="<?php echo admin_url() . 'admin.php?page=aps-social-add' ?>" class="add-new-h2">Add New</a></h2>
|
27 |
+
<table class="wp-list-table widefat fixed posts">
|
28 |
+
<thead>
|
29 |
+
<tr>
|
30 |
+
<th scope="col" id="title" class="manage-column column-title sortable asc" style="">
|
31 |
+
<a href="javascript:void(0)"> <span><?php _e('Title', 'aps-social'); ?></span> </a>
|
32 |
+
</th>
|
33 |
+
<th scope="col" id="shortcode" class="manage-column column-shortcode" style="">
|
34 |
+
<?php _e('Shortcode', 'aps-social'); ?>
|
35 |
+
</th>
|
36 |
+
<th scope="col" id="template-shortcode" class="manage-column column-shortcode" style="">
|
37 |
+
<?php _e('Template Shortcode', 'aps-social'); ?>
|
38 |
+
</th>
|
39 |
+
</tr>
|
40 |
+
</thead>
|
41 |
+
<tfoot>
|
42 |
+
<tr>
|
43 |
+
<th scope="col" class="manage-column column-title sortable asc" style=""><a href="javascript:void(0)"><span><?php _e('Title', 'aps-social'); ?></span></a></th>
|
44 |
+
<th scope="col" class="manage-column column-shortcode" style=""><?php _e('Shortcode', 'aps-social'); ?></th>
|
45 |
+
<th scope="col" id="template-shortcode" class="manage-column column-shortcode" style="">
|
46 |
+
<?php _e('Template Shortcode', 'aps-social'); ?>
|
47 |
+
</th>
|
48 |
+
</tr>
|
49 |
+
</tfoot>
|
50 |
+
<?php
|
51 |
+
global $wpdb;
|
52 |
+
$table_name = $table_name = $wpdb->prefix . "aps_social_icons";
|
53 |
+
$icon_sets = $wpdb->get_results("SELECT * FROM $table_name");
|
54 |
+
//$this->print_array($icon_sets);
|
55 |
+
?>
|
56 |
+
<tbody id="the-list" data-wp-lists="list:post">
|
57 |
+
<?php
|
58 |
+
if (count($icon_sets) > 0) {
|
59 |
+
$icon_set_counter = 1;
|
60 |
+
foreach ($icon_sets as $icon_set) {
|
61 |
+
$edit_nonce = wp_create_nonce('aps-edit-nonce');
|
62 |
+
$delete_nonce = wp_create_nonce('aps-delete-nonce');
|
63 |
+
?>
|
64 |
+
<tr <?php if ($icon_set_counter % 2 != 0) { ?>class="alternate"<?php } ?>>
|
65 |
+
<td class="title column-title">
|
66 |
+
<strong>
|
67 |
+
<a class="row-title" href="<?php echo admin_url() . 'admin.php?page=aps-social&action=edit_si&si_id=' . $icon_set->si_id . '&_wpnonce=' . $edit_nonce; ?>" title="Edit">
|
68 |
+
<?php echo esc_attr($icon_set->icon_set_name); ?>
|
69 |
+
</a>
|
70 |
+
</strong>
|
71 |
+
<div class="row-actions"><span class="edit"><a href="<?php echo admin_url() . 'admin.php?page=aps-social&action=edit_si&si_id=' . $icon_set->si_id . '&_wpnonce=' . $edit_nonce; ?>">Edit</a> | </span><span class="delete"><a href="<?php echo admin_url() . 'admin-post.php?action=aps_delete_action&si_id=' . $icon_set->si_id . '&_wpnonce=' . $delete_nonce; ?>" onclick="return confirm('<?php _e('Are you sure you want to delete this icon set?', 'aps-social'); ?>')">Delete</a></span></div>
|
72 |
+
</td>
|
73 |
+
<td class="shortcode column-shortcode"><input type="text" onFocus="this.select();" readonly="readonly" value="[aps-social id="<?php echo $icon_set->si_id; ?>"]" class="shortcode-in-list-table wp-ui-text-highlight code"></td>
|
74 |
+
<td class="shortcode column-shortcode"><input type="text" onFocus="this.select();" readonly="readonly" value="<?php echo do_shortcode('[aps-social id="<?php echo $icon_set->si_id; ?>"]')?>" class="shortcode-in-list-table wp-ui-text-highlight code"></td>
|
75 |
+
</tr>
|
76 |
+
<?php
|
77 |
+
$icon_set_counter++;
|
78 |
+
}
|
79 |
+
} else {
|
80 |
+
?>
|
81 |
+
<tr><td colspan="2"><div class="aps-noresult"><?php _e('Icon sets not added yet', 'aps-social'); ?></div></td></tr>
|
82 |
+
<?php
|
83 |
+
}
|
84 |
+
?>
|
85 |
+
</tbody>
|
86 |
+
</table>
|
87 |
+
</div>
|
88 |
+
</div>
|
89 |
+
</div>
|
90 |
+
<?php include_once('promobar.php'); ?>
|
91 |
+
<?php
|
92 |
+
}
|
93 |
+
?>
|
94 |
+
</div>
|
inc/backend/panel-head.php
ADDED
@@ -0,0 +1,35 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<div class="aps-panel-head">
|
2 |
+
<div class="aps-row">
|
3 |
+
<div class="aps-col-logo">
|
4 |
+
<div class="aps-logo">
|
5 |
+
<img src="<?php echo APS_IMAGE_DIR.'/logo-social.png'?>" alt="AccessPress Anonymous Post">
|
6 |
+
</div>
|
7 |
+
</div>
|
8 |
+
<div class="aps-col-socials">
|
9 |
+
<div class="aps-socials">
|
10 |
+
<p>Follow us for new updates</p>
|
11 |
+
<div class="ap-social-bttns">
|
12 |
+
|
13 |
+
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FAccessPress-Themes%2F1396595907277967&width&layout=button&action=like&show_faces=false&share=false&height=35&appId=1411139805828592" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:20px; width:50px " allowtransparency="true"></iframe>
|
14 |
+
|
15 |
+
<iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" src="http://platform.twitter.com/widgets/follow_button.21f7daa948263c3043bab783473c3475.en.html#_=1415777743087&id=twitter-widget-0&lang=en&screen_name=apthemes&show_count=false&show_screen_name=true&size=m" class="twitter-follow-button twitter-follow-button" title="Twitter Follow Button" data-twttr-rendered="true" style="width: 126px; height: 20px;"></iframe>
|
16 |
+
<script>!function (d, s, id) {
|
17 |
+
var js, fjs = d.getElementsByTagName(s)[0];
|
18 |
+
if (!d.getElementById(id)) {
|
19 |
+
js = d.createElement(s);
|
20 |
+
js.id = id;
|
21 |
+
js.src = "//platform.twitter.com/widgets.js";
|
22 |
+
fjs.parentNode.insertBefore(js, fjs);
|
23 |
+
}
|
24 |
+
}(document, "script", "twitter-wjs");</script>
|
25 |
+
|
26 |
+
</div>
|
27 |
+
</div>
|
28 |
+
</div>
|
29 |
+
<div class="aps-col-title">
|
30 |
+
<div class="aps-title">
|
31 |
+
AccessPress Social Icons
|
32 |
+
</div>
|
33 |
+
</div>
|
34 |
+
</div>
|
35 |
+
</div>
|
inc/backend/promobar.php
ADDED
File without changes
|
inc/backend/save-set.php
ADDED
@@ -0,0 +1,213 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?php defined('ABSPATH') or die("No script kiddies please!");?>
|
2 |
+
<?php
|
3 |
+
/**
|
4 |
+
* Posted Variables
|
5 |
+
* [action] => aps_add_new_set
|
6 |
+
[set_name] => Testing Icon
|
7 |
+
[display] => horizontal
|
8 |
+
[num_rows] => 1
|
9 |
+
[margins] => 5
|
10 |
+
[tooltip] => 1
|
11 |
+
[tooltip_bg] => #000000
|
12 |
+
[tooltip_text_color] => #ffffff
|
13 |
+
[icon_animation] => animation1
|
14 |
+
[opacity_hover] => 0.75
|
15 |
+
[icons] => Array
|
16 |
+
(
|
17 |
+
[Facebook] => Array
|
18 |
+
(
|
19 |
+
[title] => Facebook
|
20 |
+
[icon_type] => image-icons
|
21 |
+
[image] => http://192.168.1.70/ultimate-social/wp-content/plugins/accesspress-social/icon-sets/set1/facebook.png
|
22 |
+
[icon_width] => 20
|
23 |
+
[icon_height] => 20
|
24 |
+
[link] => facebook.com
|
25 |
+
[link_target] => New Window
|
26 |
+
[tooltip_text] => Facebook Link
|
27 |
+
[font_icon] =>
|
28 |
+
[icon_size] =>
|
29 |
+
[icon_bg] => 1
|
30 |
+
[icon_bg_color] =>
|
31 |
+
[icon_shape] => square
|
32 |
+
[radius_top_left] =>
|
33 |
+
[radius_top_right] =>
|
34 |
+
[radius_bottom_left] =>
|
35 |
+
[radius_bottom_right] =>
|
36 |
+
[icon_color] =>
|
37 |
+
[icon_bg_color_hover] =>
|
38 |
+
[icon_color_hover] =>
|
39 |
+
)
|
40 |
+
|
41 |
+
[Twitter] => Array
|
42 |
+
(
|
43 |
+
[title] => Twitter
|
44 |
+
[icon_type] => image-icons
|
45 |
+
[image] => http://192.168.1.70/ultimate-social/wp-content/plugins/accesspress-social/icon-sets/set1/twitter.png
|
46 |
+
[icon_width] => 20
|
47 |
+
[icon_height] => 20
|
48 |
+
[link] => twitter.com
|
49 |
+
[link_target] => New Window
|
50 |
+
[tooltip_text] => Twitter Link
|
51 |
+
[font_icon] =>
|
52 |
+
[icon_size] =>
|
53 |
+
[icon_bg] => 1
|
54 |
+
[icon_bg_color] =>
|
55 |
+
[icon_shape] => square
|
56 |
+
[radius_top_left] =>
|
57 |
+
[radius_top_right] =>
|
58 |
+
[radius_bottom_left] =>
|
59 |
+
[radius_bottom_right] =>
|
60 |
+
[icon_color] =>
|
61 |
+
[icon_bg_color_hover] =>
|
62 |
+
[icon_color_hover] =>
|
63 |
+
)
|
64 |
+
|
65 |
+
[Youtube] => Array
|
66 |
+
(
|
67 |
+
[title] => Youtube
|
68 |
+
[icon_type] => image-icons
|
69 |
+
[image] => http://192.168.1.70/ultimate-social/wp-content/plugins/accesspress-social/icon-sets/set1/youtube.png
|
70 |
+
[icon_width] => 20
|
71 |
+
[icon_height] => 20
|
72 |
+
[link] => youtube.com
|
73 |
+
[link_target] => New Window
|
74 |
+
[tooltip_text] => Youtube Link
|
75 |
+
[font_icon] =>
|
76 |
+
[icon_size] =>
|
77 |
+
[icon_bg] => 1
|
78 |
+
[icon_bg_color] =>
|
79 |
+
[icon_shape] => square
|
80 |
+
[radius_top_left] =>
|
81 |
+
[radius_top_right] =>
|
82 |
+
[radius_bottom_left] =>
|
83 |
+
[radius_bottom_right] =>
|
84 |
+
[icon_color] =>
|
85 |
+
[icon_bg_color_hover] =>
|
86 |
+
[icon_color_hover] =>
|
87 |
+
)
|
88 |
+
|
89 |
+
)
|
90 |
+
|
91 |
+
[aps_icon_background] => 0
|
92 |
+
[aps_icon_shape] => square
|
93 |
+
[aps_icon_set_submit] => Save icon set
|
94 |
+
[aps_add_set_nonce] => 9bbc452ac3
|
95 |
+
[_wp_http_referer] => /ultimate-social/wp-admin/admin.php?page=aps-social-add
|
96 |
+
**/
|
97 |
+
|
98 |
+
//$this->print_array($_POST);die();
|
99 |
+
foreach($_POST as $key=>$val)
|
100 |
+
{
|
101 |
+
if($key=='icons')
|
102 |
+
{
|
103 |
+
$$key = $val;
|
104 |
+
}
|
105 |
+
else
|
106 |
+
{
|
107 |
+
$$key = sanitize_text_field($val);
|
108 |
+
|
109 |
+
}
|
110 |
+
}
|
111 |
+
foreach($icons as $key=>$val)
|
112 |
+
{
|
113 |
+
$icon_detail_array = array();
|
114 |
+
foreach($val as $k=>$v)
|
115 |
+
{
|
116 |
+
if($k=='image' || $k=='link')
|
117 |
+
{
|
118 |
+
$icon_detail_array[$k] = esc_url_raw($v);
|
119 |
+
}
|
120 |
+
else
|
121 |
+
{
|
122 |
+
$icon_detail_array[$k] = sanitize_text_field($v);
|
123 |
+
}
|
124 |
+
}
|
125 |
+
$icons[$key] = $icon_detail_array;
|
126 |
+
}
|
127 |
+
$icon_extra = array('icon_set_type'=>$icon_set_type,
|
128 |
+
'icon_theme_id'=>$icon_theme_id,
|
129 |
+
'num_columns'=>$num_columns,
|
130 |
+
'tooltip_position'=>$tooltip_position);
|
131 |
+
$icon_extra = serialize($icon_extra);
|
132 |
+
global $wpdb;
|
133 |
+
$icons = serialize($icons);
|
134 |
+
$table_name = $wpdb->prefix . "aps_social_icons";
|
135 |
+
if(isset($si_id))
|
136 |
+
{
|
137 |
+
$wpdb->update(
|
138 |
+
$table_name,
|
139 |
+
array(
|
140 |
+
'icon_set_name' => $set_name,
|
141 |
+
'icon_display'=>$display,
|
142 |
+
'num_rows' => $num_rows,
|
143 |
+
'icon_margin'=>$margins,
|
144 |
+
'icon_tooltip'=>$tooltip,
|
145 |
+
'tooltip_background'=>$tooltip_bg,
|
146 |
+
'tooltip_text_color'=> $tooltip_text_color,
|
147 |
+
'opacity_hover'=>$opacity_hover,
|
148 |
+
'icon_animation'=>$icon_animation,
|
149 |
+
'icon_details'=>$icons,
|
150 |
+
'icon_extra'=>$icon_extra
|
151 |
+
),
|
152 |
+
array('si_id'=>$si_id),
|
153 |
+
array(
|
154 |
+
'%s',
|
155 |
+
'%s',
|
156 |
+
'%s',
|
157 |
+
'%s',
|
158 |
+
'%d',
|
159 |
+
'%s',
|
160 |
+
'%s',
|
161 |
+
'%s',
|
162 |
+
'%s',
|
163 |
+
'%s',
|
164 |
+
'%s'
|
165 |
+
),
|
166 |
+
array('%d')
|
167 |
+
);
|
168 |
+
$_SESSION['aps_message'] = __('Icon Set Updated Successfully','aps-social');
|
169 |
+
}
|
170 |
+
else
|
171 |
+
{
|
172 |
+
$wpdb->insert(
|
173 |
+
$table_name,
|
174 |
+
array(
|
175 |
+
'icon_set_name' => $set_name,
|
176 |
+
'icon_display'=>$display,
|
177 |
+
'num_rows' => $num_rows,
|
178 |
+
'icon_margin'=>$margins,
|
179 |
+
'icon_tooltip'=>$tooltip,
|
180 |
+
'tooltip_background'=>$tooltip_bg,
|
181 |
+
'tooltip_text_color'=> $tooltip_text_color,
|
182 |
+
'opacity_hover'=>$opacity_hover,
|
183 |
+
'icon_animation'=>$icon_animation,
|
184 |
+
'icon_details'=>$icons,
|
185 |
+
'icon_extra'=>$icon_extra
|
186 |
+
),
|
187 |
+
array(
|
188 |
+
'%s',
|
189 |
+
'%s',
|
190 |
+
'%s',
|
191 |
+
'%s',
|
192 |
+
'%d',
|
193 |
+
'%s',
|
194 |
+
'%s',
|
195 |
+
'%s',
|
196 |
+
'%s',
|
197 |
+
'%s',
|
198 |
+
'%s'
|
199 |
+
)
|
200 |
+
);
|
201 |
+
$_SESSION['aps_message'] = __('Icon Set Saved Successfully','aps-social');
|
202 |
+
}
|
203 |
+
if(isset($_POST['current_page']))
|
204 |
+
{
|
205 |
+
wp_redirect($_POST['current_page']);
|
206 |
+
}
|
207 |
+
else
|
208 |
+
{
|
209 |
+
wp_redirect(admin_url().'admin.php?page=aps-social');
|
210 |
+
}
|
211 |
+
|
212 |
+
|
213 |
+
exit;
|
inc/backend/theme-icon-set.php
ADDED
@@ -0,0 +1,95 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?php defined('ABSPATH') or die("No script kiddies please!");?>
|
2 |
+
<li class="aps-sortable-icons">
|
3 |
+
<div class="aps-drag-icon"></div>
|
4 |
+
<div class="aps-icon-head">
|
5 |
+
<span class="aps-icon-name"><?php echo esc_attr($filename); ?></span>
|
6 |
+
<span class="aps-icon-list-controls">
|
7 |
+
<span class="aps-arrow-down aps-arrow button button-secondary" aria-label="expand icons">
|
8 |
+
<i class="dashicons dashicons-arrow-down"></i>
|
9 |
+
</span>
|
10 |
+
</span>
|
11 |
+
</div>
|
12 |
+
<div class="aps-icon-body" style="display: none;">
|
13 |
+
<div class="aps-row">
|
14 |
+
<div class="aps-col-full">
|
15 |
+
<div class="aps-icon-preview form-field">
|
16 |
+
<label><?php _e('Icon Preview', 'aps-social'); ?></label>
|
17 |
+
<img src="<?php echo APS_ICONS_DIR . '/' . $sub_folder . '/' . $folder . '/' . $file; ?>"/>
|
18 |
+
</div>
|
19 |
+
|
20 |
+
<div class="aps-field-wrapper form-field">
|
21 |
+
<label><?php _e('Icon Title', 'aps-social'); ?></label>
|
22 |
+
<div class="aps-field">
|
23 |
+
<input type="text" name="icons[<?php echo $filename; ?>][title]" placeholder="eg. facebook" />
|
24 |
+
</div>
|
25 |
+
</div><!--aps-field-wrapper-->
|
26 |
+
<?php if ($sub_folder == 'svg') { ?>
|
27 |
+
<div class="aps-field-wrapper form-field">
|
28 |
+
<label><?php _e('Icon Background Color', 'aps-social'); ?></label>
|
29 |
+
<div class="aps-field">
|
30 |
+
<input type="text" name="icons[<?php echo $filename; ?>][icon_bg_color]" class="aps-color-picker"/>
|
31 |
+
</div>
|
32 |
+
</div><!--aps-field-wrapper-->
|
33 |
+
<?php } ?>
|
34 |
+
</div>
|
35 |
+
<div class="aps-col-half">
|
36 |
+
<div class="aps-field-wrapper form-field">
|
37 |
+
<label><?php _e('Icon Width', 'aps-social'); ?></label>
|
38 |
+
<div class="aps-field">
|
39 |
+
<input type="text" name="icons[<?php echo $filename; ?>][icon_width]" class="aps_theme_icon_width" placeholder="eg. 32px"/>
|
40 |
+
</div>
|
41 |
+
<div class="aps-option-note">
|
42 |
+
<p><?php _e('Please enter the width for the icon in px.', 'aps-social'); ?></p>
|
43 |
+
</div>
|
44 |
+
</div><!--aps-field-wrapper-->
|
45 |
+
</div>
|
46 |
+
<div class="aps-col-half">
|
47 |
+
<div class="aps-field-wrapper form-field">
|
48 |
+
<label><?php _e('Icon Height', 'aps-social'); ?></label>
|
49 |
+
<div class="aps-field">
|
50 |
+
<input type="text" name="icons[<?php echo $filename; ?>][icon_height]" class="aps_theme_icon_height" placeholder="eg. 32px" />
|
51 |
+
</div>
|
52 |
+
<div class="aps-option-note"><p><?php _e('Please enter the height for the icon in px.', 'aps-social'); ?></p></div>
|
53 |
+
</div><!--aps-field-wrapper-->
|
54 |
+
</div>
|
55 |
+
<div class="aps-col-full">
|
56 |
+
<div class="aps-field-wrapper form-field">
|
57 |
+
<label><?php _e('Icon Link', 'aps-social'); ?></label>
|
58 |
+
<div class="aps-field">
|
59 |
+
<input type="text" name="icons[<?php echo $filename; ?>][link]" placeholder="eg. https://www.facebook.com" />
|
60 |
+
</div>
|
61 |
+
</div><!--aps-field-wrapper-->
|
62 |
+
</div>
|
63 |
+
<div class="aps-col-half">
|
64 |
+
<div class="aps-field-wrapper form-field">
|
65 |
+
<label><?php _e('Tooltip Text', 'aps-social'); ?></label>
|
66 |
+
<div class="aps-field">
|
67 |
+
<input type="text" name="icons[<?php echo $filename; ?>][tooltip_text]" placeholder="your tooltip text"/>
|
68 |
+
</div>
|
69 |
+
</div><!--aps-field-wrapper-->
|
70 |
+
</div>
|
71 |
+
<div class="aps-col-half">
|
72 |
+
<div class="aps-field-wrapper form-field">
|
73 |
+
<label><?php _e('Icon Link Target', 'aps-social'); ?></label>
|
74 |
+
<div class="aps-field">
|
75 |
+
<select name="icons[<?php echo $filename; ?>][link_target]" class="aps-form-control">
|
76 |
+
<option value="New Window">New Window</option>
|
77 |
+
<option value="Same Window">Same Window</option>
|
78 |
+
</select>
|
79 |
+
</div>
|
80 |
+
</div><!--aps-field-wrapper-->
|
81 |
+
</div>
|
82 |
+
</div>
|
83 |
+
</div>
|
84 |
+
<input type="hidden" name="icons[<?php echo $filename; ?>][image]" value="<?php echo APS_ICONS_DIR . '/' . $sub_folder . '/' . $folder . '/' . $file; ?>" class="set_image_reference"/>
|
85 |
+
<input type="hidden" name="icons[<?php echo $filename; ?>][border_type]" value="none"/>
|
86 |
+
<input type="hidden" name="icons[<?php echo $filename; ?>][border_thickness]" value="0"/>
|
87 |
+
<input type="hidden" name="icons[<?php echo $filename; ?>][border_color]" value=""/>
|
88 |
+
<input type="hidden" name="icons[<?php echo $filename; ?>][shadow]" value="yes"/>
|
89 |
+
<input type="hidden" name="icons[<?php echo $filename; ?>][shadow_offset_x]" value="0"/>
|
90 |
+
<input type="hidden" name="icons[<?php echo $filename; ?>][shadow_offset_y]" value="0"/>
|
91 |
+
<input type="hidden" name="icons[<?php echo $filename; ?>][blur]" value="0"/>
|
92 |
+
<input type="hidden" name="icons[<?php echo $filename; ?>][shadow_color]" value=""/>
|
93 |
+
<input type="hidden" name="icons[<?php echo $filename; ?>][padding]" value="0"/>
|
94 |
+
|
95 |
+
</li>
|
inc/backend/widgets.php
ADDED
@@ -0,0 +1,109 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?php defined('ABSPATH') or die("No script kiddies please!");?>
|
2 |
+
<?php
|
3 |
+
/**
|
4 |
+
* Adds Foo_Widget widget.
|
5 |
+
*/
|
6 |
+
class APS_Widget extends WP_Widget {
|
7 |
+
|
8 |
+
/**
|
9 |
+
* Register widget with WordPress.
|
10 |
+
*/
|
11 |
+
function __construct() {
|
12 |
+
parent::__construct(
|
13 |
+
'aps_widget', // Base ID
|
14 |
+
__('AccessPress Social Icons', 'aps-social'), // Name
|
15 |
+
array( 'description' => __( 'AccessPress Social Icon Widget', 'aps-social' ), ) // Args
|
16 |
+
);
|
17 |
+
}
|
18 |
+
|
19 |
+
/**
|
20 |
+
* Front-end display of widget.
|
21 |
+
*
|
22 |
+
* @see WP_Widget::widget()
|
23 |
+
*
|
24 |
+
* @param array $args Widget arguments.
|
25 |
+
* @param array $instance Saved values from database.
|
26 |
+
*/
|
27 |
+
public function widget( $args, $instance ) {
|
28 |
+
|
29 |
+
echo $args['before_widget'];
|
30 |
+
if ( ! empty( $instance['title'] ) ) {
|
31 |
+
echo $args['before_title'] . apply_filters( 'widget_title', $instance['title'] ). $args['after_title'];
|
32 |
+
}
|
33 |
+
if($instance['si_id']!='')
|
34 |
+
{
|
35 |
+
$si_id = $instance['si_id'];
|
36 |
+
echo do_shortcode('[aps-social id="'.$si_id.'"]');
|
37 |
+
}
|
38 |
+
}
|
39 |
+
|
40 |
+
/**
|
41 |
+
* Back-end widget form.
|
42 |
+
*
|
43 |
+
* @see WP_Widget::form()
|
44 |
+
*
|
45 |
+
* @param array $instance Previously saved values from database.
|
46 |
+
*/
|
47 |
+
public function form( $instance ) {
|
48 |
+
if ( isset( $instance[ 'title' ] ) ) {
|
49 |
+
$title = $instance[ 'title' ];
|
50 |
+
}
|
51 |
+
else {
|
52 |
+
$title = '';
|
53 |
+
}
|
54 |
+
if(isset($instance['si_id']))
|
55 |
+
{
|
56 |
+
$si_id = $instance['si_id'];
|
57 |
+
}
|
58 |
+
else
|
59 |
+
{
|
60 |
+
$si_id = '';
|
61 |
+
}
|
62 |
+
global $wpdb;
|
63 |
+
$table_name = $table_name = $wpdb->prefix . "aps_social_icons";
|
64 |
+
$icon_sets = $wpdb->get_results("SELECT * FROM $table_name");
|
65 |
+
?>
|
66 |
+
<p>
|
67 |
+
|
68 |
+
<label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e( 'Title:' ,'aps-social'); ?></label>
|
69 |
+
<input class="widefat" id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" type="text" value="<?php echo esc_attr( $title ); ?>">
|
70 |
+
</p>
|
71 |
+
<p>
|
72 |
+
<label for="<?php echo $this->get_field_id('si_id');?>"><?php _e('Icon set','aps-social')?></label>
|
73 |
+
<select name="<?php echo $this->get_field_name('si_id');?>" id="<?php echo $this->get_field_id('si_id');?>" class="widefat">
|
74 |
+
<option value=""><?php _e('Choose Icon Set','aps-social');?></option>
|
75 |
+
<?php foreach($icon_sets as $icon_set){
|
76 |
+
?>
|
77 |
+
<option value="<?php echo $icon_set->si_id;?>" <?php if($si_id==$icon_set->si_id){?>selected="selected"<?php }?>><?php echo $icon_set->icon_set_name;?></option>
|
78 |
+
<?php
|
79 |
+
}?>
|
80 |
+
</select>
|
81 |
+
</p>
|
82 |
+
<?php
|
83 |
+
}
|
84 |
+
|
85 |
+
/**
|
86 |
+
* Sanitize widget form values as they are saved.
|
87 |
+
*
|
88 |
+
* @see WP_Widget::update()
|
89 |
+
*
|
90 |
+
* @param array $new_instance Values just sent to be saved.
|
91 |
+
* @param array $old_instance Previously saved values from database.
|
92 |
+
*
|
93 |
+
* @return array Updated safe values to be saved.
|
94 |
+
*/
|
95 |
+
public function update( $new_instance, $old_instance ) {
|
96 |
+
//die(print_r($new_instance));
|
97 |
+
$instance = array();
|
98 |
+
$instance['title'] = ( ! empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';
|
99 |
+
$instance['si_id'] = (!empty($new_instance['si_id']))?$new_instance['si_id']:'';
|
100 |
+
return $instance;
|
101 |
+
}
|
102 |
+
|
103 |
+
|
104 |
+
} // class Foo_Widget
|
105 |
+
//function register_foo_widget() {
|
106 |
+
// register_widget( 'Foo_Widget' );
|
107 |
+
//}
|
108 |
+
//add_action( 'widgets_init', 'register_foo_widget' );
|
109 |
+
?>
|
inc/frontend/icon-group-list.php
ADDED
@@ -0,0 +1,107 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?php defined('ABSPATH') or die("No script kiddies please!");?>
|
2 |
+
<div class="aps-social-icon-wrapper">
|
3 |
+
<?php
|
4 |
+
$icon_counter = 0;
|
5 |
+
$group_icon_counter = 0;
|
6 |
+
$total_display_icons = $this->get_total_display_icons($icon_details);
|
7 |
+
//$this->print_array($icon_details);
|
8 |
+
$total_rows = ($icon_set->num_rows == '') ? 1 : $icon_set->num_rows;
|
9 |
+
$total_columns = ($icon_extra['num_columns'] == '') ? 1 : $icon_extra['num_columns'];
|
10 |
+
if ($icon_set->icon_display == 'horizontal') {
|
11 |
+
$icons_per_division = $total_display_icons / $total_rows;
|
12 |
+
if ($total_display_icons % $total_rows != 0) {
|
13 |
+
$icons_per_division = intval($icons_per_division) + 1;
|
14 |
+
}
|
15 |
+
} else {
|
16 |
+
$icons_per_division = $total_display_icons / $total_columns;
|
17 |
+
if ($total_display_icons % $total_columns != 0) {
|
18 |
+
$icons_per_division = intval($icons_per_division) + 1;
|
19 |
+
}
|
20 |
+
}
|
21 |
+
|
22 |
+
|
23 |
+
foreach ($icon_details as $title => $icon) {
|
24 |
+
|
25 |
+
|
26 |
+
if ($icon['link'] != '') {
|
27 |
+
//$this->print_array($icon);
|
28 |
+
$icon_style = '<style class="aps-icon-front-style">';
|
29 |
+
$icon_counter++;
|
30 |
+
$group_icon_counter++;
|
31 |
+
if ($group_icon_counter == 1) {
|
32 |
+
?>
|
33 |
+
<div class="<?php echo $icon_position_class; ?>">
|
34 |
+
<?php
|
35 |
+
}
|
36 |
+
$icon_main_class = 'icon-' . $si_id . '-' . $icon_counter;
|
37 |
+
foreach ($icon as $key => $val) {
|
38 |
+
${$key} = $val;
|
39 |
+
}
|
40 |
+
$link_target = ($icon['link_target'] == 'New Window') ? 'target="_blank"' : '';
|
41 |
+
$tooltip_text = ($icon['tooltip_text'] == '') ? esc_attr($title) : esc_attr($icon['tooltip_text']);
|
42 |
+
?>
|
43 |
+
<div class="aps-each-icon <?php echo $icon_main_class; ?>" style='margin:<?php echo str_replace('px', '', $icon_set->icon_margin); ?>px;' data-aps-tooltip='<?php echo $tooltip_text ?>' data-aps-tooltip-enabled="<?php echo $icon_set->icon_tooltip; ?>" data-aps-tooltip-bg="<?php echo $tooltip_bg = ($icon_set->tooltip_background == '') ? '#000' : $icon_set->tooltip_background; ?>" data-aps-tooltip-color="<?php echo ($icon_set->tooltip_text_color == '') ? '#fff' : $icon_set->tooltip_text_color; ?>">
|
44 |
+
<a href="<?php echo $icon['link'] ?>" <?php echo $link_target; ?> class="aps-icon-link animated <?php echo ($icon_set->icon_tooltip == 1) ? 'aps-tooltip' : ''; ?>" data-animation-class="<?php echo $icon_set->icon_animation; ?>">
|
45 |
+
<?php
|
46 |
+
$border_thickness = str_replace('px', '', $icon['border_thickness']);
|
47 |
+
$border_thickness = ($border_thickness == '') ? '1' : $border_thickness;
|
48 |
+
$border_color = ($icon['border_color'] == '') ? '#000' : $icon['border_color'];
|
49 |
+
$border_type = $icon['border_type'];
|
50 |
+
$shadow_type = $icon['shadow'];
|
51 |
+
$offset_x = str_replace('px', '', $icon['shadow_offset_x']);
|
52 |
+
$offset_x = ($offset_x == '') ? '0' : $offset_x;
|
53 |
+
$offset_y = str_replace('px', '', $icon['shadow_offset_y']);
|
54 |
+
$offset_y = ($offset_y == '') ? '0' : $offset_y;
|
55 |
+
$blur = str_replace('px', '', $icon['shadow_blur']);
|
56 |
+
$blur = ($blur == '') ? '0' : $blur;
|
57 |
+
$shadow_color = $icon['shadow_color'];
|
58 |
+
if ($shadow_type != 'no') {
|
59 |
+
$shadow = '-moz-box-shadow:' . $offset_x . 'px ' . $offset_y . 'px ' . $blur . 'px ' . '0' . ' ' . $shadow_color . ';';
|
60 |
+
$shadow .= '-webkit-box-shadow:' . $offset_x . 'px ' . $offset_y . 'px ' . $blur . 'px ' . '0' . ' ' . $shadow_color . ';';
|
61 |
+
$shadow .= 'box-shadow:' . $offset_x . 'px ' . $offset_y . 'px ' . $blur . 'px ' . '0' . ' ' . $shadow_color . ';';
|
62 |
+
} else {
|
63 |
+
$shadow = '';
|
64 |
+
}
|
65 |
+
|
66 |
+
$border = ($icon['border_type'] == 'none') ? '' : "border:{$border_thickness}px $border_type $border_color;";
|
67 |
+
?>
|
68 |
+
<img src="<?php echo $icon['image']; ?>" alt="<?php echo esc_attr($title);?>"/>
|
69 |
+
<?php
|
70 |
+
$icon_height = str_replace('px', '', $icon['icon_height']);
|
71 |
+
$icon_width = str_replace('px', '', $icon['icon_width']);
|
72 |
+
$padding = str_replace('px', '', $icon['padding']);
|
73 |
+
$padding = "padding:{$padding}px;";
|
74 |
+
$icon_style .=".$icon_main_class img{height:{$icon_height}px;width:{$icon_width}px;opacity:{$icon_opacity};{$border}{$shadow}{$padding}}";
|
75 |
+
$icon_style .=".$icon_main_class .aps-icon-tooltip:before{border-color:$tooltip_bg}";
|
76 |
+
//if($icon[''])
|
77 |
+
?>
|
78 |
+
</a>
|
79 |
+
<span class="aps-icon-tooltip aps-icon-tooltip-<?php echo $icon_extra['tooltip_position']; ?>" style="display: none;"></span>
|
80 |
+
<?php
|
81 |
+
$icon_style .='</style>';
|
82 |
+
echo $icon_style;
|
83 |
+
?>
|
84 |
+
</div>
|
85 |
+
<?php if ($group_icon_counter == $icons_per_division) {
|
86 |
+
?>
|
87 |
+
</div>
|
88 |
+
<?php
|
89 |
+
$group_icon_counter = 0;
|
90 |
+
}
|
91 |
+
?>
|
92 |
+
|
93 |
+
<?php
|
94 |
+
}//if icon has link check
|
95 |
+
}//foreach close
|
96 |
+
if ($icon_set->icon_display == 'horizontal') {
|
97 |
+
if ($total_display_icons % $total_rows != 0) {
|
98 |
+
echo "</div>";//extra div closing if the division is not exact
|
99 |
+
}
|
100 |
+
} else {
|
101 |
+
$icons_per_division = $total_display_icons / $total_columns;
|
102 |
+
if ($total_display_icons % $total_columns != 0) {
|
103 |
+
echo "</div>";//extra div closing if the division is not exact
|
104 |
+
}
|
105 |
+
}
|
106 |
+
?>
|
107 |
+
</div>
|
inc/frontend/shortcode.php
ADDED
@@ -0,0 +1,19 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
<?php defined('ABSPATH') or die("No script kiddies please!");?>
|
2 |
+
<?php
|
3 |
+
$si_id = $atts['id'];
|
4 |
+
global $wpdb;
|
5 |
+
$table_name = $table_name = $wpdb->prefix . "aps_social_icons";
|
6 |
+
$icon_sets = $wpdb->get_results("SELECT * FROM $table_name where si_id = $si_id");
|
7 |
+
if (!empty($icon_sets)) {
|
8 |
+
$icon_set = $icon_sets[0];
|
9 |
+
$icon_extra = unserialize($icon_set->icon_extra);
|
10 |
+
$icon_details = unserialize($icon_set->icon_details);
|
11 |
+
$icon_position_class = ($icon_set->icon_display == 'horizontal') ? 'aps-group-horizontal' : 'aps-group-vertical';
|
12 |
+
$icon_opacity = $icon_set->opacity_hover;
|
13 |
+
include('icon-group-list.php');
|
14 |
+
|
15 |
+
|
16 |
+
}//if close
|
17 |
+
|
18 |
+
|
19 |
+
|
index.php
ADDED
@@ -0,0 +1,2 @@
|
|
|
|
|
1 |
+
<?php
|
2 |
+
//Silence is golden
|
js/backend.js
ADDED
@@ -0,0 +1,683 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
(function ($) {
|
2 |
+
$(function () {
|
3 |
+
//all backend js goes here
|
4 |
+
|
5 |
+
//For uploading icon image
|
6 |
+
$('#ap-icon-upload-button').click(function () {
|
7 |
+
$(this).closest('.aps-field-wrapper').find('.aps-error').html('');
|
8 |
+
formfield = jQuery('#aps-icon-image').attr('name');
|
9 |
+
tb_show('', 'media-upload.php?type=image&TB_iframe=true');
|
10 |
+
return false;
|
11 |
+
|
12 |
+
});
|
13 |
+
window.send_to_editor = function (html) {
|
14 |
+
imgurl = jQuery('img', html).attr('src');
|
15 |
+
jQuery('#aps-icon-image').val(imgurl);
|
16 |
+
jQuery('.aps-image-icon-preview').html('<img src="' + imgurl + '"/>');
|
17 |
+
tb_remove();
|
18 |
+
}
|
19 |
+
|
20 |
+
//Adding icon to list
|
21 |
+
$('#aps-icon-add-trigger').click(function () {
|
22 |
+
error_flag = 0;
|
23 |
+
if ($('#aps-icon-title').val() == '')
|
24 |
+
{
|
25 |
+
error_flag = 1;
|
26 |
+
var error_html = $('#aps-icon-title').attr('data-error-msg');
|
27 |
+
$('#aps-icon-title').closest('.aps-field-wrapper').find('.aps-error').html(error_html);
|
28 |
+
}
|
29 |
+
if ($('#aps-icon-link').val() == '')
|
30 |
+
{
|
31 |
+
error_flag = 1;
|
32 |
+
var error_html = $('#aps-icon-link').attr('data-error-msg');
|
33 |
+
$('#aps-icon-link').closest('.aps-field-wrapper').find('.aps-error').html(error_html);
|
34 |
+
}
|
35 |
+
if ($('#aps-icon-type').val() == 'image-icons' && $('#aps-icon-image').val() == '')
|
36 |
+
{
|
37 |
+
error_flag = 1;
|
38 |
+
var error_html = $('#aps-icon-image').attr('data-error-msg');
|
39 |
+
$('#aps-icon-image').closest('.aps-field-wrapper').find('.aps-error').html(error_html);
|
40 |
+
|
41 |
+
}
|
42 |
+
|
43 |
+
if ($('#aps-icon-type').val() == 'font-awesome' && $('#aps-font-awesome-icon').val() == '')
|
44 |
+
{
|
45 |
+
error_flag = 1;
|
46 |
+
var error_html = $('#aps-font-awesome-icon').attr('data-error-msg');
|
47 |
+
$('#aps-font-awesome-icon').closest('.aps-field-wrapper').find('.aps-error').html(error_html);
|
48 |
+
}
|
49 |
+
|
50 |
+
|
51 |
+
|
52 |
+
if (error_flag == 0)
|
53 |
+
{
|
54 |
+
var icon_counter = $('#aps-icon-counter').val();
|
55 |
+
icon_counter++;
|
56 |
+
$('#aps-icon-counter').val(icon_counter);
|
57 |
+
var icon_title = $('#aps-icon-title').val();
|
58 |
+
var icon_image = $('#aps-icon-image').val();
|
59 |
+
var icon_width = $('#aps-icon-width').val();
|
60 |
+
var icon_height = $('#aps-icon-height').val();
|
61 |
+
var icon_link = $('#aps-icon-link').val();
|
62 |
+
var icon_link_target = $('#aps-icon-link-target').val();
|
63 |
+
var icon_tooltip_text = $('#aps-tooltip-text').val();
|
64 |
+
var border_type = $('#aps-border-type').val();
|
65 |
+
var border_thickness = $('#aps-border-thickness').val();
|
66 |
+
var border_color = $('#aps-border-color').val();
|
67 |
+
var shadow = $('input[name="aps-icon-shadow"]').val();
|
68 |
+
var shadow_offset_x = $('#aps-shadow-offset-x').val();
|
69 |
+
var shadow_offset_y = $('#aps-shadow-offset-y').val();
|
70 |
+
var shadow_blur = $('#aps-shadow-blur').val();
|
71 |
+
var shadow_color = $('#aps-shadow-color').val();
|
72 |
+
var padding = $('#aps-border-spacing').val();
|
73 |
+
var append_html =
|
74 |
+
'<li class="aps-sortable-icons">' +
|
75 |
+
'<div class="aps-drag-icon"></div>' +
|
76 |
+
'<div class="aps-icon-head"><span class="aps-icon-name">' + icon_title + '</span><span class="aps-icon-list-controls"><span class="aps-arrow-down aps-arrow button button-secondary"><i class="dashicons dashicons-arrow-down"></i></span> <span class="aps-delete-icon button button-secondary" aria-label="delete icon"><i class="dashicons dashicons-trash"></i></span></span></div>' +
|
77 |
+
'<div class="aps-icon-body" style="display: none;">' +
|
78 |
+
'<div class="aps-icon-preview">' +
|
79 |
+
'<label>' + aps_script_variable.icon_preview + '</label>';
|
80 |
+
append_html += $('.aps-image-icon-preview').html();//'<img src="' + icon_image + '"/>';
|
81 |
+
append_html += '</div>' +
|
82 |
+
'<div class="aps-icon-detail-wrapper">' +
|
83 |
+
'<div class="aps-icon-each-detail">' +
|
84 |
+
'<label>' + aps_script_variable.icon_link + '</label>' +
|
85 |
+
'<div class="aps-icon-detail-text">' + icon_link + '</div>' +
|
86 |
+
'</div>' +
|
87 |
+
'<div class="aps-icon-each-detail">' +
|
88 |
+
'<label>' + aps_script_variable.icon_link_target + '</label>' +
|
89 |
+
'<div class="aps-icon-detail-text">' + icon_link_target + '</div>' +
|
90 |
+
'</div>' +
|
91 |
+
'</div>' +
|
92 |
+
'</div>' +
|
93 |
+
'<input type="hidden" name="icons[' + icon_title + '][title]" value="' + icon_title + '"/>' +
|
94 |
+
'<input type="hidden" name="icons[' + icon_title + '][image]" value="' + icon_image + '"/>' +
|
95 |
+
'<input type="hidden" name="icons[' + icon_title + '][icon_width]" value="' + icon_width + '"/>' +
|
96 |
+
'<input type="hidden" name="icons[' + icon_title + '][icon_height]" value="' + icon_height + '"/>' +
|
97 |
+
'<input type="hidden" name="icons[' + icon_title + '][link]" value="' + icon_link + '"/>' +
|
98 |
+
'<input type="hidden" name="icons[' + icon_title + '][link_target]" value="' + icon_link_target + '"/>' +
|
99 |
+
'<input type="hidden" name="icons[' + icon_title + '][tooltip_text]" value="' + icon_tooltip_text + '"/>' +
|
100 |
+
'<input type="hidden" name="icons[' + icon_title + '][border_type]" value="' + border_type + '"/>' +
|
101 |
+
'<input type="hidden" name="icons[' + icon_title + '][border_thickness]" value="' + border_thickness + '"/>' +
|
102 |
+
'<input type="hidden" name="icons[' + icon_title + '][border_color]" value="' + border_color + '"/>' +
|
103 |
+
'<input type="hidden" name="icons[' + icon_title + '][padding]" value="' + padding + '"/>' +
|
104 |
+
'<input type="hidden" name="icons[' + icon_title + '][shadow]" value="' + shadow + '"/>' +
|
105 |
+
'<input type="hidden" name="icons[' + icon_title + '][shadow_offset_x]" value="' + shadow_offset_x + '"/>' +
|
106 |
+
'<input type="hidden" name="icons[' + icon_title + '][shadow_offset_y]" value="' + shadow_offset_y + '"/>' +
|
107 |
+
'<input type="hidden" name="icons[' + icon_title + '][shadow_blur]" value="' + shadow_blur + '"/>' +
|
108 |
+
'<input type="hidden" name="icons[' + icon_title + '][shadow_color]" value="' + shadow_color + '"/>' +
|
109 |
+
'</li>';
|
110 |
+
//alert(append_html);
|
111 |
+
$('.aps-icon-list').append(append_html);
|
112 |
+
if (!$('.aps-icon-theme-expand').is(':visible'))
|
113 |
+
{
|
114 |
+
$('.aps-icon-theme-expand').show();
|
115 |
+
}
|
116 |
+
if ($('.aps-icon-list-wrapper p').is(':visible'))
|
117 |
+
{
|
118 |
+
$('.aps-icon-list-wrapper p').hide();
|
119 |
+
}
|
120 |
+
$('.aps-icon-adder input[type="text"]').each(function () {
|
121 |
+
$(this).val('');
|
122 |
+
});
|
123 |
+
|
124 |
+
$('.aps-image-icon-preview').html('Icon Preview');
|
125 |
+
reset_styles();
|
126 |
+
}
|
127 |
+
});
|
128 |
+
$('.aps-icon-adder input').keyup(function () {
|
129 |
+
$(this).closest('.aps-field-wrapper').find('.aps-error').html('');
|
130 |
+
});
|
131 |
+
|
132 |
+
$('.aps-icon-list').on('click', '.aps-icon-head', function (e) {
|
133 |
+
if ($(this).parent().find('.aps-arrow i').hasClass('dashicons-arrow-down'))
|
134 |
+
{
|
135 |
+
$(this).parent().find('i.dashicons-arrow-down').removeClass('dashicons-arrow-down').addClass('dashicons-arrow-up');
|
136 |
+
}
|
137 |
+
else
|
138 |
+
{
|
139 |
+
$(this).parent().find('i.dashicons-arrow-up').removeClass('dashicons-arrow-up').addClass('dashicons-arrow-down');
|
140 |
+
|
141 |
+
}
|
142 |
+
$(this).closest('.aps-sortable-icons').find('.aps-icon-body').slideToggle(500);
|
143 |
+
//e.stopPropagation();
|
144 |
+
});
|
145 |
+
|
146 |
+
$('.aps-icon-list').on('click', '.aps-delete-icon', function () {
|
147 |
+
if (confirm(aps_script_variable.icon_delete_confirm))
|
148 |
+
{
|
149 |
+
var icon_counter = $('#aps-icon-counter').val();
|
150 |
+
icon_counter--;
|
151 |
+
$('#aps-icon-counter').val(icon_counter);
|
152 |
+
var selector = $(this);
|
153 |
+
$(this).closest('.aps-sortable-icons').fadeOut(800, function () {
|
154 |
+
selector.closest('.aps-sortable-icons').remove();
|
155 |
+
});
|
156 |
+
return false;
|
157 |
+
}
|
158 |
+
});
|
159 |
+
|
160 |
+
//sortable initialization
|
161 |
+
$('.aps-icon-list').sortable({
|
162 |
+
containment: "parent"
|
163 |
+
});
|
164 |
+
|
165 |
+
$('#aps_icon_set_submit').click(function () {
|
166 |
+
var error_flag = 0;
|
167 |
+
if ($('input[name="set_name"]').val() == '')
|
168 |
+
{
|
169 |
+
error_flag = 1;
|
170 |
+
$('input[name="set_name"]').closest('.aps-field-wrapper').find('.aps-error').html(aps_script_variable.set_name_required_message);
|
171 |
+
}
|
172 |
+
if ($('#aps-icon-counter').val() <= 0)
|
173 |
+
{
|
174 |
+
error_flag = 1;
|
175 |
+
$(this).parent().find('.aps-main-error').html(aps_script_variable.min_icon_required_message)
|
176 |
+
}
|
177 |
+
if (error_flag == 1)
|
178 |
+
{
|
179 |
+
return false;
|
180 |
+
}
|
181 |
+
else
|
182 |
+
{
|
183 |
+
return true;
|
184 |
+
}
|
185 |
+
});
|
186 |
+
|
187 |
+
//icon select switcher
|
188 |
+
$('#aps-icon-type').change(function () {
|
189 |
+
if ($(this).val() == 'font-awesome')
|
190 |
+
{
|
191 |
+
$('.aps-font-awesome-icon').show();
|
192 |
+
$('.aps-image-icon').hide();
|
193 |
+
}
|
194 |
+
else
|
195 |
+
{
|
196 |
+
$('.aps-font-awesome-icon').hide();
|
197 |
+
$('.aps-image-icon').show();
|
198 |
+
}
|
199 |
+
});
|
200 |
+
|
201 |
+
//Pre available icon selector
|
202 |
+
$('#aps-icon-chooser').click(function () {
|
203 |
+
var inner_html = $('.aps-pre-available-icons').html();
|
204 |
+
inner_html = $.trim(inner_html);
|
205 |
+
if (inner_html == '')
|
206 |
+
{
|
207 |
+
var i;
|
208 |
+
$('#aps-ajax-loader').show();
|
209 |
+
$.ajax({
|
210 |
+
url: aps_script_variable.ajax_url,
|
211 |
+
type: 'post',
|
212 |
+
data: 'action=aps_icon_list_action&_wpnonce=' + aps_script_variable.ajax_nonce,
|
213 |
+
success: function (res)
|
214 |
+
{
|
215 |
+
var set_filter="<div class='aps-clear aps-filter-wrap'><span class='aps-filter-label'>Filter By</span>";
|
216 |
+
set_filter += '<select id="aps-set-filter" class="aps-popup-filter"><option value="all">All</option>';
|
217 |
+
for (i = 1; i <= 12; i++)
|
218 |
+
{
|
219 |
+
set_filter += '<option value="' + i + '">Set ' + i + '</option>';
|
220 |
+
}
|
221 |
+
set_filter += '</select></div>';
|
222 |
+
var html = '<div class="aps-lightbox">\
|
223 |
+
<div class="aps-lightbox-inner-wrap">\
|
224 |
+
<div class="aps-lightbox-inner-content">\
|
225 |
+
<a href="javascript:void(0)" class="aps-close-font aps-close-pre" aria-label="font close button"><span class="dashicons dashicons-no-alt"></span></a><div class="aps-icon-preview-wrap">' + set_filter + res + '</div></div></div>';
|
226 |
+
$('.aps-pre-available-icons').show().html(html);
|
227 |
+
$('#aps-ajax-loader').hide();
|
228 |
+
|
229 |
+
}
|
230 |
+
});
|
231 |
+
}
|
232 |
+
else
|
233 |
+
{
|
234 |
+
$('.aps-pre-available-icons').show();
|
235 |
+
}
|
236 |
+
|
237 |
+
});
|
238 |
+
|
239 |
+
//pre available icons wrapper close
|
240 |
+
$('.aps-pre-available-icons').on('click', '.aps-close-pre', function () {
|
241 |
+
$('.aps-pre-available-icons').fadeOut(500);
|
242 |
+
});
|
243 |
+
$('.aps-pre-available-icons').on('click', '.aps-set-image-wrapper', function () {
|
244 |
+
var src = $(this).find('img').attr('src');
|
245 |
+
$('#aps-icon-image').val(src);
|
246 |
+
$('.aps-image-icon-preview').html('<img src="' + src + '"/>');
|
247 |
+
$('.aps-pre-available-icons').fadeOut(500);
|
248 |
+
});
|
249 |
+
|
250 |
+
|
251 |
+
|
252 |
+
//font awesome icons chooser
|
253 |
+
$('#aps-font-icon-chooser').click(function () {
|
254 |
+
$('.aps-font-awesome-icons').show();
|
255 |
+
});
|
256 |
+
|
257 |
+
//fontawesome icon chooser close
|
258 |
+
$('.aps-close-font').click(function () {
|
259 |
+
$('.aps-font-awesome-icons').hide();
|
260 |
+
});
|
261 |
+
|
262 |
+
$('.aps-color-picker').wpColorPicker();
|
263 |
+
|
264 |
+
|
265 |
+
|
266 |
+
//tooltip reference fields show hide
|
267 |
+
$('input[name="tooltip"]').click(function () {
|
268 |
+
if ($(this).val() == 0)
|
269 |
+
{
|
270 |
+
$('.aps-tooltip-options').hide();
|
271 |
+
}
|
272 |
+
else
|
273 |
+
{
|
274 |
+
$('.aps-tooltip-options').show();
|
275 |
+
}
|
276 |
+
});
|
277 |
+
|
278 |
+
//tooltip refernce show hide on document.ready
|
279 |
+
if ($('input[name="tooltip"]').length > 0) {
|
280 |
+
if ($('input[name="tooltip"]:checked').val() == 0)
|
281 |
+
{
|
282 |
+
$('.aps-tooltip-reference').hide();
|
283 |
+
}
|
284 |
+
else
|
285 |
+
{
|
286 |
+
$('.aps-tooltip-reference').show();
|
287 |
+
}
|
288 |
+
}
|
289 |
+
|
290 |
+
//Number of rows show hide
|
291 |
+
$('input[name="display"]').click(function () {
|
292 |
+
if ($(this).val() == 'horizontal')
|
293 |
+
{
|
294 |
+
$('.display-horizontal-reference').show();
|
295 |
+
$('.display-vertical-reference').hide();
|
296 |
+
}
|
297 |
+
else
|
298 |
+
{
|
299 |
+
$('.display-horizontal-reference').hide();
|
300 |
+
$('.display-vertical-reference').show();
|
301 |
+
}
|
302 |
+
});
|
303 |
+
if ($('input[name="display"]').length > 0)
|
304 |
+
{
|
305 |
+
if ($('input[name="display"]:checked').val() == 'horizontal')
|
306 |
+
{
|
307 |
+
$('.display-horizontal-reference').show();
|
308 |
+
}
|
309 |
+
else
|
310 |
+
{
|
311 |
+
$('.display-horizontal-reference').hide();
|
312 |
+
}
|
313 |
+
}
|
314 |
+
$('input[name="icon_set_type"]').click(function () {
|
315 |
+
var pre_set_type = $('#aps-icon-group-type').val();
|
316 |
+
if (pre_set_type != $(this).val())
|
317 |
+
{
|
318 |
+
if ($('.aps-icon-list li').length > 0)
|
319 |
+
{
|
320 |
+
if (confirm(aps_script_variable.icon_warning))
|
321 |
+
{
|
322 |
+
$('.aps-icon-list').html('');
|
323 |
+
$('.aps-icon-note').html('');
|
324 |
+
if ($(this).val() == 1)
|
325 |
+
{
|
326 |
+
$('.aps-theme-chooser').hide();
|
327 |
+
$('.aps-icon-adder').show();
|
328 |
+
|
329 |
+
}
|
330 |
+
else
|
331 |
+
{
|
332 |
+
$('.aps-theme-chooser .aps-theme').removeAttr('checked');
|
333 |
+
$('.aps-theme-chooser').show();
|
334 |
+
$('.aps-icon-adder').hide();
|
335 |
+
}
|
336 |
+
}
|
337 |
+
else
|
338 |
+
{
|
339 |
+
return false;
|
340 |
+
}
|
341 |
+
}
|
342 |
+
else
|
343 |
+
{
|
344 |
+
if ($(this).val() == 1)
|
345 |
+
{
|
346 |
+
$('.aps-theme-chooser').hide();
|
347 |
+
$('.aps-icon-adder').show();
|
348 |
+
|
349 |
+
}
|
350 |
+
else
|
351 |
+
{
|
352 |
+
$('.aps-theme-chooser .aps-theme').removeAttr('checked');
|
353 |
+
$('.aps-theme-chooser').show();
|
354 |
+
$('.aps-icon-adder').hide();
|
355 |
+
}
|
356 |
+
}
|
357 |
+
$('#aps-icon-group-type').val($(this).val());
|
358 |
+
}
|
359 |
+
else
|
360 |
+
{
|
361 |
+
return false;
|
362 |
+
}
|
363 |
+
|
364 |
+
});
|
365 |
+
var prev_theme = '';
|
366 |
+
$('.aps-theme').click(function () {
|
367 |
+
var already_icons = $('.aps-sortable-icons').length;
|
368 |
+
var clicked_theme = $(this).val();
|
369 |
+
if (prev_theme != clicked_theme)
|
370 |
+
{
|
371 |
+
var check = 1;
|
372 |
+
if (already_icons > 0 && already_icons!=20)
|
373 |
+
{
|
374 |
+
check = 0;
|
375 |
+
if (confirm(aps_script_variable.icon_warning))
|
376 |
+
{
|
377 |
+
check = 1;
|
378 |
+
}
|
379 |
+
|
380 |
+
}
|
381 |
+
if (check == 1)
|
382 |
+
{
|
383 |
+
$('#aps-icon-theme-loader').show();
|
384 |
+
|
385 |
+
var url_only = (already_icons==20)?'yes':'no';
|
386 |
+
prev_theme = clicked_theme;
|
387 |
+
$('.aps-icon-list .aps-icon-note').remove();
|
388 |
+
var sub_folder = 'png';
|
389 |
+
var folder = $(this).val();
|
390 |
+
$('#icon_theme_type').val(sub_folder);
|
391 |
+
$('#icon_theme_id').val(folder);
|
392 |
+
$.ajax({
|
393 |
+
type: 'post',
|
394 |
+
url: aps_script_variable.ajax_url,
|
395 |
+
data: 'sub_folder=' + sub_folder + '&folder=set' + folder + '&_wpnonce=' + aps_script_variable.ajax_nonce + '&action=get_theme_icons&url_only='+url_only,
|
396 |
+
success: function (res)
|
397 |
+
{
|
398 |
+
if(url_only=='yes')
|
399 |
+
{
|
400 |
+
var image_url_array = $.parseJSON(res);
|
401 |
+
//console.log(image_url_array);
|
402 |
+
var array_index = 0;
|
403 |
+
$('.aps-icon-preview img').each(function(){
|
404 |
+
//alert(image_url_array[array_index])
|
405 |
+
$(this).attr('src',image_url_array[array_index]);
|
406 |
+
array_index++;
|
407 |
+
});
|
408 |
+
var array_index = 0;
|
409 |
+
$('.set_image_reference').each(function(){
|
410 |
+
$(this).val(image_url_array[array_index]);
|
411 |
+
array_index++;
|
412 |
+
});
|
413 |
+
}
|
414 |
+
else
|
415 |
+
{
|
416 |
+
$('.aps-icon-list').html(res);
|
417 |
+
$('.aps-icon-note').show();
|
418 |
+
var total_icons = $('.aps-icon-list li').length;
|
419 |
+
$('#aps-icon-counter').val(total_icons);
|
420 |
+
$('.aps-color-picker').wpColorPicker();
|
421 |
+
|
422 |
+
$('.aps-icon-list-wrapper p').hide();
|
423 |
+
if (!$('.aps-icon-theme-expand').is(':visible'))
|
424 |
+
{
|
425 |
+
$('.aps-icon-theme-expand').show();
|
426 |
+
}
|
427 |
+
}
|
428 |
+
$('#aps-icon-theme-loader').hide();
|
429 |
+
|
430 |
+
}
|
431 |
+
});
|
432 |
+
}
|
433 |
+
else
|
434 |
+
{
|
435 |
+
return false;
|
436 |
+
}
|
437 |
+
}
|
438 |
+
else
|
439 |
+
{
|
440 |
+
return false;
|
441 |
+
}
|
442 |
+
});
|
443 |
+
if ($('input[name="icon_set_type"]').length > 0)
|
444 |
+
{
|
445 |
+
if ($('input[name="icon_set_type"]:checked').val() == 1)
|
446 |
+
{
|
447 |
+
$('.aps-theme-chooser').hide();
|
448 |
+
$('.aps-icon-adder').show();
|
449 |
+
}
|
450 |
+
if ($('input[name="icon_set_type"]:checked').val() == 2)
|
451 |
+
{
|
452 |
+
|
453 |
+
$('.aps-theme-chooser').show();
|
454 |
+
$('.aps-icon-adder').hide();
|
455 |
+
}
|
456 |
+
|
457 |
+
}
|
458 |
+
|
459 |
+
|
460 |
+
|
461 |
+
//lists all the id that need to increment on key press up and decrement on key press down
|
462 |
+
var
|
463 |
+
incrementorIdArray = "#aps-icon-size";//font-awesome icon size
|
464 |
+
incrementorIdArray += ",#aps-border-thickness,#radius-top-left,#radius-top-right,#radius-bottom-left,#radius-bottom-right";//border-radius
|
465 |
+
incrementorIdArray += ",#aps-vertical-padding,#aps-horizontal-padding";//space inside icons
|
466 |
+
incrementorIdArray += ",#aps-shadow-offset-x,#aps-shadow-offset-y,#aps-shadow-blur";//icon shadow
|
467 |
+
incrementorIdArray += ",#aps-icon-width,#aps-icon-height,#aps-border-spacing,.aps_theme_icon_width,.aps_theme_icon_height";
|
468 |
+
|
469 |
+
//adds event to increment value by on if keup is pressed and decrement if kedown is pressed
|
470 |
+
$('body').on('keyup',incrementorIdArray,function (e) {
|
471 |
+
var keyCode = e.keyCode, temp;
|
472 |
+
if (keyCode === 38) {
|
473 |
+
temp = $(this).val().replace('px', '');
|
474 |
+
++temp;
|
475 |
+
//apsIconSize=temp+"px";
|
476 |
+
$(this).val(temp + "px");
|
477 |
+
} else if (keyCode === 40) {
|
478 |
+
temp = $(this).val().replace('px', '');
|
479 |
+
--temp;
|
480 |
+
//apsIconSize=temp+"px";
|
481 |
+
$(this).val(temp + "px");
|
482 |
+
}
|
483 |
+
});
|
484 |
+
|
485 |
+
//Border references show hide
|
486 |
+
$('#aps-border-type').change(function () {
|
487 |
+
var border_type = $(this).val();
|
488 |
+
if ($(this).val() !== 'none')
|
489 |
+
{
|
490 |
+
$('.aps-border-refernce').show();
|
491 |
+
var border_thickness = ($('#aps-border-thickness').val() === '') ? '1px' : $('#aps-border-thickness').val();
|
492 |
+
var border_color = ($('#aps-border-color').val() === '') ? '#000' : $('#aps-border-color').val();
|
493 |
+
var border_css = border_thickness + ' ' + border_type + ' ' + border_color;
|
494 |
+
$('.aps-image-icon-preview img').css({
|
495 |
+
'border': border_css
|
496 |
+
});
|
497 |
+
}
|
498 |
+
else
|
499 |
+
{
|
500 |
+
$('.aps-border-refernce').hide();
|
501 |
+
$('.aps-image-icon-preview img').css({
|
502 |
+
'border': ''
|
503 |
+
});
|
504 |
+
}
|
505 |
+
});
|
506 |
+
|
507 |
+
//shadow reference
|
508 |
+
$('input[name="aps-icon-shadow"]').click(function () {
|
509 |
+
if ($(this).val() === 'yes')
|
510 |
+
{
|
511 |
+
$('.aps-shadow-reference').show();
|
512 |
+
}
|
513 |
+
else
|
514 |
+
{
|
515 |
+
$('.aps-shadow-reference').hide();
|
516 |
+
$('#aps-shadow-offset-x,#aps-shadow-offset-y,#aps-shadow-blur,#aps-shadow-color').val('');
|
517 |
+
$('#aps-shadow-color').closest('.wp-picker-container').find('.wp-color-result').css({'background-color':''});
|
518 |
+
$('.aps-image-icon-preview img').css({
|
519 |
+
'-moz-box-shadow': '',
|
520 |
+
'-webkit-box-shadow': '',
|
521 |
+
'box-shadow': ''
|
522 |
+
});
|
523 |
+
}
|
524 |
+
});
|
525 |
+
|
526 |
+
//border color wpColorPicker initialization
|
527 |
+
$('#aps-border-color').wpColorPicker({
|
528 |
+
change: function (event, ui) {
|
529 |
+
var border_type = $('#aps-border-type').val();
|
530 |
+
var border_thickness = $('#aps-border-thickness').val();
|
531 |
+
if (border_type !== 'none')
|
532 |
+
{
|
533 |
+
var border_color = ui.color.toString();
|
534 |
+
var border_css = border_thickness + ' ' + border_type + ' ' + border_color;
|
535 |
+
$('.aps-image-icon-preview img').css({
|
536 |
+
'border': border_css
|
537 |
+
});
|
538 |
+
}
|
539 |
+
}
|
540 |
+
});
|
541 |
+
|
542 |
+
//icon width preview
|
543 |
+
$('#aps-icon-width').keyup(function () {
|
544 |
+
$('.aps-image-icon-preview img').css({
|
545 |
+
'width': $(this).val()
|
546 |
+
});
|
547 |
+
});
|
548 |
+
|
549 |
+
//border style preview
|
550 |
+
$('#aps-icon-height').keyup(function () {
|
551 |
+
$('.aps-image-icon-preview img').css({
|
552 |
+
'height': $(this).val()
|
553 |
+
});
|
554 |
+
});
|
555 |
+
|
556 |
+
$('#aps-border-thickness').keyup(function () {
|
557 |
+
var border_type = $('#aps-border-type').val();
|
558 |
+
var border_thickness = $(this).val();
|
559 |
+
if (border_type !== 'none')
|
560 |
+
{
|
561 |
+
var border_color = ($('#aps-border-color').val() === '') ? '#000' : $('#aps-border-color').val();
|
562 |
+
var border_css = border_thickness + ' ' + border_type + ' ' + border_color;
|
563 |
+
$('.aps-image-icon-preview img').css({
|
564 |
+
'border': border_css
|
565 |
+
});
|
566 |
+
|
567 |
+
}
|
568 |
+
});
|
569 |
+
|
570 |
+
$('#aps-border-spacing').keyup(function(){
|
571 |
+
var padding = $(this).val();
|
572 |
+
$('.aps-image-icon-preview img').css({
|
573 |
+
'padding': padding
|
574 |
+
});
|
575 |
+
});
|
576 |
+
|
577 |
+
//border style preview ends
|
578 |
+
|
579 |
+
//shadow style preview
|
580 |
+
$('#aps-shadow-offset-x,#aps-shadow-offset-y,#aps-shadow-blur').keyup(function () {
|
581 |
+
var offset_x = ($('#aps-shadow-offset-x').val() === '') ? '0' : $('#aps-shadow-offset-x').val();
|
582 |
+
var offset_y = ($('#aps-shadow-offset-y').val() === '') ? '0' : $('#aps-shadow-offset-y').val();
|
583 |
+
var blur = ($('#aps-shadow-blur').val() === '') ? '1px' : $('#aps-shadow-blur').val();
|
584 |
+
var color = $('#aps-shadow-color').val();
|
585 |
+
$('.aps-image-icon-preview img').css({
|
586 |
+
'-moz-box-shadow': offset_x + ' ' + offset_y + ' ' + blur + ' ' + '0' + ' ' + color,
|
587 |
+
'-webkit-box-shadow': offset_x + ' ' + offset_y + ' ' + blur + ' ' + '0' + ' ' + color,
|
588 |
+
'box-shadow': offset_x + ' ' + offset_y + ' ' + blur + ' ' + '0' + ' ' + color
|
589 |
+
});
|
590 |
+
|
591 |
+
});
|
592 |
+
|
593 |
+
$('#aps-shadow-color').wpColorPicker({
|
594 |
+
change: function (event, ui) {
|
595 |
+
var offset_x = ($('#aps-shadow-offset-x').val() === '') ? '0' : $('#aps-shadow-offset-x').val();
|
596 |
+
var offset_y = ($('#aps-shadow-offset-y').val() === '') ? '0' : $('#aps-shadow-offset-y').val();
|
597 |
+
var blur = ($('#aps-shadow-blur').val() === '') ? '1px' : $('#aps-shadow-blur').val();
|
598 |
+
var color = ui.color.toString();
|
599 |
+
$('.aps-image-icon-preview img').css({
|
600 |
+
'-moz-box-shadow': offset_x + ' ' + offset_y + ' ' + blur + ' ' + '0' + ' ' + color,
|
601 |
+
'-webkit-box-shadow': offset_x + ' ' + offset_y + ' ' + blur + ' ' + '0' + ' ' + color,
|
602 |
+
'box-shadow': offset_x + ' ' + offset_y + ' ' + blur + ' ' + '0' + ' ' + color
|
603 |
+
});
|
604 |
+
|
605 |
+
}
|
606 |
+
});
|
607 |
+
//shadow style preview ends
|
608 |
+
|
609 |
+
//Theme Icon Height Width Preview
|
610 |
+
$('.aps-icon-list ').on('keyup', '.aps_theme_icon_width', function () {
|
611 |
+
$(this).closest('.aps-row').find('.aps-icon-preview img').css('width', $(this).val());
|
612 |
+
});
|
613 |
+
|
614 |
+
$('.aps-icon-list ').on('keyup', '.aps_theme_icon_height', function () {
|
615 |
+
$(this).closest('.aps-row').find('.aps-icon-preview img').css('height', $(this).val());
|
616 |
+
});
|
617 |
+
|
618 |
+
|
619 |
+
|
620 |
+
//add animation on icon hover inside preview box
|
621 |
+
$('.aps-preview-holder').on('hover', '.aps-image-icon-preview,.aps-font-icon-preview', function (e) {
|
622 |
+
var animationType = $('#aps-icon-animation').val();
|
623 |
+
if (animationType !== "") {
|
624 |
+
if (!$(this).find('img,.fa').hasClass('animated')) {
|
625 |
+
$(this).find('img,.fa').addClass('animated');
|
626 |
+
}
|
627 |
+
$(this).find('img,.fa').toggleClass(animationType);
|
628 |
+
}
|
629 |
+
e.stopPropagation();
|
630 |
+
e.preventDefault();
|
631 |
+
});
|
632 |
+
|
633 |
+
//social sidebar display type toggle
|
634 |
+
$('select[name="set_display_type"]').change(function () {
|
635 |
+
var display_type = $(this).val();
|
636 |
+
if (display_type == 'button_display')
|
637 |
+
{
|
638 |
+
$('.aps-set-display-reference').show();
|
639 |
+
}
|
640 |
+
else
|
641 |
+
{
|
642 |
+
$('.aps-set-display-reference').hide();
|
643 |
+
}
|
644 |
+
});
|
645 |
+
|
646 |
+
//pre available icons setwise filter
|
647 |
+
$('.aps-pre-available-icons').on('change', '#aps-set-filter', function () {
|
648 |
+
var set_id = $(this).val();
|
649 |
+
if (set_id != 'all')
|
650 |
+
{
|
651 |
+
$('.aps-set-wrapper').hide();
|
652 |
+
$('#aps-set-' + set_id).show();
|
653 |
+
}
|
654 |
+
else
|
655 |
+
{
|
656 |
+
$('.aps-set-wrapper').show();
|
657 |
+
}
|
658 |
+
|
659 |
+
});
|
660 |
+
|
661 |
+
//Theme icons expand collapse trigger
|
662 |
+
$('.aps-icon-theme-expand').click(function () {
|
663 |
+
if ($(this).html() === aps_script_variable.icon_expand)
|
664 |
+
{
|
665 |
+
$('.aps-icon-body').slideDown(500)
|
666 |
+
$(this).html(aps_script_variable.icon_collapse)
|
667 |
+
$('i.dashicons-arrow-down').removeClass('dashicons-arrow-down').addClass('dashicons-arrow-up');
|
668 |
+
}
|
669 |
+
else
|
670 |
+
{
|
671 |
+
$('.aps-icon-body').slideUp(500)
|
672 |
+
$('i.dashicons-arrow-up').removeClass('dashicons-arrow-up').addClass('dashicons-arrow-down');
|
673 |
+
$(this).html(aps_script_variable.icon_expand);
|
674 |
+
}
|
675 |
+
});
|
676 |
+
|
677 |
+
function reset_styles()
|
678 |
+
{
|
679 |
+
$('#aps-border-type option[value="none"]').attr('selected','selected');
|
680 |
+
$('.aps-icon-adder .wp-color-result').css({'background-color':''});
|
681 |
+
}
|
682 |
+
});//document.ready close
|
683 |
+
}(jQuery));
|
js/frontend.js
ADDED
@@ -0,0 +1,42 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
(function ($) {
|
2 |
+
$(function () {
|
3 |
+
$('.aps-each-icon').hover(function(){
|
4 |
+
var animation_class = $(this).find('.animated').attr('data-animation-class');
|
5 |
+
if(animation_class!=='none')
|
6 |
+
{
|
7 |
+
$(this).find('.animated').addClass(animation_class);
|
8 |
+
}
|
9 |
+
},function(){
|
10 |
+
var animation_class = $(this).find('.animated').attr('data-animation-class');
|
11 |
+
if(animation_class!=='none')
|
12 |
+
{
|
13 |
+
$(this).find('.animated').removeClass(animation_class);
|
14 |
+
}
|
15 |
+
});
|
16 |
+
$('.aps-social-icon-wrapper .aps-each-icon[data-aps-tooltip-enabled="1"]').each(function(i,el){
|
17 |
+
var $this=$(el);
|
18 |
+
var toolTipText=$this.attr("data-aps-tooltip");
|
19 |
+
var toolTipBg=$this.attr("data-aps-tooltip-bg");
|
20 |
+
var toolTipTextColor=$this.attr("data-aps-tooltip-color");
|
21 |
+
var $toolTipHolder=$this.find('.aps-icon-tooltip');
|
22 |
+
$toolTipHolder.text(toolTipText).css({'background-color':toolTipBg,'color':toolTipTextColor,'margin-top':'-'+($toolTipHolder.outerHeight()/2)+'px','margin-left':'-'+($toolTipHolder.outerWidth()/2)+'px'});
|
23 |
+
$this.hover(function(){
|
24 |
+
$toolTipHolder.stop().fadeIn();
|
25 |
+
},function(){
|
26 |
+
$toolTipHolder.stop().fadeOut();
|
27 |
+
})
|
28 |
+
});
|
29 |
+
$('.aps-social-icon-wrapper .aps-group-vertical').each(function(){
|
30 |
+
var widthArray=new Array();
|
31 |
+
$(this).find('img').each(function(i,el){
|
32 |
+
var margin=$(el).parents('.aps-each-icon').css('marginLeft').replace('px','');
|
33 |
+
var itemWidth = parseInt(($(el).width())+(2*margin));
|
34 |
+
widthArray.push(itemWidth);
|
35 |
+
});
|
36 |
+
widthArray.max=function(){
|
37 |
+
return Math.max.apply(Math,this);
|
38 |
+
}
|
39 |
+
$(this).width(widthArray.max());
|
40 |
+
});
|
41 |
+
});
|
42 |
+
}(jQuery));
|
readme.txt
ADDED
@@ -0,0 +1,115 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
+
=== AccessPress Social Icons ===
|
2 |
+
Contributors: Access Keys
|
3 |
+
Tags: social icon, social icons, social media, social icon widget, social icons widget, social media icons, social media plugin, social networking, social profiles, wordpress social icons, wp social icons
|
4 |
+
Donate link: http://accesspressthemes.com/donation/
|
5 |
+
Requires at least: 3.8
|
6 |
+
Tested up to: 4.0
|
7 |
+
Stable tag: 1.0.0
|
8 |
+
License: GPLv2 or later
|
9 |
+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
10 |
+
|
11 |
+
A plugin that provides the ability to add unlimited number of social icons sets anywhere in your site with various backend options.
|
12 |
+
|
13 |
+
== Description ==
|
14 |
+
Link-up your social profiles right from your website, in an easy and fun way!
|
15 |
+
|
16 |
+
<strong>AccessPress Social Icons</strong> - allows you to create various social icons and link your social profiles from your website. Its fun because - you can create, customize and build the beautiful icons for your social media profiles on your own.
|
17 |
+
|
18 |
+
You can select icons from our 12 different beautifully designed sets, or upload our own icons set, customize them, define sizes, add several effects, add tooltip, set margins etc. Also you can define to appear the icons horizontally/vertically and no. of rows/columns!
|
19 |
+
|
20 |
+
Once the icon set is defined/customized - you can place it anywhere you want using short codes. Put it in the header, footer, in a widget, along with the page content - almost anywhere.
|
21 |
+
|
22 |
+
You can have more than one icon sets created and used on the site. A large icon sets on the header and a tiny one on the footer - for example.
|
23 |
+
|
24 |
+
For more features like SVG icon sets, font awesome icon sets, amazing customization options, feature rich sidebar options - upgrade to PRO version. Display your Social icons in header or footer area and display it horizontally or vertically. Customize your social icons easily with <strong>AccessPress Social Icons</strong>.You can use pre available icons themes or upload your own social icon and set your social URL.
|
25 |
+
|
26 |
+
|
27 |
+
|
28 |
+
<strong>Features:</strong>
|
29 |
+
|
30 |
+
* Beautifully designed 12 icon sets
|
31 |
+
* Select from pre available icon sets or upload your own
|
32 |
+
* Strong customization options
|
33 |
+
- Define size, set height, width of the icons
|
34 |
+
- Set margin / spacing between icons
|
35 |
+
- Link up your social media profiles, set link targets
|
36 |
+
- Enable and disable the tooltips
|
37 |
+
- Choose display type (vertical or horizontal), define no. of rows/columns
|
38 |
+
* Create multiple-instance of the icon sets and use them in multiple places
|
39 |
+
* Easy integration
|
40 |
+
- Get short code for each instance you design
|
41 |
+
- Use the short code anywhere you like: header, footer, in a widget, in the content area
|
42 |
+
* Get some styles!
|
43 |
+
- Define styles like shadow, borders for icons
|
44 |
+
- Define tooltips and style it with your own color, BG color.
|
45 |
+
* Tool tips
|
46 |
+
- Add some feel on your icons - add and customize the tooltip
|
47 |
+
- Enable or disable tooltips
|
48 |
+
* Make it interactive, define hover animation on icons.
|
49 |
+
* Make your own layout
|
50 |
+
- Vertical and horizontal display option
|
51 |
+
- Select rows and columns
|
52 |
+
* Real time live preview - check how it looks on your website before using it.
|
53 |
+
* Order the icons - they way you like by using easy drag and drop feature.
|
54 |
+
* Fully Responsive - compatible with mobile devices
|
55 |
+
* User friendly and very interactive user interface
|
56 |
+
- Anyone can use it, its as easy as drag and drop.
|
57 |
+
* SEO friendly
|
58 |
+
- Use your own image alt/title tags for hover-over text
|
59 |
+
- Google will love it!
|
60 |
+
* Upgrades available
|
61 |
+
- For more features like SVG icon sets, Font Awesome icon sets, Amazing sidebar options - upgrade to Pro.
|
62 |
+
* Support
|
63 |
+
- Dedicated email, forum support
|
64 |
+
* Free updates
|
65 |
+
- Get free updates for lifetime.
|
66 |
+
|
67 |
+
|
68 |
+
|
69 |
+
= Some Useful Links =
|
70 |
+
* <strong>Support Email</strong>: support@accesspressthemes.com
|
71 |
+
* <strong>Support Forum Link</strong>: http://accesspressthemes.com/support/
|
72 |
+
* <strong>Website Link</strong>: http://accesspressthemes.com/
|
73 |
+
* <strong>Youtube channel link</strong>: https://www.youtube.com/watch?v=TjZNcVG3fDE
|
74 |
+
* <strong>Facebook link</strong>: https://www.facebook.com/AccessPressThemes
|
75 |
+
|
76 |
+
|
77 |
+
|
78 |
+
For a easy installation guide checkout the Installation tab above.
|
79 |
+
|
80 |
+
For complete information and documentation regarding plugin,please visit below links.
|
81 |
+
|
82 |
+
[Plugin information](https://accesspressthemes.com/wordpress-plugins/accesspress-social-icons/)
|
83 |
+
|
84 |
+
[Docs](https://accesspressthemes.com/documentation/documentationplugin-instruction-accesspress-social-icons/ )
|
85 |
+
|
86 |
+
== Installation ==
|
87 |
+
1. Unzip accesspress-social-icons.zip
|
88 |
+
1. Upload all the files to the /wp-content/plugins/accesspress-social-icons
|
89 |
+
1. Activate the plugin through the 'Plugins' menu in WordPress.
|
90 |
+
1. For customizing the plugin's settings, click on AccessPress Social Icons option menu in Wordpress left admin menu.
|
91 |
+
1. To display the social icons in the frontend,please use [aps-social id="icon_id"] shortcode wherever necessary or use AccessPress Social Widget from widget section.
|
92 |
+
|
93 |
+
== Frequently Asked Questions ==
|
94 |
+
= What does this plugin do? =
|
95 |
+
This plugin provides the ability to add your social profile icons in frontend with the help of shortcode or widget dynamically wherever necessary.
|
96 |
+
|
97 |
+
= Can I upload my own icons too? =
|
98 |
+
Yes you can build your own sets or choose from pre available sets as per your requirement.
|
99 |
+
|
100 |
+
= Where can I find the documentation for the plugin? =
|
101 |
+
Once you install the plugin , you can check some general documentation about how to use the plugin in the "How to use" page of the plugin.Complete documentation can be found [here](https://accesspressthemes.com/documentation/documentationplugin-instruction-accesspress-social-icons/).
|
102 |
+
|
103 |
+
== Screenshots ==
|
104 |
+
1. Backend Lcon Sets Listing
|
105 |
+
2. Backend Icons Sets Add Section(Using Pre Available Themes)
|
106 |
+
3. Backend Icons Sets Add Section(Using Individual Icons Adder)
|
107 |
+
4. Frontend Icons Sets Display
|
108 |
+
|
109 |
+
== Changelog ==
|
110 |
+
|
111 |
+
= 1.0.0 =
|
112 |
+
* Plugin submitted to http://wordpress.org for review and approval
|
113 |
+
|
114 |
+
== Upgrade Notice ==
|
115 |
+
There is an update available for the AccessPress Social Icons .Please update to recieve new updates and bug fixes.
|