Version Description
- Initial version.
=
Download this release
Release Info
| Developer | wpdevart |
| Plugin |  Countdown Timer – Widget Countdown |
| Version | 1.0.0 |
| Comparing to | |
| See all releases | |
Version 1.0.0
- images/featured_plugins/coming_soon.jpg +0 -0
- images/featured_plugins/countdown.jpg +0 -0
- images/featured_plugins/facebook.jpg +0 -0
- images/featured_plugins/lightbox.png +0 -0
- images/featured_plugins/poll.png +0 -0
- images/featured_plugins/twitter.png +0 -0
- images/featured_plugins/youtube.png +0 -0
- images/loading.gif +0 -0
- images/post_button.jpg +0 -0
- images/post_example.jpg +0 -0
- images/remove_element.png +0 -0
- images/success.png +0 -0
- images/timer.png +0 -0
- images/widget_example.jpg +0 -0
- includes/admin_menu.php +526 -0
- includes/front_end.php +136 -0
- includes/javascript/background.js +1 -0
- includes/javascript/front_end_js.js +52 -0
- includes/library.php +154 -0
- includes/style/effects.css +2078 -0
- includes/style/jquery-ui-style.css +1217 -0
- includes/style/style.css +324 -0
- includes/widget.php +315 -0
- readme.txt +143 -0
- wpdevart-countdown.php +76 -0
images/featured_plugins/coming_soon.jpg
ADDED
|
Binary file
|
images/featured_plugins/countdown.jpg
ADDED
|
Binary file
|
images/featured_plugins/facebook.jpg
ADDED
|
Binary file
|
images/featured_plugins/lightbox.png
ADDED
|
Binary file
|
images/featured_plugins/poll.png
ADDED
|
Binary file
|
images/featured_plugins/twitter.png
ADDED
|
Binary file
|
images/featured_plugins/youtube.png
ADDED
|
Binary file
|
images/loading.gif
ADDED
|
Binary file
|
images/post_button.jpg
ADDED
|
Binary file
|
images/post_example.jpg
ADDED
|
Binary file
|
images/remove_element.png
ADDED
|
Binary file
|
images/success.png
ADDED
|
Binary file
|
images/timer.png
ADDED
|
Binary file
|
images/widget_example.jpg
ADDED
|
Binary file
|
includes/admin_menu.php
ADDED
|
@@ -0,0 +1,526 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?php
|
| 2 |
+
class wpdevart_countdown_admin_menu{
|
| 3 |
+
|
| 4 |
+
private $menu_name;
|
| 5 |
+
private $databese_parametrs;
|
| 6 |
+
private $plugin_url;
|
| 7 |
+
private $text_parametrs;
|
| 8 |
+
|
| 9 |
+
function __construct($param){
|
| 10 |
+
|
| 11 |
+
$this->menu_name=$param['menu_name'];
|
| 12 |
+
$this->databese_parametrs=$param['databese_parametrs'];
|
| 13 |
+
if(isset($params['plugin_url']))
|
| 14 |
+
$this->plugin_url=$params['plugin_url'];
|
| 15 |
+
else
|
| 16 |
+
$this->plugin_url=trailingslashit(dirname(plugins_url('',__FILE__)));
|
| 17 |
+
|
| 18 |
+
|
| 19 |
+
// post page insert button
|
| 20 |
+
add_action('media_buttons_context', array($this,'wpdevart_countdown_button'));
|
| 21 |
+
add_action( 'wp_ajax_wpdevart_countdown_window_manager', array($this,'wpdevart_countdown_window_insert_content') );
|
| 22 |
+
|
| 23 |
+
add_action( 'wp_ajax_wpdevart_countdown_page_save', array($this,'save_in_databese') );
|
| 24 |
+
add_action( 'wp_ajax_wpdevart_countdown_send_mail', array($this,'sending_mail') );
|
| 25 |
+
}
|
| 26 |
+
/*############################### post page insert button ########################################*/
|
| 27 |
+
public function wpdevart_countdown_button($context) {
|
| 28 |
+
|
| 29 |
+
$img = $this->plugin_url. 'images/post_button.jpg';
|
| 30 |
+
|
| 31 |
+
$title = 'Add Countdown';
|
| 32 |
+
$context .= '<a class="button thickbox" title="Create countdown and insert in posts/pages" href="'.admin_url("admin-ajax.php").'?action=wpdevart_countdown_window_manager&height=750&width=640">
|
| 33 |
+
<span class="wp-media-buttons-icon" style="background: url('.$img.'); background-repeat: no-repeat; background-position: left bottom;"></span>
|
| 34 |
+
Add Countdown
|
| 35 |
+
</a>';
|
| 36 |
+
return $context;
|
| 37 |
+
}
|
| 38 |
+
public function wpdevart_countdown_window_insert_content(){
|
| 39 |
+
//wp_enqueue_script('jquery-ui-slider');
|
| 40 |
+
?>
|
| 41 |
+
<style>
|
| 42 |
+
#miain_wpdevart_countdown_window_manager > tbody > tr:nth-child(odd) {
|
| 43 |
+
background-color: rgba(176, 176, 176, 0.07);
|
| 44 |
+
}
|
| 45 |
+
#miain_wpdevart_countdown_window_manager>tfoot>tr>td{
|
| 46 |
+
border-top:1px solid #ccc;
|
| 47 |
+
}
|
| 48 |
+
#TB_window{
|
| 49 |
+
overflow-y: auto;
|
| 50 |
+
}
|
| 51 |
+
#TB_ajaxContent{
|
| 52 |
+
width:95% !important;
|
| 53 |
+
}
|
| 54 |
+
.wp-picker-holder{
|
| 55 |
+
position: absolute;
|
| 56 |
+
z-index: 100000;
|
| 57 |
+
}
|
| 58 |
+
.desription_class{
|
| 59 |
+
float: right;
|
| 60 |
+
cursor: default;
|
| 61 |
+
color: #0074a2;
|
| 62 |
+
font-size: 18px;
|
| 63 |
+
font-weight: bold;
|
| 64 |
+
border: 1px solid #000000;
|
| 65 |
+
border-radius: 200px;
|
| 66 |
+
height: 20px;
|
| 67 |
+
padding-left: 6px;
|
| 68 |
+
padding-right: 6px;
|
| 69 |
+
margin-left: 15px;
|
| 70 |
+
}
|
| 71 |
+
.pro_feature {
|
| 72 |
+
font-size: 13px;
|
| 73 |
+
font-weight: bold;
|
| 74 |
+
color: rgba(10, 154, 62, 1);
|
| 75 |
+
}
|
| 76 |
+
</style>
|
| 77 |
+
<table id="miain_wpdevart_countdown_window_manager" class="wp-list-table widefat fixed posts section_parametrs_table">
|
| 78 |
+
<tbody>
|
| 79 |
+
<tr>
|
| 80 |
+
<td>
|
| 81 |
+
Day field text <span title="Type here Day field text." class="desription_class">?</span>
|
| 82 |
+
</td>
|
| 83 |
+
<td>
|
| 84 |
+
<input type="text" name="countdown_days_text" id="countdown_days_text" value="Days">
|
| 85 |
+
</td>
|
| 86 |
+
</tr>
|
| 87 |
+
<tr>
|
| 88 |
+
<td>
|
| 89 |
+
Hour field text <span title="Type here Hour field text." class="desription_class">?</span>
|
| 90 |
+
</td>
|
| 91 |
+
<td>
|
| 92 |
+
<input type="text" name="countdown_hourse_text" id="countdown_hourse_text" value="Hours">
|
| 93 |
+
</td>
|
| 94 |
+
</tr>
|
| 95 |
+
<tr>
|
| 96 |
+
<td>
|
| 97 |
+
Minute field text <span title="Type here Minute field text." class="desription_class">?</span>
|
| 98 |
+
</td>
|
| 99 |
+
<td>
|
| 100 |
+
<input type="text" name="countdown_minuts_text" id="countdown_minuts_text" value="Minutes">
|
| 101 |
+
</td>
|
| 102 |
+
</tr>
|
| 103 |
+
<tr>
|
| 104 |
+
<td>
|
| 105 |
+
Second field text <span title="Type here Second field text." class="desription_class">?</span>
|
| 106 |
+
</td>
|
| 107 |
+
<td>
|
| 108 |
+
<input type="text" name="countdown_seconds_text" id="countdown_seconds_text" value="Seconds">
|
| 109 |
+
</td>
|
| 110 |
+
</tr>
|
| 111 |
+
<tr>
|
| 112 |
+
<td>
|
| 113 |
+
Countdown expire time <span title="Type the Countdown expire time." class="desription_class">?</span>
|
| 114 |
+
</td>
|
| 115 |
+
<td style="vertical-align: top !important;">
|
| 116 |
+
<span style="display:inline-block; margin-right:3px; width:55px;">
|
| 117 |
+
<input type="text" placeholder="Day" id="countdownday" size="3" value="0"/>
|
| 118 |
+
<small style="display:block">Day</small>
|
| 119 |
+
</span>
|
| 120 |
+
<span style="display:inline-block; width:55px;">
|
| 121 |
+
<input type="text" placeholder="Hour" id="countdownhour" size="3" value="1"/>
|
| 122 |
+
<small>Hour</small>
|
| 123 |
+
</span>
|
| 124 |
+
<span style="display:inline-block; width:55px;">
|
| 125 |
+
<input type="text" placeholder="Minut" id="countdownminute" size="3" value="1"/>
|
| 126 |
+
<small>minute</small>
|
| 127 |
+
</span>
|
| 128 |
+
<input type="hidden" value='<?php echo mktime (date("H"), date("i"), date("s"),date("n"), date("j"),date("Y")); ?>' id="countdown_start_date" name="countdown_start_date" />
|
| 129 |
+
</td>
|
| 130 |
+
</tr>
|
| 131 |
+
<tr>
|
| 132 |
+
<td>
|
| 133 |
+
<span style="color:red">After Countdown expired</span> <span title="Select the action after Countdown time expired." class="desription_class">?</span>
|
| 134 |
+
</td>
|
| 135 |
+
<td>
|
| 136 |
+
<select id="countdownstart_on" >
|
| 137 |
+
<option selected="selected" value="hide">Hide countdown</option>
|
| 138 |
+
<option value="show_text">Show text</option>
|
| 139 |
+
</select>
|
| 140 |
+
</td>
|
| 141 |
+
</tr>
|
| 142 |
+
</tr>
|
| 143 |
+
<tr>
|
| 144 |
+
<td>
|
| 145 |
+
Message after countdown expired<span title="Type the message after countdown expired. " class="desription_class">?</span>
|
| 146 |
+
</td>
|
| 147 |
+
<td>
|
| 148 |
+
<textarea type="text" name="expeiret_text" id="expeiret_text"></textarea>
|
| 149 |
+
</td>
|
| 150 |
+
</tr>
|
| 151 |
+
<tr>
|
| 152 |
+
<td>
|
| 153 |
+
Countdown timer position <span title="Select the Countdown position." class="desription_class">?</span>
|
| 154 |
+
</td>
|
| 155 |
+
<td>
|
| 156 |
+
<select id="countdown_in_content_position">
|
| 157 |
+
<option value="left">Left</option>
|
| 158 |
+
<option selected="selected" value="center">Center</option>
|
| 159 |
+
<option value="right">Right</option>
|
| 160 |
+
</select>
|
| 161 |
+
</td>
|
| 162 |
+
</tr>
|
| 163 |
+
<tr>
|
| 164 |
+
<td>
|
| 165 |
+
Distance from top <span title="Type the Countdown distance from top." class="desription_class">?</span>
|
| 166 |
+
</td>
|
| 167 |
+
<td>
|
| 168 |
+
<input type="text" name="countdown_top_distance" id="countdown_top_distance" value="10">(Px)
|
| 169 |
+
</td>
|
| 170 |
+
</tr>
|
| 171 |
+
<tr>
|
| 172 |
+
<td>
|
| 173 |
+
Distance from bottom <span title="Type the Countdown distance from bottom." class="desription_class">?</span>
|
| 174 |
+
</td>
|
| 175 |
+
<td>
|
| 176 |
+
<input type="text" name="countdown_bottom_distance" id="countdown_bottom_distance" value="10">(Px)
|
| 177 |
+
</td>
|
| 178 |
+
</tr>
|
| 179 |
+
<tr>
|
| 180 |
+
<td>
|
| 181 |
+
Countdown timer Buttons type<span class="pro_feature"> (pro)</span> <span title="Select the Countdown buttons type." class="desription_class">?</span>
|
| 182 |
+
</td>
|
| 183 |
+
<td>
|
| 184 |
+
<select onChange="alert(countdown_pro_text)" id="countdown_type" class="coming_set_hiddens">
|
| 185 |
+
<option selected="selected" value="button">button</option>
|
| 186 |
+
<option value="circle">Circle</option>
|
| 187 |
+
<option value="vertical_slide">Vertical Slider</option>
|
| 188 |
+
</select>
|
| 189 |
+
</td>
|
| 190 |
+
</tr>
|
| 191 |
+
|
| 192 |
+
<tr class="tr_button tr_circle tr_vertical_slide">
|
| 193 |
+
<td>
|
| 194 |
+
Countdown timer text color<span class="pro_feature"> (pro)</span> <span title="Choose the Countdown text color." class="desription_class">?</span>
|
| 195 |
+
</td>
|
| 196 |
+
<td>
|
| 197 |
+
<div onClick="alert(countdown_pro_text)">
|
| 198 |
+
<div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(0, 0, 0);"></a></div>
|
| 199 |
+
</div>
|
| 200 |
+
</td>
|
| 201 |
+
</tr>
|
| 202 |
+
<tr class="tr_button tr_circle tr_vertical_slide">
|
| 203 |
+
<td>
|
| 204 |
+
Countdown timer background color<span class="pro_feature"> (pro)</span> <span title=" Choose the Countdown background color." class="desription_class">?</span>
|
| 205 |
+
</td>
|
| 206 |
+
<td>
|
| 207 |
+
<div onClick="alert(countdown_pro_text)">
|
| 208 |
+
<div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(62, 89, 165);"></a></div>
|
| 209 |
+
</div>
|
| 210 |
+
</td>
|
| 211 |
+
</tr>
|
| 212 |
+
<tr class="tr_circle">
|
| 213 |
+
<td>
|
| 214 |
+
Countdown timer Size<span class="pro_feature"> (pro)</span> <span title="Type the Countdown size." class="desription_class">?</span>
|
| 215 |
+
</td>
|
| 216 |
+
<td>
|
| 217 |
+
<input onClick="alert(countdown_pro_text)" type="text" name="countdown_circle_size" id="countdown_circle_size" value="130">(Px)
|
| 218 |
+
</td>
|
| 219 |
+
</tr>
|
| 220 |
+
|
| 221 |
+
<tr class="tr_circle">
|
| 222 |
+
<td>
|
| 223 |
+
Countdown timer border width<span class="pro_feature"> (pro)</span> <span title="Type the Countdown border width." class="desription_class">?</span>
|
| 224 |
+
</td>
|
| 225 |
+
<td>
|
| 226 |
+
<input onClick="alert(countdown_pro_text)" type="text" size="3" name="countdown_circle_border" value="5" id="countdown_circle_border" style="font-weight:bold; width:35px" >(0-100)%
|
| 227 |
+
|
| 228 |
+
</td>
|
| 229 |
+
</tr>
|
| 230 |
+
<tr class="tr_button">
|
| 231 |
+
<td>
|
| 232 |
+
Countdown timer border radius<span class="pro_feature"> (pro)</span> <span title="Type the Countdown border radius." class="desription_class">?</span>
|
| 233 |
+
</td>
|
| 234 |
+
<td>
|
| 235 |
+
<input onClick="alert(countdown_pro_text)" type="text" name="countdown_border_radius" id="countdown_border_radius" value="8">(Px)
|
| 236 |
+
</td>
|
| 237 |
+
</tr>
|
| 238 |
+
<tr class="tr_button tr_vertical_slide">
|
| 239 |
+
<td>
|
| 240 |
+
Countdown timer font-size<span class="pro_feature"> (pro)</span> <span title="Type the Countdown font-size." class="desription_class">?</span>
|
| 241 |
+
</td>
|
| 242 |
+
<td>
|
| 243 |
+
<input onClick="alert(countdown_pro_text)" type="text" name="countdown_font_size" id="countdown_font_size" value="30">(Px)
|
| 244 |
+
</td>
|
| 245 |
+
</tr>
|
| 246 |
+
|
| 247 |
+
<tr class="tr_button tr_circle tr_vertical_slide">
|
| 248 |
+
<td>
|
| 249 |
+
Countdown timer Font family<span class="pro_feature"> (pro)</span> <span title="Choose the Countdown Font family." class="desription_class">?</span>
|
| 250 |
+
</td>
|
| 251 |
+
<td>
|
| 252 |
+
<?php wpdevart_countdown_setting::generete_fonts('countdown_font_famaly',"monospace") ?>
|
| 253 |
+
</td>
|
| 254 |
+
</tr>
|
| 255 |
+
<tr>
|
| 256 |
+
<td>
|
| 257 |
+
Countdown animation type<span class="pro_feature"> (pro)</span> <span title="Choose the Countdown animation type." class="desription_class">?</span>
|
| 258 |
+
</td>
|
| 259 |
+
<td>
|
| 260 |
+
<?php wpdevart_countdown_setting::generete_animation_select('countdown_animation_type','none'); ?>
|
| 261 |
+
</td>
|
| 262 |
+
</tr>
|
| 263 |
+
</tbody>
|
| 264 |
+
<tfoot>
|
| 265 |
+
<tr>
|
| 266 |
+
<td colspan="2">
|
| 267 |
+
<div style="display:inline-block; float:left;" class="mceActionPanel"><input type="button" id="cancel" name="cancel" value="Insert Countdown" class="button button-primary" onClick="insert_countdown();"/></div>
|
| 268 |
+
<span style="float:right"><a href="http://wpdevart.com/wordpress-countdown-plugin/" target="_blank" style="color: rgba(10, 154, 62, 1);; font-weight: bold; font-size: 18px; text-decoration: none;">Upgrade to Pro Version</a><br></span>
|
| 269 |
+
</td>
|
| 270 |
+
</tr>
|
| 271 |
+
</tfoot>
|
| 272 |
+
</table>
|
| 273 |
+
|
| 274 |
+
|
| 275 |
+
|
| 276 |
+
<script type="text/javascript">
|
| 277 |
+
|
| 278 |
+
var countdown_pro_text="If you want to use this feature upgrade to Countdown Pro"
|
| 279 |
+
jQuery('#TB_window').css('max-height',(jQuery('#miain_wpdevart_countdown_window_manager').height()+66)+'px');
|
| 280 |
+
jQuery('#TB_ajaxContent').css('max-height',(jQuery('#miain_wpdevart_countdown_window_manager').height()+16)+'px');
|
| 281 |
+
jQuery('#miain_wpdevart_countdown_window_manager').ready(function(e) {
|
| 282 |
+
jQuery(".color_option").wpColorPicker();
|
| 283 |
+
});
|
| 284 |
+
jQuery('.coming_set_hiddens').change(function(){
|
| 285 |
+
jQuery(this).find('option').each(function(index, element) {
|
| 286 |
+
jQuery('.tr_'+jQuery(this).val()).hide();
|
| 287 |
+
});
|
| 288 |
+
jQuery('.tr_'+jQuery(this).val()).show();
|
| 289 |
+
})
|
| 290 |
+
jQuery('.coming_set_hiddens option').each(function(index, element) {
|
| 291 |
+
jQuery('.tr_'+jQuery(this).val()).hide();
|
| 292 |
+
});
|
| 293 |
+
jQuery('.coming_set_hiddens').each(function(index, element) {
|
| 294 |
+
jQuery('.tr_'+jQuery(this).val()).show();
|
| 295 |
+
});
|
| 296 |
+
|
| 297 |
+
|
| 298 |
+
jQuery( '.slider_div' ).slider({
|
| 299 |
+
orientation: "horizontal",
|
| 300 |
+
range: "min",
|
| 301 |
+
value: 5,
|
| 302 |
+
min: 0,
|
| 303 |
+
max: 100,
|
| 304 |
+
slide: function( event, ui ) {
|
| 305 |
+
jQuery( loc_this ).val( ui.value );
|
| 306 |
+
}
|
| 307 |
+
});
|
| 308 |
+
function insert_countdown() {
|
| 309 |
+
|
| 310 |
+
var tagtext;
|
| 311 |
+
var variables='';
|
| 312 |
+
|
| 313 |
+
if(jQuery('#countdown_days_text').length)
|
| 314 |
+
variables=variables+'text_for_day="'+jQuery('#countdown_days_text').val()+'" ';
|
| 315 |
+
|
| 316 |
+
if(jQuery('#countdown_hourse_text').length)
|
| 317 |
+
variables=variables+'text_for_hour="'+jQuery('#countdown_hourse_text').val()+'" ';
|
| 318 |
+
|
| 319 |
+
if(jQuery('#countdown_minuts_text').length)
|
| 320 |
+
variables=variables+'text_for_minut="'+jQuery('#countdown_minuts_text').val()+'" ';
|
| 321 |
+
|
| 322 |
+
if(jQuery('#countdown_seconds_text').length)
|
| 323 |
+
variables=variables+'text_for_second="'+jQuery('#countdown_seconds_text').val()+'" ';
|
| 324 |
+
|
| 325 |
+
if(jQuery('#countdown_start_date').length)
|
| 326 |
+
variables=variables+'start_time="'+jQuery('#countdown_start_date').val()+'" ';
|
| 327 |
+
|
| 328 |
+
variables=variables+'end_time="'+jQuery('#countdownday').val()+','+jQuery('#countdownhour').val()+','+jQuery('#countdownminute').val()+'" ';
|
| 329 |
+
|
| 330 |
+
if(jQuery('#countdownstart_on').length)
|
| 331 |
+
variables=variables+'action_end_time="'+jQuery('#countdownstart_on').val()+'" ';
|
| 332 |
+
|
| 333 |
+
if(jQuery('#countdown_in_content_position').length)
|
| 334 |
+
variables=variables+'content_position="'+jQuery('#countdown_in_content_position').val()+'" ';
|
| 335 |
+
|
| 336 |
+
if(jQuery('#countdown_top_distance').length)
|
| 337 |
+
variables=variables+'top_ditance="'+jQuery('#countdown_top_distance').val()+'" ';
|
| 338 |
+
|
| 339 |
+
if(jQuery('#countdown_bottom_distance').length)
|
| 340 |
+
variables=variables+'bottom_distance="'+jQuery('#countdown_bottom_distance').val()+'" ';
|
| 341 |
+
tagtext = '[wpdevart_countdown '+variables+']'+jQuery('#expeiret_text').val()+'[/wpdevart_countdown]';
|
| 342 |
+
window.send_to_editor(tagtext);
|
| 343 |
+
tb_remove()
|
| 344 |
+
}
|
| 345 |
+
|
| 346 |
+
</script>
|
| 347 |
+
</body>
|
| 348 |
+
</html>
|
| 349 |
+
<?php
|
| 350 |
+
die;
|
| 351 |
+
}
|
| 352 |
+
|
| 353 |
+
public function create_menu(){
|
| 354 |
+
$main_page = add_menu_page( $this->menu_name, $this->menu_name, 'manage_options', str_replace( ' ', '-', $this->menu_name), array($this, 'main_menu_function'),$this->plugin_url.'images/timer.png');
|
| 355 |
+
$page_countdown = add_submenu_page($this->menu_name, $this->menu_name, $this->menu_name, 'manage_options', str_replace( ' ', '-', $this->menu_name), array($this, 'main_menu_function'));
|
| 356 |
+
$page_countdown = add_submenu_page( str_replace( ' ', '-', $this->menu_name), 'Featured Plugins', 'Featured Plugins', 'manage_options', 'countdown-featured-plugins', array($this, 'featured_plugins'));
|
| 357 |
+
add_action('admin_print_styles-' .$main_page, array($this,'menu_requeried_scripts'));
|
| 358 |
+
add_action('admin_print_styles-' .$page_countdown, array($this,'menu_requeried_scripts'));
|
| 359 |
+
}
|
| 360 |
+
|
| 361 |
+
public function menu_requeried_scripts(){
|
| 362 |
+
wp_enqueue_style('wpdevart-countdown-admin-style');
|
| 363 |
+
}
|
| 364 |
+
|
| 365 |
+
public function main_menu_function(){
|
| 366 |
+
?>
|
| 367 |
+
<h2 class="headin_countdown">WordPress Countdown General Page</h2>
|
| 368 |
+
<style>
|
| 369 |
+
.headin_countdown{
|
| 370 |
+
font-size: 23px;
|
| 371 |
+
font-weight: 400;
|
| 372 |
+
padding: 9px 15px 4px 0;
|
| 373 |
+
line-height: 29px;
|
| 374 |
+
}
|
| 375 |
+
.image_width_description{
|
| 376 |
+
display:inline-block;
|
| 377 |
+
margin-right:40px;
|
| 378 |
+
margin-top:30px;
|
| 379 |
+
max-width:510px;
|
| 380 |
+
}
|
| 381 |
+
.image{
|
| 382 |
+
border:3px solid #0073AA;
|
| 383 |
+
border-radius:20px;
|
| 384 |
+
}
|
| 385 |
+
.description{
|
| 386 |
+
display:block;
|
| 387 |
+
margin-bottom:15px;
|
| 388 |
+
font-style: normal !important;
|
| 389 |
+
font-weight: bold;
|
| 390 |
+
font-size: 14px;
|
| 391 |
+
}
|
| 392 |
+
</style>
|
| 393 |
+
<div class="image_width_description">
|
| 394 |
+
<span class="description">For adding countdown timer into your pages/posts go to your pages/posts and use Countdown shortcode. Click on shortcode and set Countdown timer options, then click on "Insert Countdown". Check the screenshot below</span>
|
| 395 |
+
<img class="image" src="<?php echo $this->plugin_url.'images/post_example.jpg' ?>">
|
| 396 |
+
</div>
|
| 397 |
+
<div class="image_width_description">
|
| 398 |
+
<span class="description">For adding countdown timer to your Sidebar go to your Widgets page, drop and down Countdown widget into your sidebar. Then set the Countdown timer options, then save changes. Look the screenshot below</span>
|
| 399 |
+
<img class="image" src="<?php echo $this->plugin_url.'images/widget_example.jpg' ?>">
|
| 400 |
+
</div>
|
| 401 |
+
|
| 402 |
+
<?php
|
| 403 |
+
}
|
| 404 |
+
|
| 405 |
+
public function featured_plugins(){
|
| 406 |
+
$plugins_array=array(
|
| 407 |
+
'coming_soon'=>array(
|
| 408 |
+
'image_url' => $this->plugin_url.'images/featured_plugins/coming_soon.jpg',
|
| 409 |
+
'site_url' => 'http://wpdevart.com/wordpress-coming-soon-plugin/',
|
| 410 |
+
'title' => 'Coming soon and Maintenance mode',
|
| 411 |
+
'description' => 'Coming soon and Maintenance mode plugin is an awesome tool to show your visitors that you are working on your website to make it better.'
|
| 412 |
+
),
|
| 413 |
+
'lightbox'=>array(
|
| 414 |
+
'image_url' => $this->plugin_url.'images/featured_plugins/lightbox.png',
|
| 415 |
+
'site_url' => 'http://wpdevart.com/wordpress-lightbox-plugin/',
|
| 416 |
+
'title' => 'WP Lightbox 2',
|
| 417 |
+
'description' => 'WP Lightbox 2 is awesome tool for adding responsive lightbox effect for images and also create lightbox for photo album/gallery on your WordPress blog.'
|
| 418 |
+
),
|
| 419 |
+
'youtube'=>array(
|
| 420 |
+
'image_url' => $this->plugin_url.'images/featured_plugins/youtube.png',
|
| 421 |
+
'site_url' => 'http://wpdevart.com/wordpress-youtube-embed-plugin',
|
| 422 |
+
'title' => 'WordPress YouTube Embed',
|
| 423 |
+
'description' => 'YouTube Embed plugin is an convenient tool for adding video to your website. Use YouTube Embed plugin to add YouTube videos in posts/pages, widgets.'
|
| 424 |
+
),
|
| 425 |
+
'countdown'=>array(
|
| 426 |
+
'image_url' => $this->plugin_url.'images/featured_plugins/countdown.jpg',
|
| 427 |
+
'site_url' => 'http://wpdevart.com/wordpress-countdown-plugin/',
|
| 428 |
+
'title' => 'WordPress Countdown plugin',
|
| 429 |
+
'description' => 'WordPress Countdown plugin is an nice tool to create and insert countdown timers into your posts/pages and widgets.'
|
| 430 |
+
),
|
| 431 |
+
'facebook'=>array(
|
| 432 |
+
'image_url' => $this->plugin_url.'images/featured_plugins/facebook.jpg',
|
| 433 |
+
'site_url' => 'http://wpdevart.com/wordpress-facebook-like-box-plugin',
|
| 434 |
+
'title' => 'Facebook Like Box',
|
| 435 |
+
'description' => 'Our Facebook like box plugin will help you to display Facebook like box on your wesite, just add Facebook Like box widget to your sidebar and use it..'
|
| 436 |
+
),
|
| 437 |
+
'poll'=>array(
|
| 438 |
+
'image_url' => $this->plugin_url.'images/featured_plugins/poll.png',
|
| 439 |
+
'site_url' => 'http://wpdevart.com/wordpress-polls-plugin',
|
| 440 |
+
'title' => 'Poll',
|
| 441 |
+
'description' => 'WordPress Polls plugin is an wonderful tool for creating polls and survey forms for your visitors. You can use our polls on widgets, posts and pages.'
|
| 442 |
+
),
|
| 443 |
+
'twitter'=>array(
|
| 444 |
+
'image_url' => $this->plugin_url.'images/featured_plugins/twitter.png',
|
| 445 |
+
'site_url' => 'http://wpdevart.com/wordpress-twitter-plugin',
|
| 446 |
+
'title' => 'Twitter button plus',
|
| 447 |
+
'description' => 'Twitter button plus is nice and useful tool to show Twitter tweet button on your website.'
|
| 448 |
+
),
|
| 449 |
+
|
| 450 |
+
);
|
| 451 |
+
?>
|
| 452 |
+
<style>
|
| 453 |
+
.featured_plugin_main{
|
| 454 |
+
background-color: #ffffff;
|
| 455 |
+
border: 1px solid #dedede;
|
| 456 |
+
box-sizing: border-box;
|
| 457 |
+
float:left;
|
| 458 |
+
margin-right:20px;
|
| 459 |
+
margin-bottom:20px;
|
| 460 |
+
|
| 461 |
+
width:450px;
|
| 462 |
+
}
|
| 463 |
+
.featured_plugin_image{
|
| 464 |
+
padding: 15px;
|
| 465 |
+
display: inline-block;
|
| 466 |
+
float:left;
|
| 467 |
+
}
|
| 468 |
+
.featured_plugin_image a{
|
| 469 |
+
display: inline-block;
|
| 470 |
+
}
|
| 471 |
+
.featured_plugin_information{
|
| 472 |
+
float: left;
|
| 473 |
+
width: auto;
|
| 474 |
+
max-width: 282px;
|
| 475 |
+
|
| 476 |
+
}
|
| 477 |
+
.featured_plugin_title{
|
| 478 |
+
color: #0073aa;
|
| 479 |
+
font-size: 18px;
|
| 480 |
+
display: inline-block;
|
| 481 |
+
}
|
| 482 |
+
.featured_plugin_title a{
|
| 483 |
+
text-decoration:none;
|
| 484 |
+
|
| 485 |
+
}
|
| 486 |
+
.featured_plugin_title h4{
|
| 487 |
+
margin:0px;
|
| 488 |
+
margin-top: 20px;
|
| 489 |
+
margin-bottom:8px;
|
| 490 |
+
}
|
| 491 |
+
.featured_plugin_description{
|
| 492 |
+
display: inline-block;
|
| 493 |
+
}
|
| 494 |
+
|
| 495 |
+
</style>
|
| 496 |
+
<script>
|
| 497 |
+
|
| 498 |
+
jQuery(window).resize(wpdevart_countdown_feature_resize);
|
| 499 |
+
jQuery(document).ready(function(e) {
|
| 500 |
+
wpdevart_countdown_feature_resize();
|
| 501 |
+
});
|
| 502 |
+
|
| 503 |
+
function wpdevart_countdown_feature_resize(){
|
| 504 |
+
var wpdevart_countdown_width=jQuery('.featured_plugin_main').eq(0).parent().width();
|
| 505 |
+
var count_of_elements=Math.max(parseInt(wpdevart_countdown_width/450),1);
|
| 506 |
+
var width_of_plugin=((wpdevart_countdown_width-count_of_elements*24-2)/count_of_elements);
|
| 507 |
+
jQuery('.featured_plugin_main').width(width_of_plugin);
|
| 508 |
+
jQuery('.featured_plugin_information').css('max-width',(width_of_plugin-160)+'px');
|
| 509 |
+
}
|
| 510 |
+
</script>
|
| 511 |
+
<h2>Featured Plugins</h2>
|
| 512 |
+
<br>
|
| 513 |
+
<br>
|
| 514 |
+
<?php foreach($plugins_array as $key=>$plugin) { ?>
|
| 515 |
+
<div class="featured_plugin_main">
|
| 516 |
+
<span class="featured_plugin_image"><a target="_blank" href="<?php echo $plugin['site_url'] ?>"><img src="<?php echo $plugin['image_url'] ?>"></a></span>
|
| 517 |
+
<span class="featured_plugin_information">
|
| 518 |
+
<span class="featured_plugin_title"><h4><a target="_blank" href="<?php echo $plugin['site_url'] ?>"><?php echo $plugin['title'] ?></a></h4></span>
|
| 519 |
+
<span class="featured_plugin_description"><?php echo $plugin['description'] ?></span>
|
| 520 |
+
</span>
|
| 521 |
+
<div style="clear:both"></div>
|
| 522 |
+
</div>
|
| 523 |
+
<?php }
|
| 524 |
+
}
|
| 525 |
+
|
| 526 |
+
}
|
includes/front_end.php
ADDED
|
@@ -0,0 +1,136 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?php
|
| 2 |
+
|
| 3 |
+
class wpdevart_countdown_front_end{
|
| 4 |
+
private $menu_name;
|
| 5 |
+
|
| 6 |
+
private $plugin_url;
|
| 7 |
+
|
| 8 |
+
private $databese_parametrs;
|
| 9 |
+
|
| 10 |
+
private $params;
|
| 11 |
+
|
| 12 |
+
public static $id_for_content=0;
|
| 13 |
+
|
| 14 |
+
function __construct($params){
|
| 15 |
+
|
| 16 |
+
$this->databese_parametrs=$params['databese_parametrs'];
|
| 17 |
+
//if plugin url not come in parent class
|
| 18 |
+
if(isset($params['plugin_url']))
|
| 19 |
+
$this->plugin_url=$params['plugin_url'];
|
| 20 |
+
else
|
| 21 |
+
$this->plugin_url=trailingslashit(dirname(plugins_url('',__FILE__)));
|
| 22 |
+
|
| 23 |
+
//hooks for popup iframe
|
| 24 |
+
add_action('wp_head',array($this,'generete_front_javascript'));
|
| 25 |
+
// add shortcode
|
| 26 |
+
add_shortcode( 'wpdevart_countdown', array($this,'wpdevart_wpdevart_countdown_shortcode') );
|
| 27 |
+
//for updated parametrs
|
| 28 |
+
|
| 29 |
+
}
|
| 30 |
+
/*###################### scripts and styles ##################*/
|
| 31 |
+
public function generete_front_javascript(){
|
| 32 |
+
|
| 33 |
+
wp_enqueue_script('countdown-front-end');
|
| 34 |
+
wp_enqueue_script('thickbox');
|
| 35 |
+
wp_enqueue_style('countdown_css');
|
| 36 |
+
wp_enqueue_style('thickbox');
|
| 37 |
+
|
| 38 |
+
}
|
| 39 |
+
public function wpdevart_wpdevart_countdown_shortcode( $atts,$content){
|
| 40 |
+
self::$id_for_content++;
|
| 41 |
+
$output_html='';
|
| 42 |
+
$curent_value= shortcode_atts( array(
|
| 43 |
+
"text_for_day" => "days",
|
| 44 |
+
"text_for_hour" => "hours",
|
| 45 |
+
"text_for_minut" => "minutes",
|
| 46 |
+
"text_for_second" => "seconds",
|
| 47 |
+
"start_time" => mktime (date("H"), date("i"), date("s"),date("n"), date("j"),date("Y")),
|
| 48 |
+
"end_time" => "0,1,0",
|
| 49 |
+
"action_end_time" => "hide",
|
| 50 |
+
"content_position" => "center",
|
| 51 |
+
"top_ditance" => "10",
|
| 52 |
+
"bottom_distance" => "10",
|
| 53 |
+
"content" =>$content
|
| 54 |
+
), $atts);
|
| 55 |
+
|
| 56 |
+
|
| 57 |
+
|
| 58 |
+
$time_experit=explode(',',$curent_value['end_time']);
|
| 59 |
+
$time_diferent=(int)$time_experit[0]*24*3600+(int)+$time_experit[1]*3600+(int)$time_experit[2]*60+$curent_value['start_time']-mktime (date("H"), date("i"), date("s"),date("n"), date("j"),date("Y"));
|
| 60 |
+
|
| 61 |
+
$day_left=(int)($time_diferent/(3600*24));
|
| 62 |
+
$hourse_left=(int)(($time_diferent-$day_left*24*3600)/(3600));
|
| 63 |
+
$minuts_left=(int)(($time_diferent-$day_left*24*3600-$hourse_left*3600)/(60));
|
| 64 |
+
$seconds_left=(int)(($time_diferent-$day_left*24*3600-$hourse_left*3600 - $minuts_left*60));
|
| 65 |
+
if(strlen("".$day_left)>0 && strlen("".$day_left)<2)
|
| 66 |
+
$day_left='0'.$day_left;
|
| 67 |
+
if(strlen("".$hourse_left)>0 && strlen("".$hourse_left)<2)
|
| 68 |
+
$hourse_left='0'.$hourse_left;
|
| 69 |
+
if(strlen("".$minuts_left)>0 && strlen("".$minuts_left)<2)
|
| 70 |
+
$minuts_left='0'.$minuts_left;
|
| 71 |
+
if(strlen("".$seconds_left)>0 && strlen("".$seconds_left)<2)
|
| 72 |
+
$seconds_left='0'.$seconds_left;
|
| 73 |
+
|
| 74 |
+
$output_html.='<div class="content_countdown" id="main_countedown_'.self::$id_for_content.'">';
|
| 75 |
+
|
| 76 |
+
|
| 77 |
+
$output_html.='<div class="countdown">
|
| 78 |
+
<span class="element_conteiner"><span class="days time_left">'.$day_left.'</span><span class="time_description">'.$curent_value['text_for_day'].'</span></span>
|
| 79 |
+
<span class="element_conteiner"><span class="hourse time_left">'.$hourse_left.'</span><span class="time_description">'.$curent_value['text_for_hour'].'</span></span>
|
| 80 |
+
<span class="element_conteiner"><span class="minutes time_left">'.$minuts_left.'</span><span class="time_description">'.$curent_value['text_for_minut'].'</span></span>
|
| 81 |
+
<span class="element_conteiner"><span class="secondes time_left">'.$seconds_left.'</span><span class="time_description">'.$curent_value['text_for_second'].'</span></span>
|
| 82 |
+
</div>';
|
| 83 |
+
$output_html.='</div>';
|
| 84 |
+
$output_html.='<script>'.$this->wpdevart_countdown_javascript($curent_value).'</script><style>'.$this->wpdevart_countdown_css($curent_value).'</style>';
|
| 85 |
+
return $output_html;
|
| 86 |
+
}
|
| 87 |
+
public function wpdevart_countdown_javascript($parametrs_for_countedown){
|
| 88 |
+
$output_js='';
|
| 89 |
+
|
| 90 |
+
$time_experit=explode(',',$parametrs_for_countedown['end_time']);
|
| 91 |
+
$time_diferent=(int)$time_experit[0]*24*3600+(int)+$time_experit[1]*3600+(int)$time_experit[2]*60+$parametrs_for_countedown['start_time']-mktime (date("H"), date("i"), date("s"),date("n"), date("j"),date("Y"));
|
| 92 |
+
$day_left=(int)($time_diferent/(3600*24));
|
| 93 |
+
$hourse_left=(int)(($time_diferent-$day_left*24*3600)/(3600));
|
| 94 |
+
$minuts_left=(int)(($time_diferent-$day_left*24*3600-$hourse_left*3600)/(60));
|
| 95 |
+
$seconds_left=(int)(($time_diferent-$day_left*24*3600-$hourse_left*3600 - $minuts_left*60));
|
| 96 |
+
if(strlen("".$day_left)>0 && strlen("".$day_left)<2)
|
| 97 |
+
$day_left='0'.$day_left;
|
| 98 |
+
if(strlen("".$hourse_left)>0 && strlen("".$hourse_left)<2)
|
| 99 |
+
$hourse_left='0'.$hourse_left;
|
| 100 |
+
if(strlen("".$minuts_left)>0 && strlen("".$minuts_left)<2)
|
| 101 |
+
$minuts_left='0'.$minuts_left;
|
| 102 |
+
if(strlen("".$seconds_left)>0 && strlen("".$seconds_left)<2)
|
| 103 |
+
$seconds_left='0'.$seconds_left;
|
| 104 |
+
|
| 105 |
+
if($parametrs_for_countedown['action_end_time']=='hide'){
|
| 106 |
+
$parametrs_for_countedown['content']='';
|
| 107 |
+
}
|
| 108 |
+
$output_js.="
|
| 109 |
+
jQuery(document).ready(function(){
|
| 110 |
+
".((($day_left<=0 && $hourse_left<=0 && $minuts_left<=0 && $seconds_left<=0))?"jQuery('#main_countedown_".self::$id_for_content." .countdown').html('".htmlspecialchars($parametrs_for_countedown['content'])."')":"setInterval(function(){countdown_wpdevart_timer('main_countedown_".self::$id_for_content."');},1000)")."
|
| 111 |
+
});
|
| 112 |
+
";
|
| 113 |
+
return $output_js;
|
| 114 |
+
}
|
| 115 |
+
public function wpdevart_countdown_css($parametrs_for_countedown){
|
| 116 |
+
$output_css='';
|
| 117 |
+
$output_css.='#main_countedown_'.self::$id_for_content.' .countdown{text-align:'.$parametrs_for_countedown['content_position'].';}';
|
| 118 |
+
$output_css.= '#main_countedown_'.self::$id_for_content.' .countdown{margin-top:'.$parametrs_for_countedown['top_ditance'].'px;margin-bottom:'.$parametrs_for_countedown['bottom_distance'].'px}';
|
| 119 |
+
$output_css.= "#main_countedown_".self::$id_for_content." .time_left{\r\n";
|
| 120 |
+
$output_css.= "border-radius:8px;\r\n";
|
| 121 |
+
$output_css.= "background-color:#3DA8CC;\r\n";
|
| 122 |
+
$output_css.= "font-size:23px;\r\n";
|
| 123 |
+
$output_css.= "font-family:monospace;\r\n";
|
| 124 |
+
$output_css.= "color:#000000;\r\n";
|
| 125 |
+
$output_css.= "}\r\n";
|
| 126 |
+
$output_css.= "#main_countedown_".self::$id_for_content." .time_description{\r\n";
|
| 127 |
+
$output_css.= "font-size:23px;\r\n";
|
| 128 |
+
$output_css.= "font-family:monospace;\r\n";
|
| 129 |
+
$output_css.= "color:#000000;\r\n";
|
| 130 |
+
$output_css.= "}\r\n";
|
| 131 |
+
$output_css.= "#main_countedown_".self::$id_for_content." .element_conteiner{min-width:90px}";
|
| 132 |
+
|
| 133 |
+
return $output_css;
|
| 134 |
+
}
|
| 135 |
+
}
|
| 136 |
+
?>
|
includes/javascript/background.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
|
| 1 |
+
(function(a,d,p){a.fn.backstretch=function(c,b){(c===p||0===c.length)&&a.error("No images were supplied for Backstretch");0===a(d).scrollTop()&&d.scrollTo(0,0);return this.each(function(){var d=a(this),g=d.data("backstretch");if(g){if("string"==typeof c&&"function"==typeof g[c]){g[c](b);return}b=a.extend(g.options,b);g.destroy(!0)}g=new q(this,c,b);d.data("backstretch",g)})};a.backstretch=function(c,b){return a("body").backstretch(c,b).data("backstretch")};a.expr[":"].backstretch=function(c){return a(c).data("backstretch")!==p};a.fn.backstretch.defaults={centeredX:!0,centeredY:!0,duration:5E3,fade:0};var r={left:0,top:0,overflow:"hidden",margin:0,padding:0,height:"100%",width:"100%",zIndex:-999999},s={position:"absolute",display:"none",margin:0,padding:0,border:"none",width:"auto",height:"auto",maxHeight:"none",maxWidth:"none",zIndex:-999999},q=function(c,b,e){this.options=a.extend({},a.fn.backstretch.defaults,e||{});this.images=a.isArray(b)?b:[b];a.each(this.images,function(){a("<img />")[0].src=this});this.isBody=c===document.body;this.$container=a(c);this.$root=this.isBody?l?a(d):a(document):this.$container;c=this.$container.children(".backstretch").first();this.$wrap=c.length?c:a('<div class="backstretch"></div>').css(r).appendTo(this.$container);this.isBody||(c=this.$container.css("position"),b=this.$container.css("zIndex"),this.$container.css({position:"static"===c?"relative":c,zIndex:"auto"===b?0:b,background:"none"}),this.$wrap.css({zIndex:-999998}));this.$wrap.css({position:this.isBody&&l?"fixed":"absolute"});this.index=0;this.show(this.index);a(d).on("resize.backstretch",a.proxy(this.resize,this)).on("orientationchange.backstretch",a.proxy(function(){this.isBody&&0===d.pageYOffset&&(d.scrollTo(0,1),this.resize())},this))};q.prototype={resize:function(){try{var a={left:0,top:0},b=this.isBody?this.$root.width():this.$root.innerWidth(),e=b,g=this.isBody?d.innerHeight?d.innerHeight:this.$root.height():this.$root.innerHeight(),j=e/this.$img.data("ratio"),f;j>=g?(f=(j-g)/2,this.options.centeredY&&(a.top="-"+f+"px")):(j=g,e=j*this.$img.data("ratio"),f=(e-b)/2,this.options.centeredX&&(a.left="-"+f+"px"));this.$wrap.css({width:b,height:g}).find("img:not(.deleteable)").css({width:e,height:j}).css(a)}catch(h){}return this},show:function(c){if(!(Math.abs(c)>this.images.length-1)){var b=this,e=b.$wrap.find("img").addClass("deleteable"),d={relatedTarget:b.$container[0]};b.$container.trigger(a.Event("backstretch.before",d),[b,c]);this.index=c;clearInterval(b.interval);b.$img=a("<img />").css(s).bind("load",function(f){var h=this.width||a(f.target).width();f=this.height||a(f.target).height();a(this).data("ratio",h/f);a(this).fadeIn(b.options.speed||b.options.fade,function(){e.remove();b.paused||b.cycle();a(["after","show"]).each(function(){b.$container.trigger(a.Event("backstretch."+this,d),[b,c])})});b.resize()}).appendTo(b.$wrap);b.$img.attr("src",b.images[c]);return b}},next:function(){return this.show(this.index<this.images.length-1?this.index+1:0)},prev:function(){return this.show(0===this.index?this.images.length-1:this.index-1)},pause:function(){this.paused=!0;return this},resume:function(){this.paused=!1;this.next();return this},cycle:function(){1<this.images.length&&(clearInterval(this.interval),this.interval=setInterval(a.proxy(function(){this.paused||this.next()},this),this.options.duration));return this},destroy:function(c){a(d).off("resize.backstretch orientationchange.backstretch");clearInterval(this.interval);c||this.$wrap.remove();this.$container.removeData("backstretch")}};var l,f=navigator.userAgent,m=navigator.platform,e=f.match(/AppleWebKit\/([0-9]+)/),e=!!e&&e[1],h=f.match(/Fennec\/([0-9]+)/),h=!!h&&h[1],n=f.match(/Opera Mobi\/([0-9]+)/),t=!!n&&n[1],k=f.match(/MSIE ([0-9]+)/),k=!!k&&k[1];l=!((-1<m.indexOf("iPhone")||-1<m.indexOf("iPad")||-1<m.indexOf("iPod"))&&e&&534>e||d.operamini&&"[object OperaMini]"==={}.toString.call(d.operamini)||n&&7458>t||-1<f.indexOf("Android")&&e&&533>e||h&&6>h||"palmGetResource"in d&&e&&534>e||-1<f.indexOf("MeeGo")&&-1<f.indexOf("NokiaBrowser/8.5.0")||k&&6>=k)})(jQuery,window);
|
includes/javascript/front_end_js.js
ADDED
|
@@ -0,0 +1,52 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
function countdown_wpdevart_timer(main_div_id){
|
| 2 |
+
var days_left=parseInt(jQuery('#'+main_div_id+' .days').text());
|
| 3 |
+
var hours_left=parseInt(jQuery('#'+main_div_id+' .hourse').text());;
|
| 4 |
+
var minutes_left=parseInt(jQuery('#'+main_div_id+' .minutes').text());;
|
| 5 |
+
var secondes_left=parseInt(jQuery('#'+main_div_id+' .secondes').text());
|
| 6 |
+
var all_time=days_left*24*3600+hours_left*3600+minutes_left*60+secondes_left;
|
| 7 |
+
all_time--;
|
| 8 |
+
days_left=parseInt(all_time/(3600*24));
|
| 9 |
+
hours_left=parseInt((all_time-days_left*3600*24)/(3600));
|
| 10 |
+
minutes_left=parseInt((all_time-days_left*3600*24-hours_left*3600)/(60));
|
| 11 |
+
secondes_left=parseInt((all_time-days_left*3600*24-hours_left*3600-minutes_left*60));
|
| 12 |
+
if((""+days_left+"").length>1)
|
| 13 |
+
jQuery('#'+main_div_id+' .days').html(days_left);
|
| 14 |
+
else
|
| 15 |
+
jQuery('#'+main_div_id+' .days').html('0'+days_left);
|
| 16 |
+
if((""+hours_left+"").length>1)
|
| 17 |
+
jQuery('#'+main_div_id+' .hourse').html(hours_left);
|
| 18 |
+
else
|
| 19 |
+
jQuery('#'+main_div_id+' .hourse').html('0'+hours_left);
|
| 20 |
+
if((""+minutes_left+"").length>1)
|
| 21 |
+
jQuery('#'+main_div_id+' .minutes').html(minutes_left);
|
| 22 |
+
else
|
| 23 |
+
jQuery('#'+main_div_id+' .minutes').html('0'+minutes_left);
|
| 24 |
+
if((""+secondes_left+"").length>1)
|
| 25 |
+
jQuery('#'+main_div_id+' .secondes').html(secondes_left);
|
| 26 |
+
else
|
| 27 |
+
jQuery('#'+main_div_id+' .secondes').html('0'+secondes_left);
|
| 28 |
+
if(days_left<=0 && hours_left<=0 && minutes_left<=0 && secondes_left<=0){
|
| 29 |
+
window.location=document.URL;
|
| 30 |
+
}
|
| 31 |
+
}
|
| 32 |
+
function wpdevart_countdown_animated_element(animation,element_id){
|
| 33 |
+
jQuery('#'+element_id).ready(function(e) {
|
| 34 |
+
if(!jQuery(jQuery('#'+element_id)).hasClass('animated') && wpdevart_countdown_isScrolledIntoView(jQuery('#'+element_id))) {
|
| 35 |
+
jQuery(jQuery('#'+element_id)).css('visibility','visible');
|
| 36 |
+
jQuery(jQuery('#'+element_id)).addClass('animated');
|
| 37 |
+
jQuery(jQuery('#'+element_id)).addClass(animation);
|
| 38 |
+
}
|
| 39 |
+
});
|
| 40 |
+
}
|
| 41 |
+
function wpdevart_countdown_isScrolledIntoView(elem)
|
| 42 |
+
{
|
| 43 |
+
var $elem = jQuery(elem);
|
| 44 |
+
if($elem.length=0)
|
| 45 |
+
return true;
|
| 46 |
+
var $window = jQuery(window);
|
| 47 |
+
var docViewTop = $window.scrollTop();
|
| 48 |
+
var docViewBottom = docViewTop + $window.height();
|
| 49 |
+
var elemTop = jQuery(elem).offset().top;
|
| 50 |
+
var elemBottom = elemTop + parseInt(jQuery(elem).css('height'));
|
| 51 |
+
return ( ( (docViewTop<=elemTop) && (elemTop<=docViewBottom) ) || ( (docViewTop<=elemBottom) && (elemBottom<=docViewBottom) ));
|
| 52 |
+
}
|
includes/library.php
ADDED
|
@@ -0,0 +1,154 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?php
|
| 2 |
+
|
| 3 |
+
class wpdevart_countdown_setting{
|
| 4 |
+
public static $list_of_animations=array('bounce','flash','pulse','rubberBand','shake','swing','tada','wobble','bounceIn','bounceInDown','bounceInLeft','bounceInRight','bounceInUp','fadeIn','fadeInDown','fadeInDownBig','fadeInLeft','fadeInLeftBig','fadeInRight','fadeInRightBig','fadeInUp','fadeInUpBig','flip','flipInX','flipInY','lightSpeedIn','rotateIn','rotateInDownLeft','rotateInDownRight','rotateInUpLeft','rotateInUpRight','rollIn','zoomIn','zoomInDown','zoomInLeft','zoomInRight','zoomInUp');
|
| 5 |
+
public static function get_animations_type_array($animation=''){
|
| 6 |
+
if($animation=='' || $animation=='none')
|
| 7 |
+
return '';
|
| 8 |
+
if($animation=='random'){
|
| 9 |
+
|
| 10 |
+
return self::$list_of_animations[array_rand(self::$list_of_animations,1)];
|
| 11 |
+
}
|
| 12 |
+
return $animation;
|
| 13 |
+
}
|
| 14 |
+
public static function generete_animation_select($select_id='',$curent_effect='none'){
|
| 15 |
+
?>
|
| 16 |
+
<select onClick="alert(countdown_pro_text)" id="<?php echo $select_id; ?>" name="<?php echo $select_id; ?>">
|
| 17 |
+
<option <?php selected('none',$curent_effect); ?> value="none">none</option>
|
| 18 |
+
<option <?php selected('random',$curent_effect); ?> value="random">random</option>
|
| 19 |
+
<optgroup label="Attention Seekers">
|
| 20 |
+
<option <?php selected('bounce',$curent_effect); ?> value="bounce">bounce</option>
|
| 21 |
+
<option <?php selected('flash',$curent_effect); ?> value="flash">flash</option>
|
| 22 |
+
<option <?php selected('pulse',$curent_effect); ?> value="pulse">pulse</option>
|
| 23 |
+
<option <?php selected('rubberBand',$curent_effect); ?> value="rubberBand">rubberBand</option>
|
| 24 |
+
<option <?php selected('shake',$curent_effect); ?> value="shake">shake</option>
|
| 25 |
+
<option <?php selected('swing',$curent_effect); ?> value="swing">swing</option>
|
| 26 |
+
<option <?php selected('tada',$curent_effect); ?> value="tada">tada</option>
|
| 27 |
+
<option <?php selected('wobble',$curent_effect); ?> value="wobble">wobble</option>
|
| 28 |
+
</optgroup>
|
| 29 |
+
|
| 30 |
+
<optgroup label="Bouncing Entrances">
|
| 31 |
+
<option <?php selected('bounceIn',$curent_effect); ?> value="bounceIn">bounceIn</option>
|
| 32 |
+
<option <?php selected('bounceInDown',$curent_effect); ?> value="bounceInDown">bounceInDown</option>
|
| 33 |
+
<option <?php selected('bounceInLeft',$curent_effect); ?> value="bounceInLeft">bounceInLeft</option>
|
| 34 |
+
<option <?php selected('bounceInRight',$curent_effect); ?> value="bounceInRight">bounceInRight</option>
|
| 35 |
+
<option <?php selected('bounceInUp',$curent_effect); ?> value="bounceInUp">bounceInUp</option>
|
| 36 |
+
</optgroup>
|
| 37 |
+
|
| 38 |
+
<optgroup label="Fading Entrances">
|
| 39 |
+
<option <?php selected('fadeIn',$curent_effect); ?> value="fadeIn">fadeIn</option>
|
| 40 |
+
<option <?php selected('fadeInDown',$curent_effect); ?> value="fadeInDown">fadeInDown</option>
|
| 41 |
+
<option <?php selected('fadeInDownBig',$curent_effect); ?> value="fadeInDownBig">fadeInDownBig</option>
|
| 42 |
+
<option <?php selected('fadeInLeft',$curent_effect); ?> value="fadeInLeft">fadeInLeft</option>
|
| 43 |
+
<option <?php selected('fadeInLeftBig',$curent_effect); ?> value="fadeInLeftBig">fadeInLeftBig</option>
|
| 44 |
+
<option <?php selected('fadeInRight',$curent_effect); ?> value="fadeInRight">fadeInRight</option>
|
| 45 |
+
<option <?php selected('fadeInRightBig',$curent_effect); ?> value="fadeInRightBig">fadeInRightBig</option>
|
| 46 |
+
<option <?php selected('fadeInUp',$curent_effect); ?> value="fadeInUp">fadeInUp</option>
|
| 47 |
+
<option <?php selected('fadeInUpBig',$curent_effect); ?> value="fadeInUpBig">fadeInUpBig</option>
|
| 48 |
+
</optgroup>
|
| 49 |
+
|
| 50 |
+
<optgroup label="Flippers">
|
| 51 |
+
<option <?php selected('flip',$curent_effect); ?> value="flip">flip</option>
|
| 52 |
+
<option <?php selected('flipInX',$curent_effect); ?> value="flipInX">flipInX</option>
|
| 53 |
+
<option <?php selected('flipInY',$curent_effect); ?> value="flipInY">flipInY</option>
|
| 54 |
+
</optgroup>
|
| 55 |
+
|
| 56 |
+
<optgroup label="Lightspeed">
|
| 57 |
+
<option <?php selected('lightSpeedIn',$curent_effect); ?> value="lightSpeedIn">lightSpeedIn</option>
|
| 58 |
+
</optgroup>
|
| 59 |
+
|
| 60 |
+
<optgroup label="Rotating Entrances">
|
| 61 |
+
<option <?php selected('rotateIn',$curent_effect); ?> value="rotateIn">rotateIn</option>
|
| 62 |
+
<option <?php selected('rotateInDownLeft',$curent_effect); ?> value="rotateInDownLeft">rotateInDownLeft</option>
|
| 63 |
+
<option <?php selected('rotateInDownRight',$curent_effect); ?> value="rotateInDownRight">rotateInDownRight</option>
|
| 64 |
+
<option <?php selected('rotateInUpLeft',$curent_effect); ?> value="rotateInUpLeft">rotateInUpLeft</option>
|
| 65 |
+
<option <?php selected('rotateInUpRight',$curent_effect); ?> value="rotateInUpRight">rotateInUpRight</option>
|
| 66 |
+
</optgroup>
|
| 67 |
+
|
| 68 |
+
<optgroup label="Specials">
|
| 69 |
+
|
| 70 |
+
<option <?php selected('rollIn',$curent_effect); ?> value="rollIn">rollIn</option>
|
| 71 |
+
</optgroup>
|
| 72 |
+
|
| 73 |
+
<optgroup label="Zoom Entrances">
|
| 74 |
+
<option <?php selected('zoomIn',$curent_effect); ?> value="zoomIn">zoomIn</option>
|
| 75 |
+
<option <?php selected('zoomInDown',$curent_effect); ?> value="zoomInDown">zoomInDown</option>
|
| 76 |
+
<option <?php selected('zoomInLeft',$curent_effect); ?> value="zoomInLeft">zoomInLeft</option>
|
| 77 |
+
<option <?php selected('zoomInRight',$curent_effect); ?> value="zoomInRight">zoomInRight</option>
|
| 78 |
+
<option <?php selected('zoomInUp',$curent_effect); ?> value="zoomInUp">zoomInUp</option>
|
| 79 |
+
</optgroup>
|
| 80 |
+
</select>
|
| 81 |
+
<?php
|
| 82 |
+
}
|
| 83 |
+
public static function generete_fonts($select_id='',$curent_font='none'){
|
| 84 |
+
?>
|
| 85 |
+
<select onClick="alert(countdown_pro_text)" id="<?php echo $select_id; ?>" name="<?php echo $select_id; ?>">
|
| 86 |
+
|
| 87 |
+
<option <?php selected('Arial,Helvetica Neue,Helvetica,sans-serif',$curent_font); ?> value="Arial,Helvetica Neue,Helvetica,sans-serif">Arial *</option>
|
| 88 |
+
<option <?php selected('Arial Black,Arial Bold,Arial,sans-serif',$curent_font); ?> value="Arial Black,Arial Bold,Arial,sans-serif">Arial Black *</option>
|
| 89 |
+
<option <?php selected('Arial Narrow,Arial,Helvetica Neue,Helvetica,sans-serif',$curent_font); ?> value="Arial Narrow,Arial,Helvetica Neue,Helvetica,sans-serif">Arial Narrow *</option>
|
| 90 |
+
<option <?php selected('Courier,Verdana,sans-serif',$curent_font); ?> value="Courier,Verdana,sans-serif">Courier *</option>
|
| 91 |
+
<option <?php selected('Georgia,Times New Roman,Times,serif',$curent_font); ?> value="Georgia,Times New Roman,Times,serif">Georgia *</option>
|
| 92 |
+
<option <?php selected('Times New Roman,Times,Georgia,serif',$curent_font); ?> value="Times New Roman,Times,Georgia,serif">Times New Roman *</option>
|
| 93 |
+
<option <?php selected('Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Arial,sans-serif',$curent_font); ?> value="Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Arial,sans-serif">Trebuchet MS *</option>
|
| 94 |
+
<option <?php selected('Verdana,sans-serif',$curent_font); ?> value="Verdana,sans-serif">Verdana *</option>
|
| 95 |
+
<option <?php selected('American Typewriter,Georgia,serif',$curent_font); ?> value="American Typewriter,Georgia,serif">American Typewriter</option>
|
| 96 |
+
<option <?php selected('Andale Mono,Consolas,Monaco,Courier,Courier New,Verdana,sans-serif',$curent_font); ?> value="Andale Mono,Consolas,Monaco,Courier,Courier New,Verdana,sans-serif">Andale Mono</option>
|
| 97 |
+
<option <?php selected('Baskerville,Times New Roman,Times,serif',$curent_font); ?> value="Baskerville,Times New Roman,Times,serif">Baskerville</option>
|
| 98 |
+
<option <?php selected('Bookman Old Style,Georgia,Times New Roman,Times,serif',$curent_font); ?> value="Bookman Old Style,Georgia,Times New Roman,Times,serif">Bookman Old Style</option>
|
| 99 |
+
<option <?php selected('Calibri,Helvetica Neue,Helvetica,Arial,Verdana,sans-serif',$curent_font); ?> value="Calibri,Helvetica Neue,Helvetica,Arial,Verdana,sans-serif">Calibri</option>
|
| 100 |
+
<option <?php selected('Cambria,Georgia,Times New Roman,Times,serif',$curent_font); ?> value="Cambria,Georgia,Times New Roman,Times,serif">Cambria</option>
|
| 101 |
+
<option <?php selected('Candara,Verdana,sans-serif',$curent_font); ?> value="Candara,Verdana,sans-serif">Candara</option>
|
| 102 |
+
<option <?php selected('Century Gothic,Apple Gothic,Verdana,sans-serif',$curent_font); ?> value="Century Gothic,Apple Gothic,Verdana,sans-serif">Century Gothic</option>
|
| 103 |
+
<option <?php selected('Century Schoolbook,Georgia,Times New Roman,Times,serif',$curent_font); ?> value="Century Schoolbook,Georgia,Times New Roman,Times,serif">Century Schoolbook</option>
|
| 104 |
+
<option <?php selected('Consolas,Andale Mono,Monaco,Courier,Courier New,Verdana,sans-serif',$curent_font); ?> value="Consolas,Andale Mono,Monaco,Courier,Courier New,Verdana,sans-serif">Consolas</option>
|
| 105 |
+
<option <?php selected('Constantia,Georgia,Times New Roman,Times,serif',$curent_font); ?> value="Constantia,Georgia,Times New Roman,Times,serif">Constantia</option>
|
| 106 |
+
<option <?php selected('Corbel,Lucida Grande,Lucida Sans Unicode,Arial,sans-serif',$curent_font); ?> value="Corbel,Lucida Grande,Lucida Sans Unicode,Arial,sans-serif">Corbel</option>
|
| 107 |
+
<option <?php selected('Franklin Gothic Medium,Arial,sans-serif',$curent_font); ?> value="Franklin Gothic Medium,Arial,sans-serif">Franklin Gothic Medium</option>
|
| 108 |
+
<option <?php selected('Garamond,Hoefler Text,Times New Roman,Times,serif',$curent_font); ?> value="Garamond,Hoefler Text,Times New Roman,Times,serif">Garamond</option>
|
| 109 |
+
<option <?php selected('Gill Sans MT,Gill Sans,Calibri,Trebuchet MS,sans-serif',$curent_font); ?> value="Gill Sans MT,Gill Sans,Calibri,Trebuchet MS,sans-serif">Gill Sans MT</option>
|
| 110 |
+
<option <?php selected('Helvetica Neue,Helvetica,Arial,sans-serif',$curent_font); ?> value="Helvetica Neue,Helvetica,Arial,sans-serif">Helvetica Neue</option>
|
| 111 |
+
<option <?php selected('Hoefler Text,Garamond,Times New Roman,Times,sans-serif',$curent_font); ?> value="Hoefler Text,Garamond,Times New Roman,Times,sans-serif">Hoefler Text</option>
|
| 112 |
+
<option <?php selected('Lucida Bright,Cambria,Georgia,Times New Roman,Times,serif',$curent_font); ?> value="Lucida Bright,Cambria,Georgia,Times New Roman,Times,serif">Lucida Bright</option>
|
| 113 |
+
<option <?php selected('Lucida Grande,Lucida Sans,Lucida Sans Unicode,sans-serif',$curent_font); ?> value="Lucida Grande,Lucida Sans,Lucida Sans Unicode,sans-serif">Lucida Grande</option>
|
| 114 |
+
<option <?php selected('monospace',$curent_font); ?> value="monospace">monospace</option>
|
| 115 |
+
<option <?php selected('Palatino Linotype,Palatino,Georgia,Times New Roman,Times,serif',$curent_font); ?> value="Palatino Linotype,Palatino,Georgia,Times New Roman,Times,serif">Palatino Linotype</option>
|
| 116 |
+
<option <?php selected('Tahoma,Geneva,Verdana,sans-serif',$curent_font); ?> value="Tahoma,Geneva,Verdana,sans-serif">Tahoma</option>
|
| 117 |
+
<option <?php selected('Rockwell, Arial Black, Arial Bold, Arial, sans-serif',$curent_font); ?> value="Rockwell, Arial Black, Arial Bold, Arial, sans-serif">Rockwell</option>
|
| 118 |
+
</select>
|
| 119 |
+
<?php
|
| 120 |
+
|
| 121 |
+
}
|
| 122 |
+
public static function darkest_brigths($color,$pracent){
|
| 123 |
+
$new_color=$color;
|
| 124 |
+
if(!(strlen($new_color==6) || strlen($new_color)==7))
|
| 125 |
+
{
|
| 126 |
+
return $color;
|
| 127 |
+
}
|
| 128 |
+
$color_vandakanishov=strpos($new_color,'#');
|
| 129 |
+
if($color_vandakanishov == false) {
|
| 130 |
+
$new_color= str_replace('#','',$new_color);
|
| 131 |
+
}
|
| 132 |
+
$color_part_1=substr($new_color, 0, 2);
|
| 133 |
+
$color_part_2=substr($new_color, 2, 2);
|
| 134 |
+
$color_part_3=substr($new_color, 4, 2);
|
| 135 |
+
$color_part_1=dechex( (int) (hexdec( $color_part_1 ) - (hexdec( $color_part_1 )* $pracent / 100 )));
|
| 136 |
+
$color_part_2=dechex( (int) (hexdec( $color_part_2) - (( ( hexdec( $color_part_2 ) ) ) * $pracent / 100 )));
|
| 137 |
+
$color_part_3=dechex( (int) (hexdec( $color_part_3 ) - (( ( hexdec( $color_part_3 ) ) ) * $pracent / 100 )));
|
| 138 |
+
if(strlen($color_part_1)<2) $color_part_1="0".$color_part_1;
|
| 139 |
+
if(strlen($color_part_2)<2) $color_part_2="0".$color_part_2;
|
| 140 |
+
if(strlen($color_part_3)<2) $color_part_3="0".$color_part_3;
|
| 141 |
+
|
| 142 |
+
$new_color=$color_part_1.$color_part_2.$color_part_3;
|
| 143 |
+
if($color_vandakanishov == false){
|
| 144 |
+
return $new_color;
|
| 145 |
+
}
|
| 146 |
+
else{
|
| 147 |
+
return '#'.$new_color;
|
| 148 |
+
}
|
| 149 |
+
}
|
| 150 |
+
|
| 151 |
+
}
|
| 152 |
+
|
| 153 |
+
|
| 154 |
+
?>
|
includes/style/effects.css
ADDED
|
@@ -0,0 +1,2078 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
.animated {
|
| 2 |
+
-webkit-animation-duration: 1s;
|
| 3 |
+
animation-duration: 1s;
|
| 4 |
+
-webkit-animation-fill-mode: both;
|
| 5 |
+
animation-fill-mode: both;
|
| 6 |
+
}
|
| 7 |
+
|
| 8 |
+
.animated.infinite {
|
| 9 |
+
-webkit-animation-iteration-count: infinite;
|
| 10 |
+
animation-iteration-count: infinite;
|
| 11 |
+
}
|
| 12 |
+
|
| 13 |
+
.animated.hinge {
|
| 14 |
+
-webkit-animation-duration: 2s;
|
| 15 |
+
animation-duration: 2s;
|
| 16 |
+
}
|
| 17 |
+
|
| 18 |
+
@-webkit-keyframes bounce {
|
| 19 |
+
0%, 20%, 53%, 80%, 100% {
|
| 20 |
+
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
| 21 |
+
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
| 22 |
+
-webkit-transform: translate3d(0,0,0);
|
| 23 |
+
transform: translate3d(0,0,0);
|
| 24 |
+
}
|
| 25 |
+
|
| 26 |
+
40%, 43% {
|
| 27 |
+
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
| 28 |
+
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
| 29 |
+
-webkit-transform: translate3d(0, -30px, 0);
|
| 30 |
+
transform: translate3d(0, -30px, 0);
|
| 31 |
+
}
|
| 32 |
+
|
| 33 |
+
70% {
|
| 34 |
+
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
| 35 |
+
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
| 36 |
+
-webkit-transform: translate3d(0, -15px, 0);
|
| 37 |
+
transform: translate3d(0, -15px, 0);
|
| 38 |
+
}
|
| 39 |
+
|
| 40 |
+
90% {
|
| 41 |
+
-webkit-transform: translate3d(0,-4px,0);
|
| 42 |
+
transform: translate3d(0,-4px,0);
|
| 43 |
+
}
|
| 44 |
+
}
|
| 45 |
+
|
| 46 |
+
@keyframes bounce {
|
| 47 |
+
0%, 20%, 53%, 80%, 100% {
|
| 48 |
+
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
| 49 |
+
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
| 50 |
+
-webkit-transform: translate3d(0,0,0);
|
| 51 |
+
-ms-transform: translate3d(0,0,0);
|
| 52 |
+
transform: translate3d(0,0,0);
|
| 53 |
+
}
|
| 54 |
+
|
| 55 |
+
40%, 43% {
|
| 56 |
+
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
| 57 |
+
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
| 58 |
+
-webkit-transform: translate3d(0, -30px, 0);
|
| 59 |
+
-ms-transform: translate3d(0, -30px, 0);
|
| 60 |
+
transform: translate3d(0, -30px, 0);
|
| 61 |
+
}
|
| 62 |
+
|
| 63 |
+
70% {
|
| 64 |
+
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
| 65 |
+
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
|
| 66 |
+
-webkit-transform: translate3d(0, -15px, 0);
|
| 67 |
+
-ms-transform: translate3d(0, -15px, 0);
|
| 68 |
+
transform: translate3d(0, -15px, 0);
|
| 69 |
+
}
|
| 70 |
+
|
| 71 |
+
90% {
|
| 72 |
+
-webkit-transform: translate3d(0,-4px,0);
|
| 73 |
+
-ms-transform: translate3d(0,-4px,0);
|
| 74 |
+
transform: translate3d(0,-4px,0);
|
| 75 |
+
}
|
| 76 |
+
}
|
| 77 |
+
|
| 78 |
+
.bounce {
|
| 79 |
+
-webkit-animation-name: bounce;
|
| 80 |
+
animation-name: bounce;
|
| 81 |
+
-webkit-transform-origin: center bottom;
|
| 82 |
+
-ms-transform-origin: center bottom;
|
| 83 |
+
transform-origin: center bottom;
|
| 84 |
+
}
|
| 85 |
+
|
| 86 |
+
@-webkit-keyframes flash {
|
| 87 |
+
0%, 50%, 100% {
|
| 88 |
+
opacity: 1;
|
| 89 |
+
}
|
| 90 |
+
|
| 91 |
+
25%, 75% {
|
| 92 |
+
opacity: 0;
|
| 93 |
+
}
|
| 94 |
+
}
|
| 95 |
+
|
| 96 |
+
@keyframes flash {
|
| 97 |
+
0%, 50%, 100% {
|
| 98 |
+
opacity: 1;
|
| 99 |
+
}
|
| 100 |
+
|
| 101 |
+
25%, 75% {
|
| 102 |
+
opacity: 0;
|
| 103 |
+
}
|
| 104 |
+
}
|
| 105 |
+
|
| 106 |
+
.flash {
|
| 107 |
+
-webkit-animation-name: flash;
|
| 108 |
+
animation-name: flash;
|
| 109 |
+
}
|
| 110 |
+
|
| 111 |
+
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
| 112 |
+
|
| 113 |
+
@-webkit-keyframes pulse {
|
| 114 |
+
0% {
|
| 115 |
+
-webkit-transform: scale3d(1, 1, 1);
|
| 116 |
+
transform: scale3d(1, 1, 1);
|
| 117 |
+
}
|
| 118 |
+
|
| 119 |
+
50% {
|
| 120 |
+
-webkit-transform: scale3d(1.05, 1.05, 1.05);
|
| 121 |
+
transform: scale3d(1.05, 1.05, 1.05);
|
| 122 |
+
}
|
| 123 |
+
|
| 124 |
+
100% {
|
| 125 |
+
-webkit-transform: scale3d(1, 1, 1);
|
| 126 |
+
transform: scale3d(1, 1, 1);
|
| 127 |
+
}
|
| 128 |
+
}
|
| 129 |
+
|
| 130 |
+
@keyframes pulse {
|
| 131 |
+
0% {
|
| 132 |
+
-webkit-transform: scale3d(1, 1, 1);
|
| 133 |
+
-ms-transform: scale3d(1, 1, 1);
|
| 134 |
+
transform: scale3d(1, 1, 1);
|
| 135 |
+
}
|
| 136 |
+
|
| 137 |
+
50% {
|
| 138 |
+
-webkit-transform: scale3d(1.05, 1.05, 1.05);
|
| 139 |
+
-ms-transform: scale3d(1.05, 1.05, 1.05);
|
| 140 |
+
transform: scale3d(1.05, 1.05, 1.05);
|
| 141 |
+
}
|
| 142 |
+
|
| 143 |
+
100% {
|
| 144 |
+
-webkit-transform: scale3d(1, 1, 1);
|
| 145 |
+
-ms-transform: scale3d(1, 1, 1);
|
| 146 |
+
transform: scale3d(1, 1, 1);
|
| 147 |
+
}
|
| 148 |
+
}
|
| 149 |
+
|
| 150 |
+
.pulse {
|
| 151 |
+
-webkit-animation-name: pulse;
|
| 152 |
+
animation-name: pulse;
|
| 153 |
+
}
|
| 154 |
+
|
| 155 |
+
@-webkit-keyframes rubberBand {
|
| 156 |
+
0% {
|
| 157 |
+
-webkit-transform: scale3d(1, 1, 1);
|
| 158 |
+
transform: scale3d(1, 1, 1);
|
| 159 |
+
}
|
| 160 |
+
|
| 161 |
+
30% {
|
| 162 |
+
-webkit-transform: scale3d(1.25, 0.75, 1);
|
| 163 |
+
transform: scale3d(1.25, 0.75, 1);
|
| 164 |
+
}
|
| 165 |
+
|
| 166 |
+
40% {
|
| 167 |
+
-webkit-transform: scale3d(0.75, 1.25, 1);
|
| 168 |
+
transform: scale3d(0.75, 1.25, 1);
|
| 169 |
+
}
|
| 170 |
+
|
| 171 |
+
50% {
|
| 172 |
+
-webkit-transform: scale3d(1.15, 0.85, 1);
|
| 173 |
+
transform: scale3d(1.15, 0.85, 1);
|
| 174 |
+
}
|
| 175 |
+
|
| 176 |
+
65% {
|
| 177 |
+
-webkit-transform: scale3d(.95, 1.05, 1);
|
| 178 |
+
transform: scale3d(.95, 1.05, 1);
|
| 179 |
+
}
|
| 180 |
+
|
| 181 |
+
75% {
|
| 182 |
+
-webkit-transform: scale3d(1.05, .95, 1);
|
| 183 |
+
transform: scale3d(1.05, .95, 1);
|
| 184 |
+
}
|
| 185 |
+
|
| 186 |
+
100% {
|
| 187 |
+
-webkit-transform: scale3d(1, 1, 1);
|
| 188 |
+
transform: scale3d(1, 1, 1);
|
| 189 |
+
}
|
| 190 |
+
}
|
| 191 |
+
|
| 192 |
+
@keyframes rubberBand {
|
| 193 |
+
0% {
|
| 194 |
+
-webkit-transform: scale3d(1, 1, 1);
|
| 195 |
+
-ms-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 |
+
-ms-transform: scale3d(1.25, 0.75, 1);
|
| 202 |
+
transform: scale3d(1.25, 0.75, 1);
|
| 203 |
+
}
|
| 204 |
+
|
| 205 |
+
40% {
|
| 206 |
+
-webkit-transform: scale3d(0.75, 1.25, 1);
|
| 207 |
+
-ms-transform: scale3d(0.75, 1.25, 1);
|
| 208 |
+
transform: scale3d(0.75, 1.25, 1);
|
| 209 |
+
}
|
| 210 |
+
|
| 211 |
+
50% {
|
| 212 |
+
-webkit-transform: scale3d(1.15, 0.85, 1);
|
| 213 |
+
-ms-transform: scale3d(1.15, 0.85, 1);
|
| 214 |
+
transform: scale3d(1.15, 0.85, 1);
|
| 215 |
+
}
|
| 216 |
+
|
| 217 |
+
65% {
|
| 218 |
+
-webkit-transform: scale3d(.95, 1.05, 1);
|
| 219 |
+
-ms-transform: scale3d(.95, 1.05, 1);
|
| 220 |
+
transform: scale3d(.95, 1.05, 1);
|
| 221 |
+
}
|
| 222 |
+
|
| 223 |
+
75% {
|
| 224 |
+
-webkit-transform: scale3d(1.05, .95, 1);
|
| 225 |
+
-ms-transform: scale3d(1.05, .95, 1);
|
| 226 |
+
transform: scale3d(1.05, .95, 1);
|
| 227 |
+
}
|
| 228 |
+
|
| 229 |
+
100% {
|
| 230 |
+
-webkit-transform: scale3d(1, 1, 1);
|
| 231 |
+
-ms-transform: scale3d(1, 1, 1);
|
| 232 |
+
transform: scale3d(1, 1, 1);
|
| 233 |
+
}
|
| 234 |
+
}
|
| 235 |
+
|
| 236 |
+
.rubberBand {
|
| 237 |
+
-webkit-animation-name: rubberBand;
|
| 238 |
+
animation-name: rubberBand;
|
| 239 |
+
}
|
| 240 |
+
|
| 241 |
+
@-webkit-keyframes shake {
|
| 242 |
+
0%, 100% {
|
| 243 |
+
-webkit-transform: translate3d(0, 0, 0);
|
| 244 |
+
transform: translate3d(0, 0, 0);
|
| 245 |
+
}
|
| 246 |
+
|
| 247 |
+
10%, 30%, 50%, 70%, 90% {
|
| 248 |
+
-webkit-transform: translate3d(-10px, 0, 0);
|
| 249 |
+
transform: translate3d(-10px, 0, 0);
|
| 250 |
+
}
|
| 251 |
+
|
| 252 |
+
20%, 40%, 60%, 80% {
|
| 253 |
+
-webkit-transform: translate3d(10px, 0, 0);
|
| 254 |
+
transform: translate3d(10px, 0, 0);
|
| 255 |
+
}
|
| 256 |
+
}
|
| 257 |
+
|
| 258 |
+
@keyframes shake {
|
| 259 |
+
0%, 100% {
|
| 260 |
+
-webkit-transform: translate3d(0, 0, 0);
|
| 261 |
+
-ms-transform: translate3d(0, 0, 0);
|
| 262 |
+
transform: translate3d(0, 0, 0);
|
| 263 |
+
}
|
| 264 |
+
|
| 265 |
+
10%, 30%, 50%, 70%, 90% {
|
| 266 |
+
-webkit-transform: translate3d(-10px, 0, 0);
|
| 267 |
+
-ms-transform: translate3d(-10px, 0, 0);
|
| 268 |
+
transform: translate3d(-10px, 0, 0);
|
| 269 |
+
}
|
| 270 |
+
|
| 271 |
+
20%, 40%, 60%, 80% {
|
| 272 |
+
-webkit-transform: translate3d(10px, 0, 0);
|
| 273 |
+
-ms-transform: translate3d(10px, 0, 0);
|
| 274 |
+
transform: translate3d(10px, 0, 0);
|
| 275 |
+
}
|
| 276 |
+
}
|
| 277 |
+
|
| 278 |
+
.shake {
|
| 279 |
+
-webkit-animation-name: shake;
|
| 280 |
+
animation-name: shake;
|
| 281 |
+
}
|
| 282 |
+
|
| 283 |
+
@-webkit-keyframes swing {
|
| 284 |
+
20% {
|
| 285 |
+
-webkit-transform: rotate3d(0, 0, 1, 15deg);
|
| 286 |
+
transform: rotate3d(0, 0, 1, 15deg);
|
| 287 |
+
}
|
| 288 |
+
|
| 289 |
+
40% {
|
| 290 |
+
-webkit-transform: rotate3d(0, 0, 1, -10deg);
|
| 291 |
+
transform: rotate3d(0, 0, 1, -10deg);
|
| 292 |
+
}
|
| 293 |
+
|
| 294 |
+
60% {
|
| 295 |
+
-webkit-transform: rotate3d(0, 0, 1, 5deg);
|
| 296 |
+
transform: rotate3d(0, 0, 1, 5deg);
|
| 297 |
+
}
|
| 298 |
+
|
| 299 |
+
80% {
|
| 300 |
+
-webkit-transform: rotate3d(0, 0, 1, -5deg);
|
| 301 |
+
transform: rotate3d(0, 0, 1, -5deg);
|
| 302 |
+
}
|
| 303 |
+
|
| 304 |
+
100% {
|
| 305 |
+
-webkit-transform: rotate3d(0, 0, 1, 0deg);
|
| 306 |
+
transform: rotate3d(0, 0, 1, 0deg);
|
| 307 |
+
}
|
| 308 |
+
}
|
| 309 |
+
|
| 310 |
+
@keyframes swing {
|
| 311 |
+
20% {
|
| 312 |
+
-webkit-transform: rotate3d(0, 0, 1, 15deg);
|
| 313 |
+
-ms-transform: rotate3d(0, 0, 1, 15deg);
|
| 314 |
+
transform: rotate3d(0, 0, 1, 15deg);
|
| 315 |
+
}
|
| 316 |
+
|
| 317 |
+
40% {
|
| 318 |
+
-webkit-transform: rotate3d(0, 0, 1, -10deg);
|
| 319 |
+
-ms-transform: rotate3d(0, 0, 1, -10deg);
|
| 320 |
+
transform: rotate3d(0, 0, 1, -10deg);
|
| 321 |
+
}
|
| 322 |
+
|
| 323 |
+
60% {
|
| 324 |
+
-webkit-transform: rotate3d(0, 0, 1, 5deg);
|
| 325 |
+
-ms-transform: rotate3d(0, 0, 1, 5deg);
|
| 326 |
+
transform: rotate3d(0, 0, 1, 5deg);
|
| 327 |
+
}
|
| 328 |
+
|
| 329 |
+
80% {
|
| 330 |
+
-webkit-transform: rotate3d(0, 0, 1, -5deg);
|
| 331 |
+
-ms-transform: rotate3d(0, 0, 1, -5deg);
|
| 332 |
+
transform: rotate3d(0, 0, 1, -5deg);
|
| 333 |
+
}
|
| 334 |
+
|
| 335 |
+
100% {
|
| 336 |
+
-webkit-transform: rotate3d(0, 0, 1, 0deg);
|
| 337 |
+
-ms-transform: rotate3d(0, 0, 1, 0deg);
|
| 338 |
+
transform: rotate3d(0, 0, 1, 0deg);
|
| 339 |
+
}
|
| 340 |
+
}
|
| 341 |
+
|
| 342 |
+
.swing {
|
| 343 |
+
-webkit-transform-origin: top center;
|
| 344 |
+
-ms-transform-origin: top center;
|
| 345 |
+
transform-origin: top center;
|
| 346 |
+
-webkit-animation-name: swing;
|
| 347 |
+
animation-name: swing;
|
| 348 |
+
}
|
| 349 |
+
|
| 350 |
+
@-webkit-keyframes tada {
|
| 351 |
+
0% {
|
| 352 |
+
-webkit-transform: scale3d(1, 1, 1);
|
| 353 |
+
transform: scale3d(1, 1, 1);
|
| 354 |
+
}
|
| 355 |
+
|
| 356 |
+
10%, 20% {
|
| 357 |
+
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
|
| 358 |
+
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
|
| 359 |
+
}
|
| 360 |
+
|
| 361 |
+
30%, 50%, 70%, 90% {
|
| 362 |
+
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
| 363 |
+
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
| 364 |
+
}
|
| 365 |
+
|
| 366 |
+
40%, 60%, 80% {
|
| 367 |
+
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
| 368 |
+
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
| 369 |
+
}
|
| 370 |
+
|
| 371 |
+
100% {
|
| 372 |
+
-webkit-transform: scale3d(1, 1, 1);
|
| 373 |
+
transform: scale3d(1, 1, 1);
|
| 374 |
+
}
|
| 375 |
+
}
|
| 376 |
+
|
| 377 |
+
@keyframes tada {
|
| 378 |
+
0% {
|
| 379 |
+
-webkit-transform: scale3d(1, 1, 1);
|
| 380 |
+
-ms-transform: scale3d(1, 1, 1);
|
| 381 |
+
transform: scale3d(1, 1, 1);
|
| 382 |
+
}
|
| 383 |
+
|
| 384 |
+
10%, 20% {
|
| 385 |
+
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
|
| 386 |
+
-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
|
| 387 |
+
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
|
| 388 |
+
}
|
| 389 |
+
|
| 390 |
+
30%, 50%, 70%, 90% {
|
| 391 |
+
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
| 392 |
+
-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
| 393 |
+
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
|
| 394 |
+
}
|
| 395 |
+
|
| 396 |
+
40%, 60%, 80% {
|
| 397 |
+
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
| 398 |
+
-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
| 399 |
+
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
|
| 400 |
+
}
|
| 401 |
+
|
| 402 |
+
100% {
|
| 403 |
+
-webkit-transform: scale3d(1, 1, 1);
|
| 404 |
+
-ms-transform: scale3d(1, 1, 1);
|
| 405 |
+
transform: scale3d(1, 1, 1);
|
| 406 |
+
}
|
| 407 |
+
}
|
| 408 |
+
|
| 409 |
+
.tada {
|
| 410 |
+
-webkit-animation-name: tada;
|
| 411 |
+
animation-name: tada;
|
| 412 |
+
}
|
| 413 |
+
|
| 414 |
+
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
| 415 |
+
|
| 416 |
+
@-webkit-keyframes wobble {
|
| 417 |
+
0% {
|
| 418 |
+
-webkit-transform: none;
|
| 419 |
+
transform: none;
|
| 420 |
+
}
|
| 421 |
+
|
| 422 |
+
15% {
|
| 423 |
+
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
| 424 |
+
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
| 425 |
+
}
|
| 426 |
+
|
| 427 |
+
30% {
|
| 428 |
+
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
| 429 |
+
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
| 430 |
+
}
|
| 431 |
+
|
| 432 |
+
45% {
|
| 433 |
+
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
| 434 |
+
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
| 435 |
+
}
|
| 436 |
+
|
| 437 |
+
60% {
|
| 438 |
+
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
| 439 |
+
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
| 440 |
+
}
|
| 441 |
+
|
| 442 |
+
75% {
|
| 443 |
+
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
| 444 |
+
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
| 445 |
+
}
|
| 446 |
+
|
| 447 |
+
100% {
|
| 448 |
+
-webkit-transform: none;
|
| 449 |
+
transform: none;
|
| 450 |
+
}
|
| 451 |
+
}
|
| 452 |
+
|
| 453 |
+
@keyframes wobble {
|
| 454 |
+
0% {
|
| 455 |
+
-webkit-transform: none;
|
| 456 |
+
-ms-transform: none;
|
| 457 |
+
transform: none;
|
| 458 |
+
}
|
| 459 |
+
|
| 460 |
+
15% {
|
| 461 |
+
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
| 462 |
+
-ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
| 463 |
+
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
|
| 464 |
+
}
|
| 465 |
+
|
| 466 |
+
30% {
|
| 467 |
+
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
| 468 |
+
-ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
| 469 |
+
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
|
| 470 |
+
}
|
| 471 |
+
|
| 472 |
+
45% {
|
| 473 |
+
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
| 474 |
+
-ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
| 475 |
+
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
|
| 476 |
+
}
|
| 477 |
+
|
| 478 |
+
60% {
|
| 479 |
+
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
| 480 |
+
-ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
| 481 |
+
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
|
| 482 |
+
}
|
| 483 |
+
|
| 484 |
+
75% {
|
| 485 |
+
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
| 486 |
+
-ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
| 487 |
+
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
|
| 488 |
+
}
|
| 489 |
+
|
| 490 |
+
100% {
|
| 491 |
+
-webkit-transform: none;
|
| 492 |
+
-ms-transform: none;
|
| 493 |
+
transform: none;
|
| 494 |
+
}
|
| 495 |
+
}
|
| 496 |
+
|
| 497 |
+
.wobble {
|
| 498 |
+
-webkit-animation-name: wobble;
|
| 499 |
+
animation-name: wobble;
|
| 500 |
+
}
|
| 501 |
+
|
| 502 |
+
@-webkit-keyframes bounceIn {
|
| 503 |
+
0%, 20%, 40%, 60%, 80%, 100% {
|
| 504 |
+
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
| 505 |
+
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
| 506 |
+
}
|
| 507 |
+
|
| 508 |
+
0% {
|
| 509 |
+
opacity: 0;
|
| 510 |
+
-webkit-transform: scale3d(.3, .3, .3);
|
| 511 |
+
transform: scale3d(.3, .3, .3);
|
| 512 |
+
}
|
| 513 |
+
|
| 514 |
+
20% {
|
| 515 |
+
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
| 516 |
+
transform: scale3d(1.1, 1.1, 1.1);
|
| 517 |
+
}
|
| 518 |
+
|
| 519 |
+
40% {
|
| 520 |
+
-webkit-transform: scale3d(.9, .9, .9);
|
| 521 |
+
transform: scale3d(.9, .9, .9);
|
| 522 |
+
}
|
| 523 |
+
|
| 524 |
+
60% {
|
| 525 |
+
opacity: 1;
|
| 526 |
+
-webkit-transform: scale3d(1.03, 1.03, 1.03);
|
| 527 |
+
transform: scale3d(1.03, 1.03, 1.03);
|
| 528 |
+
}
|
| 529 |
+
|
| 530 |
+
80% {
|
| 531 |
+
-webkit-transform: scale3d(.97, .97, .97);
|
| 532 |
+
transform: scale3d(.97, .97, .97);
|
| 533 |
+
}
|
| 534 |
+
|
| 535 |
+
100% {
|
| 536 |
+
opacity: 1;
|
| 537 |
+
-webkit-transform: scale3d(1, 1, 1);
|
| 538 |
+
transform: scale3d(1, 1, 1);
|
| 539 |
+
}
|
| 540 |
+
}
|
| 541 |
+
|
| 542 |
+
@keyframes bounceIn {
|
| 543 |
+
0%, 20%, 40%, 60%, 80%, 100% {
|
| 544 |
+
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
| 545 |
+
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
| 546 |
+
}
|
| 547 |
+
|
| 548 |
+
0% {
|
| 549 |
+
opacity: 0;
|
| 550 |
+
-webkit-transform: scale3d(.3, .3, .3);
|
| 551 |
+
-ms-transform: scale3d(.3, .3, .3);
|
| 552 |
+
transform: scale3d(.3, .3, .3);
|
| 553 |
+
}
|
| 554 |
+
|
| 555 |
+
20% {
|
| 556 |
+
-webkit-transform: scale3d(1.1, 1.1, 1.1);
|
| 557 |
+
-ms-transform: scale3d(1.1, 1.1, 1.1);
|
| 558 |
+
transform: scale3d(1.1, 1.1, 1.1);
|
| 559 |
+
}
|
| 560 |
+
|
| 561 |
+
40% {
|
| 562 |
+
-webkit-transform: scale3d(.9, .9, .9);
|
| 563 |
+
-ms-transform: scale3d(.9, .9, .9);
|
| 564 |
+
transform: scale3d(.9, .9, .9);
|
| 565 |
+
}
|
| 566 |
+
|
| 567 |
+
60% {
|
| 568 |
+
opacity: 1;
|
| 569 |
+
-webkit-transform: scale3d(1.03, 1.03, 1.03);
|
| 570 |
+
-ms-transform: scale3d(1.03, 1.03, 1.03);
|
| 571 |
+
transform: scale3d(1.03, 1.03, 1.03);
|
| 572 |
+
}
|
| 573 |
+
|
| 574 |
+
80% {
|
| 575 |
+
-webkit-transform: scale3d(.97, .97, .97);
|
| 576 |
+
-ms-transform: scale3d(.97, .97, .97);
|
| 577 |
+
transform: scale3d(.97, .97, .97);
|
| 578 |
+
}
|
| 579 |
+
|
| 580 |
+
100% {
|
| 581 |
+
opacity: 1;
|
| 582 |
+
-webkit-transform: scale3d(1, 1, 1);
|
| 583 |
+
-ms-transform: scale3d(1, 1, 1);
|
| 584 |
+
transform: scale3d(1, 1, 1);
|
| 585 |
+
}
|
| 586 |
+
}
|
| 587 |
+
|
| 588 |
+
.bounceIn {
|
| 589 |
+
-webkit-animation-name: bounceIn;
|
| 590 |
+
animation-name: bounceIn;
|
| 591 |
+
-webkit-animation-duration: .75s;
|
| 592 |
+
animation-duration: .75s;
|
| 593 |
+
}
|
| 594 |
+
|
| 595 |
+
@-webkit-keyframes bounceInDown {
|
| 596 |
+
0%, 60%, 75%, 90%, 100% {
|
| 597 |
+
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
| 598 |
+
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
| 599 |
+
}
|
| 600 |
+
|
| 601 |
+
0% {
|
| 602 |
+
opacity: 0;
|
| 603 |
+
-webkit-transform: translate3d(0, -3000px, 0);
|
| 604 |
+
transform: translate3d(0, -3000px, 0);
|
| 605 |
+
}
|
| 606 |
+
|
| 607 |
+
60% {
|
| 608 |
+
opacity: 1;
|
| 609 |
+
-webkit-transform: translate3d(0, 25px, 0);
|
| 610 |
+
transform: translate3d(0, 25px, 0);
|
| 611 |
+
}
|
| 612 |
+
|
| 613 |
+
75% {
|
| 614 |
+
-webkit-transform: translate3d(0, -10px, 0);
|
| 615 |
+
transform: translate3d(0, -10px, 0);
|
| 616 |
+
}
|
| 617 |
+
|
| 618 |
+
90% {
|
| 619 |
+
-webkit-transform: translate3d(0, 5px, 0);
|
| 620 |
+
transform: translate3d(0, 5px, 0);
|
| 621 |
+
}
|
| 622 |
+
|
| 623 |
+
100% {
|
| 624 |
+
-webkit-transform: none;
|
| 625 |
+
transform: none;
|
| 626 |
+
}
|
| 627 |
+
}
|
| 628 |
+
|
| 629 |
+
@keyframes bounceInDown {
|
| 630 |
+
0%, 60%, 75%, 90%, 100% {
|
| 631 |
+
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
| 632 |
+
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
| 633 |
+
}
|
| 634 |
+
|
| 635 |
+
0% {
|
| 636 |
+
opacity: 0;
|
| 637 |
+
-webkit-transform: translate3d(0, -3000px, 0);
|
| 638 |
+
-ms-transform: translate3d(0, -3000px, 0);
|
| 639 |
+
transform: translate3d(0, -3000px, 0);
|
| 640 |
+
}
|
| 641 |
+
|
| 642 |
+
60% {
|
| 643 |
+
opacity: 1;
|
| 644 |
+
-webkit-transform: translate3d(0, 25px, 0);
|
| 645 |
+
-ms-transform: translate3d(0, 25px, 0);
|
| 646 |
+
transform: translate3d(0, 25px, 0);
|
| 647 |
+
}
|
| 648 |
+
|
| 649 |
+
75% {
|
| 650 |
+
-webkit-transform: translate3d(0, -10px, 0);
|
| 651 |
+
-ms-transform: translate3d(0, -10px, 0);
|
| 652 |
+
transform: translate3d(0, -10px, 0);
|
| 653 |
+
}
|
| 654 |
+
|
| 655 |
+
90% {
|
| 656 |
+
-webkit-transform: translate3d(0, 5px, 0);
|
| 657 |
+
-ms-transform: translate3d(0, 5px, 0);
|
| 658 |
+
transform: translate3d(0, 5px, 0);
|
| 659 |
+
}
|
| 660 |
+
|
| 661 |
+
100% {
|
| 662 |
+
-webkit-transform: none;
|
| 663 |
+
-ms-transform: none;
|
| 664 |
+
transform: none;
|
| 665 |
+
}
|
| 666 |
+
}
|
| 667 |
+
|
| 668 |
+
.bounceInDown {
|
| 669 |
+
-webkit-animation-name: bounceInDown;
|
| 670 |
+
animation-name: bounceInDown;
|
| 671 |
+
}
|
| 672 |
+
|
| 673 |
+
@-webkit-keyframes bounceInLeft {
|
| 674 |
+
0%, 60%, 75%, 90%, 100% {
|
| 675 |
+
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
| 676 |
+
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
| 677 |
+
}
|
| 678 |
+
|
| 679 |
+
0% {
|
| 680 |
+
opacity: 0;
|
| 681 |
+
-webkit-transform: translate3d(-3000px, 0, 0);
|
| 682 |
+
transform: translate3d(-3000px, 0, 0);
|
| 683 |
+
}
|
| 684 |
+
|
| 685 |
+
60% {
|
| 686 |
+
opacity: 1;
|
| 687 |
+
-webkit-transform: translate3d(25px, 0, 0);
|
| 688 |
+
transform: translate3d(25px, 0, 0);
|
| 689 |
+
}
|
| 690 |
+
|
| 691 |
+
75% {
|
| 692 |
+
-webkit-transform: translate3d(-10px, 0, 0);
|
| 693 |
+
transform: translate3d(-10px, 0, 0);
|
| 694 |
+
}
|
| 695 |
+
|
| 696 |
+
90% {
|
| 697 |
+
-webkit-transform: translate3d(5px, 0, 0);
|
| 698 |
+
transform: translate3d(5px, 0, 0);
|
| 699 |
+
}
|
| 700 |
+
|
| 701 |
+
100% {
|
| 702 |
+
-webkit-transform: none;
|
| 703 |
+
transform: none;
|
| 704 |
+
}
|
| 705 |
+
}
|
| 706 |
+
|
| 707 |
+
@keyframes bounceInLeft {
|
| 708 |
+
0%, 60%, 75%, 90%, 100% {
|
| 709 |
+
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
| 710 |
+
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
| 711 |
+
}
|
| 712 |
+
|
| 713 |
+
0% {
|
| 714 |
+
opacity: 0;
|
| 715 |
+
-webkit-transform: translate3d(-3000px, 0, 0);
|
| 716 |
+
-ms-transform: translate3d(-3000px, 0, 0);
|
| 717 |
+
transform: translate3d(-3000px, 0, 0);
|
| 718 |
+
}
|
| 719 |
+
|
| 720 |
+
60% {
|
| 721 |
+
opacity: 1;
|
| 722 |
+
-webkit-transform: translate3d(25px, 0, 0);
|
| 723 |
+
-ms-transform: translate3d(25px, 0, 0);
|
| 724 |
+
transform: translate3d(25px, 0, 0);
|
| 725 |
+
}
|
| 726 |
+
|
| 727 |
+
75% {
|
| 728 |
+
-webkit-transform: translate3d(-10px, 0, 0);
|
| 729 |
+
-ms-transform: translate3d(-10px, 0, 0);
|
| 730 |
+
transform: translate3d(-10px, 0, 0);
|
| 731 |
+
}
|
| 732 |
+
|
| 733 |
+
90% {
|
| 734 |
+
-webkit-transform: translate3d(5px, 0, 0);
|
| 735 |
+
-ms-transform: translate3d(5px, 0, 0);
|
| 736 |
+
transform: translate3d(5px, 0, 0);
|
| 737 |
+
}
|
| 738 |
+
|
| 739 |
+
100% {
|
| 740 |
+
-webkit-transform: none;
|
| 741 |
+
-ms-transform: none;
|
| 742 |
+
transform: none;
|
| 743 |
+
}
|
| 744 |
+
}
|
| 745 |
+
|
| 746 |
+
.bounceInLeft {
|
| 747 |
+
-webkit-animation-name: bounceInLeft;
|
| 748 |
+
animation-name: bounceInLeft;
|
| 749 |
+
}
|
| 750 |
+
|
| 751 |
+
@-webkit-keyframes bounceInRight {
|
| 752 |
+
0%, 60%, 75%, 90%, 100% {
|
| 753 |
+
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
| 754 |
+
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
| 755 |
+
}
|
| 756 |
+
|
| 757 |
+
0% {
|
| 758 |
+
opacity: 0;
|
| 759 |
+
-webkit-transform: translate3d(3000px, 0, 0);
|
| 760 |
+
transform: translate3d(3000px, 0, 0);
|
| 761 |
+
}
|
| 762 |
+
|
| 763 |
+
60% {
|
| 764 |
+
opacity: 1;
|
| 765 |
+
-webkit-transform: translate3d(-25px, 0, 0);
|
| 766 |
+
transform: translate3d(-25px, 0, 0);
|
| 767 |
+
}
|
| 768 |
+
|
| 769 |
+
75% {
|
| 770 |
+
-webkit-transform: translate3d(10px, 0, 0);
|
| 771 |
+
transform: translate3d(10px, 0, 0);
|
| 772 |
+
}
|
| 773 |
+
|
| 774 |
+
90% {
|
| 775 |
+
-webkit-transform: translate3d(-5px, 0, 0);
|
| 776 |
+
transform: translate3d(-5px, 0, 0);
|
| 777 |
+
}
|
| 778 |
+
|
| 779 |
+
100% {
|
| 780 |
+
-webkit-transform: none;
|
| 781 |
+
transform: none;
|
| 782 |
+
}
|
| 783 |
+
}
|
| 784 |
+
|
| 785 |
+
@keyframes bounceInRight {
|
| 786 |
+
0%, 60%, 75%, 90%, 100% {
|
| 787 |
+
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
| 788 |
+
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
| 789 |
+
}
|
| 790 |
+
|
| 791 |
+
0% {
|
| 792 |
+
opacity: 0;
|
| 793 |
+
-webkit-transform: translate3d(3000px, 0, 0);
|
| 794 |
+
-ms-transform: translate3d(3000px, 0, 0);
|
| 795 |
+
transform: translate3d(3000px, 0, 0);
|
| 796 |
+
}
|
| 797 |
+
|
| 798 |
+
60% {
|
| 799 |
+
opacity: 1;
|
| 800 |
+
-webkit-transform: translate3d(-25px, 0, 0);
|
| 801 |
+
-ms-transform: translate3d(-25px, 0, 0);
|
| 802 |
+
transform: translate3d(-25px, 0, 0);
|
| 803 |
+
}
|
| 804 |
+
|
| 805 |
+
75% {
|
| 806 |
+
-webkit-transform: translate3d(10px, 0, 0);
|
| 807 |
+
-ms-transform: translate3d(10px, 0, 0);
|
| 808 |
+
transform: translate3d(10px, 0, 0);
|
| 809 |
+
}
|
| 810 |
+
|
| 811 |
+
90% {
|
| 812 |
+
-webkit-transform: translate3d(-5px, 0, 0);
|
| 813 |
+
-ms-transform: translate3d(-5px, 0, 0);
|
| 814 |
+
transform: translate3d(-5px, 0, 0);
|
| 815 |
+
}
|
| 816 |
+
|
| 817 |
+
100% {
|
| 818 |
+
-webkit-transform: none;
|
| 819 |
+
-ms-transform: none;
|
| 820 |
+
transform: none;
|
| 821 |
+
}
|
| 822 |
+
}
|
| 823 |
+
|
| 824 |
+
.bounceInRight {
|
| 825 |
+
-webkit-animation-name: bounceInRight;
|
| 826 |
+
animation-name: bounceInRight;
|
| 827 |
+
}
|
| 828 |
+
|
| 829 |
+
@-webkit-keyframes bounceInUp {
|
| 830 |
+
0%, 60%, 75%, 90%, 100% {
|
| 831 |
+
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
| 832 |
+
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
| 833 |
+
}
|
| 834 |
+
|
| 835 |
+
0% {
|
| 836 |
+
opacity: 0;
|
| 837 |
+
-webkit-transform: translate3d(0, 3000px, 0);
|
| 838 |
+
transform: translate3d(0, 3000px, 0);
|
| 839 |
+
}
|
| 840 |
+
|
| 841 |
+
60% {
|
| 842 |
+
opacity: 1;
|
| 843 |
+
-webkit-transform: translate3d(0, -20px, 0);
|
| 844 |
+
transform: translate3d(0, -20px, 0);
|
| 845 |
+
}
|
| 846 |
+
|
| 847 |
+
75% {
|
| 848 |
+
-webkit-transform: translate3d(0, 10px, 0);
|
| 849 |
+
transform: translate3d(0, 10px, 0);
|
| 850 |
+
}
|
| 851 |
+
|
| 852 |
+
90% {
|
| 853 |
+
-webkit-transform: translate3d(0, -5px, 0);
|
| 854 |
+
transform: translate3d(0, -5px, 0);
|
| 855 |
+
}
|
| 856 |
+
|
| 857 |
+
100% {
|
| 858 |
+
-webkit-transform: translate3d(0, 0, 0);
|
| 859 |
+
transform: translate3d(0, 0, 0);
|
| 860 |
+
}
|
| 861 |
+
}
|
| 862 |
+
|
| 863 |
+
@keyframes bounceInUp {
|
| 864 |
+
0%, 60%, 75%, 90%, 100% {
|
| 865 |
+
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
| 866 |
+
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
|
| 867 |
+
}
|
| 868 |
+
|
| 869 |
+
0% {
|
| 870 |
+
opacity: 0;
|
| 871 |
+
-webkit-transform: translate3d(0, 3000px, 0);
|
| 872 |
+
-ms-transform: translate3d(0, 3000px, 0);
|
| 873 |
+
transform: translate3d(0, 3000px, 0);
|
| 874 |
+
}
|
| 875 |
+
|
| 876 |
+
60% {
|
| 877 |
+
opacity: 1;
|
| 878 |
+
-webkit-transform: translate3d(0, -20px, 0);
|
| 879 |
+
-ms-transform: translate3d(0, -20px, 0);
|
| 880 |
+
transform: translate3d(0, -20px, 0);
|
| 881 |
+
}
|
| 882 |
+
|
| 883 |
+
75% {
|
| 884 |
+
-webkit-transform: translate3d(0, 10px, 0);
|
| 885 |
+
-ms-transform: translate3d(0, 10px, 0);
|
| 886 |
+
transform: translate3d(0, 10px, 0);
|
| 887 |
+
}
|
| 888 |
+
|
| 889 |
+
90% {
|
| 890 |
+
-webkit-transform: translate3d(0, -5px, 0);
|
| 891 |
+
-ms-transform: translate3d(0, -5px, 0);
|
| 892 |
+
transform: translate3d(0, -5px, 0);
|
| 893 |
+
}
|
| 894 |
+
|
| 895 |
+
100% {
|
| 896 |
+
-webkit-transform: translate3d(0, 0, 0);
|
| 897 |
+
-ms-transform: translate3d(0, 0, 0);
|
| 898 |
+
transform: translate3d(0, 0, 0);
|
| 899 |
+
}
|
| 900 |
+
}
|
| 901 |
+
|
| 902 |
+
.bounceInUp {
|
| 903 |
+
-webkit-animation-name: bounceInUp;
|
| 904 |
+
animation-name: bounceInUp;
|
| 905 |
+
}
|
| 906 |
+
|
| 907 |
+
|
| 908 |
+
|
| 909 |
+
|
| 910 |
+
@-webkit-keyframes fadeIn {
|
| 911 |
+
0% {
|
| 912 |
+
opacity: 0;
|
| 913 |
+
}
|
| 914 |
+
|
| 915 |
+
100% {
|
| 916 |
+
opacity: 1;
|
| 917 |
+
}
|
| 918 |
+
}
|
| 919 |
+
|
| 920 |
+
@keyframes fadeIn {
|
| 921 |
+
0% {
|
| 922 |
+
opacity: 0;
|
| 923 |
+
}
|
| 924 |
+
|
| 925 |
+
100% {
|
| 926 |
+
opacity: 1;
|
| 927 |
+
}
|
| 928 |
+
}
|
| 929 |
+
|
| 930 |
+
.fadeIn {
|
| 931 |
+
-webkit-animation-name: fadeIn;
|
| 932 |
+
animation-name: fadeIn;
|
| 933 |
+
}
|
| 934 |
+
|
| 935 |
+
@-webkit-keyframes fadeInDown {
|
| 936 |
+
0% {
|
| 937 |
+
opacity: 0;
|
| 938 |
+
-webkit-transform: translate3d(0, -100%, 0);
|
| 939 |
+
transform: translate3d(0, -100%, 0);
|
| 940 |
+
}
|
| 941 |
+
|
| 942 |
+
100% {
|
| 943 |
+
opacity: 1;
|
| 944 |
+
-webkit-transform: none;
|
| 945 |
+
transform: none;
|
| 946 |
+
}
|
| 947 |
+
}
|
| 948 |
+
|
| 949 |
+
@keyframes fadeInDown {
|
| 950 |
+
0% {
|
| 951 |
+
opacity: 0;
|
| 952 |
+
-webkit-transform: translate3d(0, -100%, 0);
|
| 953 |
+
-ms-transform: translate3d(0, -100%, 0);
|
| 954 |
+
transform: translate3d(0, -100%, 0);
|
| 955 |
+
}
|
| 956 |
+
|
| 957 |
+
100% {
|
| 958 |
+
opacity: 1;
|
| 959 |
+
-webkit-transform: none;
|
| 960 |
+
-ms-transform: none;
|
| 961 |
+
transform: none;
|
| 962 |
+
}
|
| 963 |
+
}
|
| 964 |
+
|
| 965 |
+
.fadeInDown {
|
| 966 |
+
-webkit-animation-name: fadeInDown;
|
| 967 |
+
animation-name: fadeInDown;
|
| 968 |
+
}
|
| 969 |
+
|
| 970 |
+
@-webkit-keyframes fadeInDownBig {
|
| 971 |
+
0% {
|
| 972 |
+
opacity: 0;
|
| 973 |
+
-webkit-transform: translate3d(0, -2000px, 0);
|
| 974 |
+
transform: translate3d(0, -2000px, 0);
|
| 975 |
+
}
|
| 976 |
+
|
| 977 |
+
100% {
|
| 978 |
+
opacity: 1;
|
| 979 |
+
-webkit-transform: none;
|
| 980 |
+
transform: none;
|
| 981 |
+
}
|
| 982 |
+
}
|
| 983 |
+
|
| 984 |
+
@keyframes fadeInDownBig {
|
| 985 |
+
0% {
|
| 986 |
+
opacity: 0;
|
| 987 |
+
-webkit-transform: translate3d(0, -2000px, 0);
|
| 988 |
+
-ms-transform: translate3d(0, -2000px, 0);
|
| 989 |
+
transform: translate3d(0, -2000px, 0);
|
| 990 |
+
}
|
| 991 |
+
|
| 992 |
+
100% {
|
| 993 |
+
opacity: 1;
|
| 994 |
+
-webkit-transform: none;
|
| 995 |
+
-ms-transform: none;
|
| 996 |
+
transform: none;
|
| 997 |
+
}
|
| 998 |
+
}
|
| 999 |
+
|
| 1000 |
+
.fadeInDownBig {
|
| 1001 |
+
-webkit-animation-name: fadeInDownBig;
|
| 1002 |
+
animation-name: fadeInDownBig;
|
| 1003 |
+
}
|
| 1004 |
+
|
| 1005 |
+
@-webkit-keyframes fadeInLeft {
|
| 1006 |
+
0% {
|
| 1007 |
+
opacity: 0;
|
| 1008 |
+
-webkit-transform: translate3d(-100%, 0, 0);
|
| 1009 |
+
transform: translate3d(-100%, 0, 0);
|
| 1010 |
+
}
|
| 1011 |
+
|
| 1012 |
+
100% {
|
| 1013 |
+
opacity: 1;
|
| 1014 |
+
-webkit-transform: none;
|
| 1015 |
+
transform: none;
|
| 1016 |
+
}
|
| 1017 |
+
}
|
| 1018 |
+
|
| 1019 |
+
@keyframes fadeInLeft {
|
| 1020 |
+
0% {
|
| 1021 |
+
opacity: 0;
|
| 1022 |
+
-webkit-transform: translate3d(-100%, 0, 0);
|
| 1023 |
+
-ms-transform: translate3d(-100%, 0, 0);
|
| 1024 |
+
transform: translate3d(-100%, 0, 0);
|
| 1025 |
+
}
|
| 1026 |
+
|
| 1027 |
+
100% {
|
| 1028 |
+
opacity: 1;
|
| 1029 |
+
-webkit-transform: none;
|
| 1030 |
+
-ms-transform: none;
|
| 1031 |
+
transform: none;
|
| 1032 |
+
}
|
| 1033 |
+
}
|
| 1034 |
+
|
| 1035 |
+
.fadeInLeft {
|
| 1036 |
+
-webkit-animation-name: fadeInLeft;
|
| 1037 |
+
animation-name: fadeInLeft;
|
| 1038 |
+
}
|
| 1039 |
+
|
| 1040 |
+
@-webkit-keyframes fadeInLeftBig {
|
| 1041 |
+
0% {
|
| 1042 |
+
opacity: 0;
|
| 1043 |
+
-webkit-transform: translate3d(-2000px, 0, 0);
|
| 1044 |
+
transform: translate3d(-2000px, 0, 0);
|
| 1045 |
+
}
|
| 1046 |
+
|
| 1047 |
+
100% {
|
| 1048 |
+
opacity: 1;
|
| 1049 |
+
-webkit-transform: none;
|
| 1050 |
+
transform: none;
|
| 1051 |
+
}
|
| 1052 |
+
}
|
| 1053 |
+
|
| 1054 |
+
@keyframes fadeInLeftBig {
|
| 1055 |
+
0% {
|
| 1056 |
+
opacity: 0;
|
| 1057 |
+
-webkit-transform: translate3d(-2000px, 0, 0);
|
| 1058 |
+
-ms-transform: translate3d(-2000px, 0, 0);
|
| 1059 |
+
transform: translate3d(-2000px, 0, 0);
|
| 1060 |
+
}
|
| 1061 |
+
|
| 1062 |
+
100% {
|
| 1063 |
+
opacity: 1;
|
| 1064 |
+
-webkit-transform: none;
|
| 1065 |
+
-ms-transform: none;
|
| 1066 |
+
transform: none;
|
| 1067 |
+
}
|
| 1068 |
+
}
|
| 1069 |
+
|
| 1070 |
+
.fadeInLeftBig {
|
| 1071 |
+
-webkit-animation-name: fadeInLeftBig;
|
| 1072 |
+
animation-name: fadeInLeftBig;
|
| 1073 |
+
}
|
| 1074 |
+
|
| 1075 |
+
@-webkit-keyframes fadeInRight {
|
| 1076 |
+
0% {
|
| 1077 |
+
opacity: 0;
|
| 1078 |
+
-webkit-transform: translate3d(100%, 0, 0);
|
| 1079 |
+
transform: translate3d(100%, 0, 0);
|
| 1080 |
+
}
|
| 1081 |
+
|
| 1082 |
+
100% {
|
| 1083 |
+
opacity: 1;
|
| 1084 |
+
-webkit-transform: none;
|
| 1085 |
+
transform: none;
|
| 1086 |
+
}
|
| 1087 |
+
}
|
| 1088 |
+
|
| 1089 |
+
@keyframes fadeInRight {
|
| 1090 |
+
0% {
|
| 1091 |
+
opacity: 0;
|
| 1092 |
+
-webkit-transform: translate3d(100%, 0, 0);
|
| 1093 |
+
-ms-transform: translate3d(100%, 0, 0);
|
| 1094 |
+
transform: translate3d(100%, 0, 0);
|
| 1095 |
+
}
|
| 1096 |
+
|
| 1097 |
+
100% {
|
| 1098 |
+
opacity: 1;
|
| 1099 |
+
-webkit-transform: none;
|
| 1100 |
+
-ms-transform: none;
|
| 1101 |
+
transform: none;
|
| 1102 |
+
}
|
| 1103 |
+
}
|
| 1104 |
+
|
| 1105 |
+
.fadeInRight {
|
| 1106 |
+
-webkit-animation-name: fadeInRight;
|
| 1107 |
+
animation-name: fadeInRight;
|
| 1108 |
+
}
|
| 1109 |
+
|
| 1110 |
+
@-webkit-keyframes fadeInRightBig {
|
| 1111 |
+
0% {
|
| 1112 |
+
opacity: 0;
|
| 1113 |
+
-webkit-transform: translate3d(2000px, 0, 0);
|
| 1114 |
+
transform: translate3d(2000px, 0, 0);
|
| 1115 |
+
}
|
| 1116 |
+
|
| 1117 |
+
100% {
|
| 1118 |
+
opacity: 1;
|
| 1119 |
+
-webkit-transform: none;
|
| 1120 |
+
transform: none;
|
| 1121 |
+
}
|
| 1122 |
+
}
|
| 1123 |
+
|
| 1124 |
+
@keyframes fadeInRightBig {
|
| 1125 |
+
0% {
|
| 1126 |
+
opacity: 0;
|
| 1127 |
+
-webkit-transform: translate3d(2000px, 0, 0);
|
| 1128 |
+
-ms-transform: translate3d(2000px, 0, 0);
|
| 1129 |
+
transform: translate3d(2000px, 0, 0);
|
| 1130 |
+
}
|
| 1131 |
+
|
| 1132 |
+
100% {
|
| 1133 |
+
opacity: 0;
|
| 1134 |
+
-webkit-transform: none;
|
| 1135 |
+
-ms-transform: none;
|
| 1136 |
+
transform: none;
|
| 1137 |
+
}
|
| 1138 |
+
}
|
| 1139 |
+
|
| 1140 |
+
.fadeInRightBig {
|
| 1141 |
+
-webkit-animation-name: fadeInRightBig;
|
| 1142 |
+
animation-name: fadeInRightBig;
|
| 1143 |
+
}
|
| 1144 |
+
|
| 1145 |
+
@-webkit-keyframes fadeInUp {
|
| 1146 |
+
0% {
|
| 1147 |
+
opacity: 0;
|
| 1148 |
+
-webkit-transform: translate3d(0, 100%, 0);
|
| 1149 |
+
transform: translate3d(0, 100%, 0);
|
| 1150 |
+
}
|
| 1151 |
+
|
| 1152 |
+
100% {
|
| 1153 |
+
opacity: 1;
|
| 1154 |
+
-webkit-transform: none;
|
| 1155 |
+
transform: none;
|
| 1156 |
+
}
|
| 1157 |
+
}
|
| 1158 |
+
|
| 1159 |
+
@keyframes fadeInUp {
|
| 1160 |
+
0% {
|
| 1161 |
+
opacity: 0;
|
| 1162 |
+
-webkit-transform: translate3d(0, 100%, 0);
|
| 1163 |
+
-ms-transform: translate3d(0, 100%, 0);
|
| 1164 |
+
transform: translate3d(0, 100%, 0);
|
| 1165 |
+
}
|
| 1166 |
+
|
| 1167 |
+
100% {
|
| 1168 |
+
opacity: 1;
|
| 1169 |
+
-webkit-transform: none;
|
| 1170 |
+
-ms-transform: none;
|
| 1171 |
+
transform: none;
|
| 1172 |
+
}
|
| 1173 |
+
}
|
| 1174 |
+
|
| 1175 |
+
.fadeInUp {
|
| 1176 |
+
-webkit-animation-name: fadeInUp;
|
| 1177 |
+
animation-name: fadeInUp;
|
| 1178 |
+
}
|
| 1179 |
+
|
| 1180 |
+
@-webkit-keyframes fadeInUpBig {
|
| 1181 |
+
0% {
|
| 1182 |
+
opacity: 0;
|
| 1183 |
+
-webkit-transform: translate3d(0, 2000px, 0);
|
| 1184 |
+
transform: translate3d(0, 2000px, 0);
|
| 1185 |
+
}
|
| 1186 |
+
|
| 1187 |
+
100% {
|
| 1188 |
+
opacity: 1;
|
| 1189 |
+
-webkit-transform: none;
|
| 1190 |
+
transform: none;
|
| 1191 |
+
}
|
| 1192 |
+
}
|
| 1193 |
+
|
| 1194 |
+
@keyframes fadeInUpBig {
|
| 1195 |
+
0% {
|
| 1196 |
+
opacity: 0;
|
| 1197 |
+
-webkit-transform: translate3d(0, 2000px, 0);
|
| 1198 |
+
-ms-transform: translate3d(0, 2000px, 0);
|
| 1199 |
+
transform: translate3d(0, 2000px, 0);
|
| 1200 |
+
}
|
| 1201 |
+
|
| 1202 |
+
100% {
|
| 1203 |
+
opacity: 1;
|
| 1204 |
+
-webkit-transform: none;
|
| 1205 |
+
-ms-transform: none;
|
| 1206 |
+
transform: none;
|
| 1207 |
+
}
|
| 1208 |
+
}
|
| 1209 |
+
|
| 1210 |
+
.fadeInUpBig {
|
| 1211 |
+
-webkit-animation-name: fadeInUpBig;
|
| 1212 |
+
animation-name: fadeInUpBig;
|
| 1213 |
+
}
|
| 1214 |
+
|
| 1215 |
+
@-webkit-keyframes flip {
|
| 1216 |
+
0% {
|
| 1217 |
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
|
| 1218 |
+
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
|
| 1219 |
+
-webkit-animation-timing-function: ease-out;
|
| 1220 |
+
animation-timing-function: ease-out;
|
| 1221 |
+
}
|
| 1222 |
+
|
| 1223 |
+
40% {
|
| 1224 |
+
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
|
| 1225 |
+
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
|
| 1226 |
+
-webkit-animation-timing-function: ease-out;
|
| 1227 |
+
animation-timing-function: ease-out;
|
| 1228 |
+
}
|
| 1229 |
+
|
| 1230 |
+
50% {
|
| 1231 |
+
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
|
| 1232 |
+
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
|
| 1233 |
+
-webkit-animation-timing-function: ease-in;
|
| 1234 |
+
animation-timing-function: ease-in;
|
| 1235 |
+
}
|
| 1236 |
+
|
| 1237 |
+
80% {
|
| 1238 |
+
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
|
| 1239 |
+
transform: perspective(400px) scale3d(.95, .95, .95);
|
| 1240 |
+
-webkit-animation-timing-function: ease-in;
|
| 1241 |
+
animation-timing-function: ease-in;
|
| 1242 |
+
}
|
| 1243 |
+
|
| 1244 |
+
100% {
|
| 1245 |
+
-webkit-transform: perspective(400px);
|
| 1246 |
+
transform: perspective(400px);
|
| 1247 |
+
-webkit-animation-timing-function: ease-in;
|
| 1248 |
+
animation-timing-function: ease-in;
|
| 1249 |
+
}
|
| 1250 |
+
}
|
| 1251 |
+
|
| 1252 |
+
@keyframes flip {
|
| 1253 |
+
0% {
|
| 1254 |
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
|
| 1255 |
+
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
|
| 1256 |
+
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
|
| 1257 |
+
-webkit-animation-timing-function: ease-out;
|
| 1258 |
+
animation-timing-function: ease-out;
|
| 1259 |
+
}
|
| 1260 |
+
|
| 1261 |
+
40% {
|
| 1262 |
+
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
|
| 1263 |
+
-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
|
| 1264 |
+
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
|
| 1265 |
+
-webkit-animation-timing-function: ease-out;
|
| 1266 |
+
animation-timing-function: ease-out;
|
| 1267 |
+
}
|
| 1268 |
+
|
| 1269 |
+
50% {
|
| 1270 |
+
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
|
| 1271 |
+
-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
|
| 1272 |
+
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
|
| 1273 |
+
-webkit-animation-timing-function: ease-in;
|
| 1274 |
+
animation-timing-function: ease-in;
|
| 1275 |
+
}
|
| 1276 |
+
|
| 1277 |
+
80% {
|
| 1278 |
+
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
|
| 1279 |
+
-ms-transform: perspective(400px) scale3d(.95, .95, .95);
|
| 1280 |
+
transform: perspective(400px) scale3d(.95, .95, .95);
|
| 1281 |
+
-webkit-animation-timing-function: ease-in;
|
| 1282 |
+
animation-timing-function: ease-in;
|
| 1283 |
+
}
|
| 1284 |
+
|
| 1285 |
+
100% {
|
| 1286 |
+
-webkit-transform: perspective(400px);
|
| 1287 |
+
-ms-transform: perspective(400px);
|
| 1288 |
+
transform: perspective(400px);
|
| 1289 |
+
-webkit-animation-timing-function: ease-in;
|
| 1290 |
+
animation-timing-function: ease-in;
|
| 1291 |
+
}
|
| 1292 |
+
}
|
| 1293 |
+
|
| 1294 |
+
.animated.flip {
|
| 1295 |
+
-webkit-backface-visibility: visible;
|
| 1296 |
+
-ms-backface-visibility: visible;
|
| 1297 |
+
backface-visibility: visible;
|
| 1298 |
+
-webkit-animation-name: flip;
|
| 1299 |
+
animation-name: flip;
|
| 1300 |
+
}
|
| 1301 |
+
|
| 1302 |
+
@-webkit-keyframes flipInX {
|
| 1303 |
+
0% {
|
| 1304 |
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
| 1305 |
+
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
| 1306 |
+
-webkit-transition-timing-function: ease-in;
|
| 1307 |
+
transition-timing-function: ease-in;
|
| 1308 |
+
opacity: 0;
|
| 1309 |
+
}
|
| 1310 |
+
|
| 1311 |
+
40% {
|
| 1312 |
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
| 1313 |
+
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
| 1314 |
+
-webkit-transition-timing-function: ease-in;
|
| 1315 |
+
transition-timing-function: ease-in;
|
| 1316 |
+
}
|
| 1317 |
+
|
| 1318 |
+
60% {
|
| 1319 |
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
| 1320 |
+
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
| 1321 |
+
opacity: 1;
|
| 1322 |
+
}
|
| 1323 |
+
|
| 1324 |
+
80% {
|
| 1325 |
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
| 1326 |
+
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
| 1327 |
+
}
|
| 1328 |
+
|
| 1329 |
+
100% {
|
| 1330 |
+
-webkit-transform: perspective(400px);
|
| 1331 |
+
transform: perspective(400px);
|
| 1332 |
+
}
|
| 1333 |
+
}
|
| 1334 |
+
|
| 1335 |
+
@keyframes flipInX {
|
| 1336 |
+
0% {
|
| 1337 |
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
| 1338 |
+
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
| 1339 |
+
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
|
| 1340 |
+
-webkit-transition-timing-function: ease-in;
|
| 1341 |
+
transition-timing-function: ease-in;
|
| 1342 |
+
opacity: 0;
|
| 1343 |
+
}
|
| 1344 |
+
|
| 1345 |
+
40% {
|
| 1346 |
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
| 1347 |
+
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
| 1348 |
+
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
|
| 1349 |
+
-webkit-transition-timing-function: ease-in;
|
| 1350 |
+
transition-timing-function: ease-in;
|
| 1351 |
+
}
|
| 1352 |
+
|
| 1353 |
+
60% {
|
| 1354 |
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
| 1355 |
+
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
| 1356 |
+
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
|
| 1357 |
+
opacity: 1;
|
| 1358 |
+
}
|
| 1359 |
+
|
| 1360 |
+
80% {
|
| 1361 |
+
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
| 1362 |
+
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
| 1363 |
+
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
|
| 1364 |
+
}
|
| 1365 |
+
|
| 1366 |
+
100% {
|
| 1367 |
+
-webkit-transform: perspective(400px);
|
| 1368 |
+
-ms-transform: perspective(400px);
|
| 1369 |
+
transform: perspective(400px);
|
| 1370 |
+
}
|
| 1371 |
+
}
|
| 1372 |
+
|
| 1373 |
+
.flipInX {
|
| 1374 |
+
-webkit-backface-visibility: visible !important;
|
| 1375 |
+
-ms-backface-visibility: visible !important;
|
| 1376 |
+
backface-visibility: visible !important;
|
| 1377 |
+
-webkit-animation-name: flipInX;
|
| 1378 |
+
animation-name: flipInX;
|
| 1379 |
+
}
|
| 1380 |
+
|
| 1381 |
+
@-webkit-keyframes flipInY {
|
| 1382 |
+
0% {
|
| 1383 |
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
| 1384 |
+
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
| 1385 |
+
-webkit-transition-timing-function: ease-in;
|
| 1386 |
+
transition-timing-function: ease-in;
|
| 1387 |
+
opacity: 0;
|
| 1388 |
+
}
|
| 1389 |
+
|
| 1390 |
+
40% {
|
| 1391 |
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
| 1392 |
+
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
| 1393 |
+
-webkit-transition-timing-function: ease-in;
|
| 1394 |
+
transition-timing-function: ease-in;
|
| 1395 |
+
}
|
| 1396 |
+
|
| 1397 |
+
60% {
|
| 1398 |
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
| 1399 |
+
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
| 1400 |
+
opacity: 1;
|
| 1401 |
+
}
|
| 1402 |
+
|
| 1403 |
+
80% {
|
| 1404 |
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
| 1405 |
+
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
| 1406 |
+
}
|
| 1407 |
+
|
| 1408 |
+
100% {
|
| 1409 |
+
-webkit-transform: perspective(400px);
|
| 1410 |
+
transform: perspective(400px);
|
| 1411 |
+
}
|
| 1412 |
+
}
|
| 1413 |
+
|
| 1414 |
+
@keyframes flipInY {
|
| 1415 |
+
0% {
|
| 1416 |
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
| 1417 |
+
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
| 1418 |
+
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
|
| 1419 |
+
-webkit-transition-timing-function: ease-in;
|
| 1420 |
+
transition-timing-function: ease-in;
|
| 1421 |
+
opacity: 0;
|
| 1422 |
+
}
|
| 1423 |
+
|
| 1424 |
+
40% {
|
| 1425 |
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
| 1426 |
+
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
| 1427 |
+
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
|
| 1428 |
+
-webkit-transition-timing-function: ease-in;
|
| 1429 |
+
transition-timing-function: ease-in;
|
| 1430 |
+
}
|
| 1431 |
+
|
| 1432 |
+
60% {
|
| 1433 |
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
| 1434 |
+
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
| 1435 |
+
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
|
| 1436 |
+
opacity: 1;
|
| 1437 |
+
}
|
| 1438 |
+
|
| 1439 |
+
80% {
|
| 1440 |
+
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
| 1441 |
+
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
| 1442 |
+
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
|
| 1443 |
+
}
|
| 1444 |
+
|
| 1445 |
+
100% {
|
| 1446 |
+
-webkit-transform: perspective(400px);
|
| 1447 |
+
-ms-transform: perspective(400px);
|
| 1448 |
+
transform: perspective(400px);
|
| 1449 |
+
}
|
| 1450 |
+
}
|
| 1451 |
+
|
| 1452 |
+
.flipInY {
|
| 1453 |
+
-webkit-backface-visibility: visible !important;
|
| 1454 |
+
-ms-backface-visibility: visible !important;
|
| 1455 |
+
backface-visibility: visible !important;
|
| 1456 |
+
-webkit-animation-name: flipInY;
|
| 1457 |
+
animation-name: flipInY;
|
| 1458 |
+
}
|
| 1459 |
+
|
| 1460 |
+
|
| 1461 |
+
|
| 1462 |
+
|
| 1463 |
+
|
| 1464 |
+
@-webkit-keyframes lightSpeedIn {
|
| 1465 |
+
0% {
|
| 1466 |
+
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
|
| 1467 |
+
transform: translate3d(100%, 0, 0) skewX(-30deg);
|
| 1468 |
+
opacity: 0;
|
| 1469 |
+
}
|
| 1470 |
+
|
| 1471 |
+
60% {
|
| 1472 |
+
-webkit-transform: skewX(20deg);
|
| 1473 |
+
transform: skewX(20deg);
|
| 1474 |
+
opacity: 1;
|
| 1475 |
+
}
|
| 1476 |
+
|
| 1477 |
+
80% {
|
| 1478 |
+
-webkit-transform: skewX(-5deg);
|
| 1479 |
+
transform: skewX(-5deg);
|
| 1480 |
+
opacity: 1;
|
| 1481 |
+
}
|
| 1482 |
+
|
| 1483 |
+
100% {
|
| 1484 |
+
-webkit-transform: none;
|
| 1485 |
+
transform: none;
|
| 1486 |
+
opacity: 1;
|
| 1487 |
+
}
|
| 1488 |
+
}
|
| 1489 |
+
|
| 1490 |
+
@keyframes lightSpeedIn {
|
| 1491 |
+
0% {
|
| 1492 |
+
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
|
| 1493 |
+
-ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
|
| 1494 |
+
transform: translate3d(100%, 0, 0) skewX(-30deg);
|
| 1495 |
+
opacity: 0;
|
| 1496 |
+
}
|
| 1497 |
+
|
| 1498 |
+
60% {
|
| 1499 |
+
-webkit-transform: skewX(20deg);
|
| 1500 |
+
-ms-transform: skewX(20deg);
|
| 1501 |
+
transform: skewX(20deg);
|
| 1502 |
+
opacity: 1;
|
| 1503 |
+
}
|
| 1504 |
+
|
| 1505 |
+
80% {
|
| 1506 |
+
-webkit-transform: skewX(-5deg);
|
| 1507 |
+
-ms-transform: skewX(-5deg);
|
| 1508 |
+
transform: skewX(-5deg);
|
| 1509 |
+
opacity: 1;
|
| 1510 |
+
}
|
| 1511 |
+
|
| 1512 |
+
100% {
|
| 1513 |
+
-webkit-transform: none;
|
| 1514 |
+
-ms-transform: none;
|
| 1515 |
+
transform: none;
|
| 1516 |
+
opacity: 1;
|
| 1517 |
+
}
|
| 1518 |
+
}
|
| 1519 |
+
|
| 1520 |
+
.lightSpeedIn {
|
| 1521 |
+
-webkit-animation-name: lightSpeedIn;
|
| 1522 |
+
animation-name: lightSpeedIn;
|
| 1523 |
+
-webkit-animation-timing-function: ease-out;
|
| 1524 |
+
animation-timing-function: ease-out;
|
| 1525 |
+
}
|
| 1526 |
+
|
| 1527 |
+
|
| 1528 |
+
|
| 1529 |
+
@-webkit-keyframes rotateIn {
|
| 1530 |
+
0% {
|
| 1531 |
+
-webkit-transform-origin: center;
|
| 1532 |
+
transform-origin: center;
|
| 1533 |
+
-webkit-transform: rotate3d(0, 0, 1, -200deg);
|
| 1534 |
+
transform: rotate3d(0, 0, 1, -200deg);
|
| 1535 |
+
opacity: 0;
|
| 1536 |
+
}
|
| 1537 |
+
|
| 1538 |
+
100% {
|
| 1539 |
+
-webkit-transform-origin: center;
|
| 1540 |
+
transform-origin: center;
|
| 1541 |
+
-webkit-transform: none;
|
| 1542 |
+
transform: none;
|
| 1543 |
+
opacity: 1;
|
| 1544 |
+
}
|
| 1545 |
+
}
|
| 1546 |
+
|
| 1547 |
+
@keyframes rotateIn {
|
| 1548 |
+
0% {
|
| 1549 |
+
-webkit-transform-origin: center;
|
| 1550 |
+
-ms-transform-origin: center;
|
| 1551 |
+
transform-origin: center;
|
| 1552 |
+
-webkit-transform: rotate3d(0, 0, 1, -200deg);
|
| 1553 |
+
-ms-transform: rotate3d(0, 0, 1, -200deg);
|
| 1554 |
+
transform: rotate3d(0, 0, 1, -200deg);
|
| 1555 |
+
opacity: 0;
|
| 1556 |
+
}
|
| 1557 |
+
|
| 1558 |
+
100% {
|
| 1559 |
+
-webkit-transform-origin: center;
|
| 1560 |
+
-ms-transform-origin: center;
|
| 1561 |
+
transform-origin: center;
|
| 1562 |
+
-webkit-transform: none;
|
| 1563 |
+
-ms-transform: none;
|
| 1564 |
+
transform: none;
|
| 1565 |
+
opacity: 1;
|
| 1566 |
+
}
|
| 1567 |
+
}
|
| 1568 |
+
|
| 1569 |
+
.rotateIn {
|
| 1570 |
+
-webkit-animation-name: rotateIn;
|
| 1571 |
+
animation-name: rotateIn;
|
| 1572 |
+
}
|
| 1573 |
+
|
| 1574 |
+
@-webkit-keyframes rotateInDownLeft {
|
| 1575 |
+
0% {
|
| 1576 |
+
-webkit-transform-origin: left bottom;
|
| 1577 |
+
transform-origin: left bottom;
|
| 1578 |
+
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
| 1579 |
+
transform: rotate3d(0, 0, 1, -45deg);
|
| 1580 |
+
opacity: 0;
|
| 1581 |
+
}
|
| 1582 |
+
|
| 1583 |
+
100% {
|
| 1584 |
+
-webkit-transform-origin: left bottom;
|
| 1585 |
+
transform-origin: left bottom;
|
| 1586 |
+
-webkit-transform: none;
|
| 1587 |
+
transform: none;
|
| 1588 |
+
opacity: 1;
|
| 1589 |
+
}
|
| 1590 |
+
}
|
| 1591 |
+
|
| 1592 |
+
@keyframes rotateInDownLeft {
|
| 1593 |
+
0% {
|
| 1594 |
+
-webkit-transform-origin: left bottom;
|
| 1595 |
+
-ms-transform-origin: left bottom;
|
| 1596 |
+
transform-origin: left bottom;
|
| 1597 |
+
-webkit-transform: rotate3d(0, 0, 1, -45deg);
|
| 1598 |
+
-ms-transform: rotate3d(0, 0, 1, -45deg);
|
| 1599 |
+
transform: rotate3d(0, 0, 1, -45deg);
|
| 1600 |
+
opacity: 0;
|
| 1601 |
+
}
|
| 1602 |
+
|
| 1603 |
+
100% {
|
| 1604 |
+
-webkit-transform-origin: left bottom;
|
| 1605 |
+
-ms-transform-origin: left bottom;
|
| 1606 |
+
transform-origin: left bottom;
|
| 1607 |
+
-webkit-transform: none;
|
| 1608 |
+
-ms-transform: none;
|
| 1609 |
+
transform: none;
|
| 1610 |
+
opacity: 1;
|
| 1611 |
+
}
|
| 1612 |
+
}
|
| 1613 |
+
|
| 1614 |
+
.rotateInDownLeft {
|
| 1615 |
+
-webkit-animation-name: rotateInDownLeft;
|
| 1616 |
+
animation-name: rotateInDownLeft;
|
| 1617 |
+
}
|
| 1618 |
+
|
| 1619 |
+
@-webkit-keyframes rotateInDownRight {
|
| 1620 |
+
0% {
|
| 1621 |
+
-webkit-transform-origin: right bottom;
|
| 1622 |
+
transform-origin: right bottom;
|
| 1623 |
+
-webkit-transform: rotate3d(10, 50, 10, 95deg);
|
| 1624 |
+
transform: rotate3d(10, 50, 10, 95deg);
|
| 1625 |
+
opacity: 0;
|
| 1626 |
+
}
|
| 1627 |
+
|
| 1628 |
+
100% {
|
| 1629 |
+
-webkit-transform-origin: right bottom;
|
| 1630 |
+
transform-origin: right bottom;
|
| 1631 |
+
-webkit-transform: none;
|
| 1632 |
+
transform: none;
|
| 1633 |
+
opacity: 1;
|
| 1634 |
+
}
|
| 1635 |
+
}
|
| 1636 |
+
|
| 1637 |
+
@keyframes rotateInDownRight {
|
| 1638 |
+
0% {
|
| 1639 |
+
-webkit-transform-origin: right bottom;
|
| 1640 |
+
-ms-transform-origin: right bottom;
|
| 1641 |
+
transform-origin: right bottom;
|
| 1642 |
+
-webkit-transform: rotate3d(0, 0, 1, 95deg);
|
| 1643 |
+
-ms-transform: rotate3d(0, 0, 1, 95deg);
|
| 1644 |
+
transform: rotate3d(0, 0, 1, 95deg);
|
| 1645 |
+
opacity: 0;
|
| 1646 |
+
}
|
| 1647 |
+
|
| 1648 |
+
100% {
|
| 1649 |
+
-webkit-transform-origin: right bottom;
|
| 1650 |
+
-ms-transform-origin: right bottom;
|
| 1651 |
+
transform-origin: right bottom;
|
| 1652 |
+
-webkit-transform: none;
|
| 1653 |
+
-ms-transform: none;
|
| 1654 |
+
transform: none;
|
| 1655 |
+
opacity: 1;
|
| 1656 |
+
}
|
| 1657 |
+
}
|
| 1658 |
+
|
| 1659 |
+
.rotateInDownRight {
|
| 1660 |
+
-webkit-animation-name: rotateInDownRight;
|
| 1661 |
+
animation-name: rotateInDownRight;
|
| 1662 |
+
}
|
| 1663 |
+
|
| 1664 |
+
@-webkit-keyframes rotateInUpLeft {
|
| 1665 |
+
0% {
|
| 1666 |
+
-webkit-transform-origin: left bottom;
|
| 1667 |
+
transform-origin: left bottom;
|
| 1668 |
+
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
| 1669 |
+
transform: rotate3d(0, 0, 1, 45deg);
|
| 1670 |
+
opacity: 0;
|
| 1671 |
+
}
|
| 1672 |
+
|
| 1673 |
+
100% {
|
| 1674 |
+
-webkit-transform-origin: left bottom;
|
| 1675 |
+
transform-origin: left bottom;
|
| 1676 |
+
-webkit-transform: none;
|
| 1677 |
+
transform: none;
|
| 1678 |
+
opacity: 1;
|
| 1679 |
+
}
|
| 1680 |
+
}
|
| 1681 |
+
|
| 1682 |
+
@keyframes rotateInUpLeft {
|
| 1683 |
+
0% {
|
| 1684 |
+
-webkit-transform-origin: left bottom;
|
| 1685 |
+
-ms-transform-origin: left bottom;
|
| 1686 |
+
transform-origin: left bottom;
|
| 1687 |
+
-webkit-transform: rotate3d(0, 0, 1, 45deg);
|
| 1688 |
+
-ms-transform: rotate3d(0, 0, 1, 45deg);
|
| 1689 |
+
transform: rotate3d(0, 0, 1, 45deg);
|
| 1690 |
+
opacity: 0;
|
| 1691 |
+
}
|
| 1692 |
+
|
| 1693 |
+
100% {
|
| 1694 |
+
-webkit-transform-origin: left bottom;
|
| 1695 |
+
-ms-transform-origin: left bottom;
|
| 1696 |
+
transform-origin: left bottom;
|
| 1697 |
+
-webkit-transform: none;
|
| 1698 |
+
-ms-transform: none;
|
| 1699 |
+
transform: none;
|
| 1700 |
+
opacity: 1;
|
| 1701 |
+
}
|
| 1702 |
+
}
|
| 1703 |
+
|
| 1704 |
+
.rotateInUpLeft {
|
| 1705 |
+
-webkit-animation-name: rotateInUpLeft;
|
| 1706 |
+
animation-name: rotateInUpLeft;
|
| 1707 |
+
}
|
| 1708 |
+
|
| 1709 |
+
@-webkit-keyframes rotateInUpRight {
|
| 1710 |
+
0% {
|
| 1711 |
+
-webkit-transform-origin: right bottom;
|
| 1712 |
+
transform-origin: right bottom;
|
| 1713 |
+
-webkit-transform: rotate3d(0, 0, 1, -90deg);
|
| 1714 |
+
transform: rotate3d(0, 0, 1, -90deg);
|
| 1715 |
+
opacity: 0;
|
| 1716 |
+
}
|
| 1717 |
+
|
| 1718 |
+
100% {
|
| 1719 |
+
-webkit-transform-origin: right bottom;
|
| 1720 |
+
transform-origin: right bottom;
|
| 1721 |
+
-webkit-transform: none;
|
| 1722 |
+
transform: none;
|
| 1723 |
+
opacity: 1;
|
| 1724 |
+
}
|
| 1725 |
+
}
|
| 1726 |
+
|
| 1727 |
+
@keyframes rotateInUpRight {
|
| 1728 |
+
0% {
|
| 1729 |
+
-webkit-transform-origin: right bottom;
|
| 1730 |
+
-ms-transform-origin: right bottom;
|
| 1731 |
+
transform-origin: right bottom;
|
| 1732 |
+
-webkit-transform: rotate3d(0, 0, 1, -90deg);
|
| 1733 |
+
-ms-transform: rotate3d(0, 0, 1, -90deg);
|
| 1734 |
+
transform: rotate3d(0, 0, 1, -90deg);
|
| 1735 |
+
opacity: 0;
|
| 1736 |
+
}
|
| 1737 |
+
|
| 1738 |
+
100% {
|
| 1739 |
+
-webkit-transform-origin: right bottom;
|
| 1740 |
+
-ms-transform-origin: right bottom;
|
| 1741 |
+
transform-origin: right bottom;
|
| 1742 |
+
-webkit-transform: none;
|
| 1743 |
+
-ms-transform: none;
|
| 1744 |
+
transform: none;
|
| 1745 |
+
opacity: 1;
|
| 1746 |
+
}
|
| 1747 |
+
}
|
| 1748 |
+
|
| 1749 |
+
.rotateInUpRight {
|
| 1750 |
+
-webkit-animation-name: rotateInUpRight;
|
| 1751 |
+
animation-name: rotateInUpRight;
|
| 1752 |
+
}
|
| 1753 |
+
|
| 1754 |
+
|
| 1755 |
+
|
| 1756 |
+
|
| 1757 |
+
|
| 1758 |
+
@-webkit-keyframes hinge {
|
| 1759 |
+
0% {
|
| 1760 |
+
-webkit-transform-origin: top left;
|
| 1761 |
+
transform-origin: top left;
|
| 1762 |
+
-webkit-animation-timing-function: ease-in-out;
|
| 1763 |
+
animation-timing-function: ease-in-out;
|
| 1764 |
+
}
|
| 1765 |
+
|
| 1766 |
+
20%, 60% {
|
| 1767 |
+
-webkit-transform: rotate3d(0, 0, 1, 80deg);
|
| 1768 |
+
transform: rotate3d(0, 0, 1, 80deg);
|
| 1769 |
+
-webkit-transform-origin: top left;
|
| 1770 |
+
transform-origin: top left;
|
| 1771 |
+
-webkit-animation-timing-function: ease-in-out;
|
| 1772 |
+
animation-timing-function: ease-in-out;
|
| 1773 |
+
}
|
| 1774 |
+
|
| 1775 |
+
40%, 80% {
|
| 1776 |
+
-webkit-transform: rotate3d(0, 0, 1, 60deg);
|
| 1777 |
+
transform: rotate3d(0, 0, 1, 60deg);
|
| 1778 |
+
-webkit-transform-origin: top left;
|
| 1779 |
+
transform-origin: top left;
|
| 1780 |
+
-webkit-animation-timing-function: ease-in-out;
|
| 1781 |
+
animation-timing-function: ease-in-out;
|
| 1782 |
+
opacity: 1;
|
| 1783 |
+
}
|
| 1784 |
+
|
| 1785 |
+
100% {
|
| 1786 |
+
-webkit-transform: translate3d(0, 700px, 0);
|
| 1787 |
+
transform: translate3d(0, 700px, 0);
|
| 1788 |
+
opacity: 0;
|
| 1789 |
+
}
|
| 1790 |
+
}
|
| 1791 |
+
|
| 1792 |
+
@keyframes hinge {
|
| 1793 |
+
0% {
|
| 1794 |
+
-webkit-transform-origin: top left;
|
| 1795 |
+
-ms-transform-origin: top left;
|
| 1796 |
+
transform-origin: top left;
|
| 1797 |
+
-webkit-animation-timing-function: ease-in-out;
|
| 1798 |
+
animation-timing-function: ease-in-out;
|
| 1799 |
+
}
|
| 1800 |
+
|
| 1801 |
+
20%, 60% {
|
| 1802 |
+
-webkit-transform: rotate3d(0, 0, 1, 80deg);
|
| 1803 |
+
-ms-transform: rotate3d(0, 0, 1, 80deg);
|
| 1804 |
+
transform: rotate3d(0, 0, 1, 80deg);
|
| 1805 |
+
-webkit-transform-origin: top left;
|
| 1806 |
+
-ms-transform-origin: top left;
|
| 1807 |
+
transform-origin: top left;
|
| 1808 |
+
-webkit-animation-timing-function: ease-in-out;
|
| 1809 |
+
animation-timing-function: ease-in-out;
|
| 1810 |
+
}
|
| 1811 |
+
|
| 1812 |
+
40%, 80% {
|
| 1813 |
+
-webkit-transform: rotate3d(0, 0, 1, 60deg);
|
| 1814 |
+
-ms-transform: rotate3d(0, 0, 1, 60deg);
|
| 1815 |
+
transform: rotate3d(0, 0, 1, 60deg);
|
| 1816 |
+
-webkit-transform-origin: top left;
|
| 1817 |
+
-ms-transform-origin: top left;
|
| 1818 |
+
transform-origin: top left;
|
| 1819 |
+
-webkit-animation-timing-function: ease-in-out;
|
| 1820 |
+
animation-timing-function: ease-in-out;
|
| 1821 |
+
opacity: 1;
|
| 1822 |
+
}
|
| 1823 |
+
|
| 1824 |
+
100% {
|
| 1825 |
+
-webkit-transform: translate3d(0, 700px, 0);
|
| 1826 |
+
-ms-transform: translate3d(0, 700px, 0);
|
| 1827 |
+
transform: translate3d(0, 700px, 0);
|
| 1828 |
+
opacity: 0;
|
| 1829 |
+
}
|
| 1830 |
+
}
|
| 1831 |
+
|
| 1832 |
+
.hinge {
|
| 1833 |
+
-webkit-animation-name: hinge;
|
| 1834 |
+
animation-name: hinge;
|
| 1835 |
+
}
|
| 1836 |
+
|
| 1837 |
+
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
| 1838 |
+
|
| 1839 |
+
@-webkit-keyframes rollIn {
|
| 1840 |
+
0% {
|
| 1841 |
+
opacity: 0;
|
| 1842 |
+
-webkit-transform: translate3d(-50%, 0, 0) rotate3d(10, 10, 10, -200deg);
|
| 1843 |
+
transform: translate3d(-50%, 0, 0) rotate3d(10, 10, 10, -200deg);
|
| 1844 |
+
}
|
| 1845 |
+
|
| 1846 |
+
100% {
|
| 1847 |
+
opacity: 1;
|
| 1848 |
+
-webkit-transform: none;
|
| 1849 |
+
transform: none;
|
| 1850 |
+
}
|
| 1851 |
+
}
|
| 1852 |
+
|
| 1853 |
+
@keyframes rollIn {
|
| 1854 |
+
0% {
|
| 1855 |
+
opacity: 0;
|
| 1856 |
+
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
| 1857 |
+
-ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
| 1858 |
+
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
|
| 1859 |
+
}
|
| 1860 |
+
|
| 1861 |
+
100% {
|
| 1862 |
+
opacity: 1;
|
| 1863 |
+
-webkit-transform: none;
|
| 1864 |
+
-ms-transform: none;
|
| 1865 |
+
transform: none;
|
| 1866 |
+
}
|
| 1867 |
+
}
|
| 1868 |
+
|
| 1869 |
+
.rollIn {
|
| 1870 |
+
-webkit-animation-name: rollIn;
|
| 1871 |
+
animation-name: rollIn;
|
| 1872 |
+
}
|
| 1873 |
+
|
| 1874 |
+
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
|
| 1875 |
+
|
| 1876 |
+
|
| 1877 |
+
|
| 1878 |
+
@-webkit-keyframes zoomIn {
|
| 1879 |
+
0% {
|
| 1880 |
+
opacity: 0;
|
| 1881 |
+
-webkit-transform: scale3d(.3, .3, .3);
|
| 1882 |
+
transform: scale3d(.3, .3, .3);
|
| 1883 |
+
}
|
| 1884 |
+
|
| 1885 |
+
50% {
|
| 1886 |
+
opacity: 1;
|
| 1887 |
+
}
|
| 1888 |
+
}
|
| 1889 |
+
|
| 1890 |
+
@keyframes zoomIn {
|
| 1891 |
+
0% {
|
| 1892 |
+
opacity: 0;
|
| 1893 |
+
-webkit-transform: scale3d(.3, .3, .3);
|
| 1894 |
+
-ms-transform: scale3d(.3, .3, .3);
|
| 1895 |
+
transform: scale3d(.3, .3, .3);
|
| 1896 |
+
}
|
| 1897 |
+
|
| 1898 |
+
50% {
|
| 1899 |
+
opacity: 1;
|
| 1900 |
+
}
|
| 1901 |
+
}
|
| 1902 |
+
|
| 1903 |
+
.zoomIn {
|
| 1904 |
+
-webkit-animation-name: zoomIn;
|
| 1905 |
+
animation-name: zoomIn;
|
| 1906 |
+
}
|
| 1907 |
+
|
| 1908 |
+
@-webkit-keyframes zoomInDown {
|
| 1909 |
+
0% {
|
| 1910 |
+
opacity: 0;
|
| 1911 |
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
| 1912 |
+
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
| 1913 |
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
| 1914 |
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
| 1915 |
+
}
|
| 1916 |
+
|
| 1917 |
+
60% {
|
| 1918 |
+
opacity: 1;
|
| 1919 |
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
| 1920 |
+
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
| 1921 |
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
| 1922 |
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
| 1923 |
+
}
|
| 1924 |
+
}
|
| 1925 |
+
|
| 1926 |
+
@keyframes zoomInDown {
|
| 1927 |
+
0% {
|
| 1928 |
+
opacity: 0;
|
| 1929 |
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
| 1930 |
+
-ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
| 1931 |
+
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
|
| 1932 |
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
| 1933 |
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
| 1934 |
+
}
|
| 1935 |
+
|
| 1936 |
+
60% {
|
| 1937 |
+
opacity: 1;
|
| 1938 |
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
| 1939 |
+
-ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
| 1940 |
+
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
|
| 1941 |
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
| 1942 |
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
| 1943 |
+
}
|
| 1944 |
+
}
|
| 1945 |
+
|
| 1946 |
+
.zoomInDown {
|
| 1947 |
+
-webkit-animation-name: zoomInDown;
|
| 1948 |
+
animation-name: zoomInDown;
|
| 1949 |
+
}
|
| 1950 |
+
|
| 1951 |
+
@-webkit-keyframes zoomInLeft {
|
| 1952 |
+
0% {
|
| 1953 |
+
opacity: 0;
|
| 1954 |
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
| 1955 |
+
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
| 1956 |
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
| 1957 |
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
| 1958 |
+
}
|
| 1959 |
+
|
| 1960 |
+
60% {
|
| 1961 |
+
opacity: 1;
|
| 1962 |
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
| 1963 |
+
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
| 1964 |
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
| 1965 |
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
| 1966 |
+
}
|
| 1967 |
+
}
|
| 1968 |
+
|
| 1969 |
+
@keyframes zoomInLeft {
|
| 1970 |
+
0% {
|
| 1971 |
+
opacity: 0;
|
| 1972 |
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
| 1973 |
+
-ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
| 1974 |
+
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
|
| 1975 |
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
| 1976 |
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
| 1977 |
+
}
|
| 1978 |
+
|
| 1979 |
+
60% {
|
| 1980 |
+
opacity: 1;
|
| 1981 |
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
| 1982 |
+
-ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
| 1983 |
+
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
|
| 1984 |
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
| 1985 |
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
| 1986 |
+
}
|
| 1987 |
+
}
|
| 1988 |
+
|
| 1989 |
+
.zoomInLeft {
|
| 1990 |
+
-webkit-animation-name: zoomInLeft;
|
| 1991 |
+
animation-name: zoomInLeft;
|
| 1992 |
+
}
|
| 1993 |
+
|
| 1994 |
+
@-webkit-keyframes zoomInRight {
|
| 1995 |
+
0% {
|
| 1996 |
+
opacity: 0;
|
| 1997 |
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
| 1998 |
+
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
| 1999 |
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
| 2000 |
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
| 2001 |
+
}
|
| 2002 |
+
|
| 2003 |
+
60% {
|
| 2004 |
+
opacity: 1;
|
| 2005 |
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
| 2006 |
+
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
| 2007 |
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
| 2008 |
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
| 2009 |
+
}
|
| 2010 |
+
}
|
| 2011 |
+
|
| 2012 |
+
@keyframes zoomInRight {
|
| 2013 |
+
0% {
|
| 2014 |
+
opacity: 0;
|
| 2015 |
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
| 2016 |
+
-ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
| 2017 |
+
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
|
| 2018 |
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
| 2019 |
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
| 2020 |
+
}
|
| 2021 |
+
|
| 2022 |
+
60% {
|
| 2023 |
+
opacity: 1;
|
| 2024 |
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
| 2025 |
+
-ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
| 2026 |
+
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
|
| 2027 |
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
| 2028 |
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
| 2029 |
+
}
|
| 2030 |
+
}
|
| 2031 |
+
|
| 2032 |
+
.zoomInRight {
|
| 2033 |
+
-webkit-animation-name: zoomInRight;
|
| 2034 |
+
animation-name: zoomInRight;
|
| 2035 |
+
}
|
| 2036 |
+
|
| 2037 |
+
@-webkit-keyframes zoomInUp {
|
| 2038 |
+
0% {
|
| 2039 |
+
opacity: 0;
|
| 2040 |
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
| 2041 |
+
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
| 2042 |
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
| 2043 |
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
| 2044 |
+
}
|
| 2045 |
+
|
| 2046 |
+
60% {
|
| 2047 |
+
opacity: 1;
|
| 2048 |
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
| 2049 |
+
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
| 2050 |
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
| 2051 |
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
| 2052 |
+
}
|
| 2053 |
+
}
|
| 2054 |
+
|
| 2055 |
+
@keyframes zoomInUp {
|
| 2056 |
+
0% {
|
| 2057 |
+
opacity: 0;
|
| 2058 |
+
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
| 2059 |
+
-ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
| 2060 |
+
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
|
| 2061 |
+
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
| 2062 |
+
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
|
| 2063 |
+
}
|
| 2064 |
+
|
| 2065 |
+
60% {
|
| 2066 |
+
opacity: 1;
|
| 2067 |
+
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
| 2068 |
+
-ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
| 2069 |
+
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
|
| 2070 |
+
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
| 2071 |
+
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
|
| 2072 |
+
}
|
| 2073 |
+
}
|
| 2074 |
+
|
| 2075 |
+
.zoomInUp {
|
| 2076 |
+
-webkit-animation-name: zoomInUp;
|
| 2077 |
+
animation-name: zoomInUp;
|
| 2078 |
+
}
|
includes/style/jquery-ui-style.css
ADDED
|
@@ -0,0 +1,1217 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
.ui-helper-hidden {
|
| 2 |
+
display: none;
|
| 3 |
+
}
|
| 4 |
+
.ui-helper-hidden-accessible {
|
| 5 |
+
border: 0;
|
| 6 |
+
clip: rect(0 0 0 0);
|
| 7 |
+
height: 1px;
|
| 8 |
+
margin: -1px;
|
| 9 |
+
overflow: hidden;
|
| 10 |
+
padding: 0;
|
| 11 |
+
position: absolute;
|
| 12 |
+
width: 1px;
|
| 13 |
+
}
|
| 14 |
+
.ui-helper-reset {
|
| 15 |
+
margin: 0;
|
| 16 |
+
padding: 0;
|
| 17 |
+
border: 0;
|
| 18 |
+
outline: 0;
|
| 19 |
+
line-height: 1.3;
|
| 20 |
+
text-decoration: none;
|
| 21 |
+
font-size: 100%;
|
| 22 |
+
list-style: none;
|
| 23 |
+
}
|
| 24 |
+
.ui-helper-clearfix:before,
|
| 25 |
+
.ui-helper-clearfix:after {
|
| 26 |
+
content: "";
|
| 27 |
+
display: table;
|
| 28 |
+
border-collapse: collapse;
|
| 29 |
+
}
|
| 30 |
+
.ui-helper-clearfix:after {
|
| 31 |
+
clear: both;
|
| 32 |
+
}
|
| 33 |
+
.ui-helper-clearfix {
|
| 34 |
+
min-height: 0; /* support: IE7 */
|
| 35 |
+
}
|
| 36 |
+
.ui-helper-zfix {
|
| 37 |
+
width: 100%;
|
| 38 |
+
height: 100%;
|
| 39 |
+
top: 0;
|
| 40 |
+
left: 0;
|
| 41 |
+
position: absolute;
|
| 42 |
+
opacity: 0;
|
| 43 |
+
filter:Alpha(Opacity=0); /* support: IE8 */
|
| 44 |
+
}
|
| 45 |
+
|
| 46 |
+
.ui-front {
|
| 47 |
+
z-index: 100;
|
| 48 |
+
}
|
| 49 |
+
|
| 50 |
+
|
| 51 |
+
/* Interaction Cues
|
| 52 |
+
----------------------------------*/
|
| 53 |
+
.ui-state-disabled {
|
| 54 |
+
cursor: default !important;
|
| 55 |
+
}
|
| 56 |
+
|
| 57 |
+
|
| 58 |
+
/* Icons
|
| 59 |
+
----------------------------------*/
|
| 60 |
+
|
| 61 |
+
/* states and ../../images */
|
| 62 |
+
.ui-icon {
|
| 63 |
+
display: block;
|
| 64 |
+
text-indent: -99999px;
|
| 65 |
+
overflow: hidden;
|
| 66 |
+
background-repeat: no-repeat;
|
| 67 |
+
}
|
| 68 |
+
|
| 69 |
+
|
| 70 |
+
/* Misc visuals
|
| 71 |
+
----------------------------------*/
|
| 72 |
+
|
| 73 |
+
/* Overlays */
|
| 74 |
+
.ui-widget-overlay {
|
| 75 |
+
position: fixed;
|
| 76 |
+
top: 0;
|
| 77 |
+
left: 0;
|
| 78 |
+
width: 100%;
|
| 79 |
+
height: 100%;
|
| 80 |
+
}
|
| 81 |
+
.ui-accordion .ui-accordion-header {
|
| 82 |
+
display: block;
|
| 83 |
+
cursor: pointer;
|
| 84 |
+
position: relative;
|
| 85 |
+
margin: 2px 0 0 0;
|
| 86 |
+
padding: .5em .5em .5em .7em;
|
| 87 |
+
min-height: 0; /* support: IE7 */
|
| 88 |
+
font-size: 100%;
|
| 89 |
+
}
|
| 90 |
+
.ui-accordion .ui-accordion-icons {
|
| 91 |
+
padding-left: 2.2em;
|
| 92 |
+
}
|
| 93 |
+
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
|
| 94 |
+
padding-left: 2.2em;
|
| 95 |
+
}
|
| 96 |
+
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
|
| 97 |
+
position: absolute;
|
| 98 |
+
left: .5em;
|
| 99 |
+
top: 50%;
|
| 100 |
+
margin-top: -8px;
|
| 101 |
+
}
|
| 102 |
+
.ui-accordion .ui-accordion-content {
|
| 103 |
+
padding: 1em 2.2em;
|
| 104 |
+
border-top: 0;
|
| 105 |
+
overflow: auto;
|
| 106 |
+
}
|
| 107 |
+
.ui-autocomplete {
|
| 108 |
+
position: absolute;
|
| 109 |
+
top: 0;
|
| 110 |
+
left: 0;
|
| 111 |
+
cursor: default;
|
| 112 |
+
}
|
| 113 |
+
.ui-button {
|
| 114 |
+
display: inline-block;
|
| 115 |
+
position: relative;
|
| 116 |
+
padding: 0;
|
| 117 |
+
line-height: normal;
|
| 118 |
+
margin-right: .1em;
|
| 119 |
+
cursor: pointer;
|
| 120 |
+
vertical-align: middle;
|
| 121 |
+
text-align: center;
|
| 122 |
+
overflow: visible; /* removes extra width in IE */
|
| 123 |
+
}
|
| 124 |
+
.ui-button,
|
| 125 |
+
.ui-button:link,
|
| 126 |
+
.ui-button:visited,
|
| 127 |
+
.ui-button:hover,
|
| 128 |
+
.ui-button:active {
|
| 129 |
+
text-decoration: none;
|
| 130 |
+
}
|
| 131 |
+
/* to make room for the icon, a width needs to be set here */
|
| 132 |
+
.ui-button-icon-only {
|
| 133 |
+
width: 2.2em;
|
| 134 |
+
}
|
| 135 |
+
/* button elements seem to need a little more width */
|
| 136 |
+
button.ui-button-icon-only {
|
| 137 |
+
width: 2.4em;
|
| 138 |
+
}
|
| 139 |
+
.ui-button-icons-only {
|
| 140 |
+
width: 3.4em;
|
| 141 |
+
}
|
| 142 |
+
button.ui-button-icons-only {
|
| 143 |
+
width: 3.7em;
|
| 144 |
+
}
|
| 145 |
+
|
| 146 |
+
/* button text element */
|
| 147 |
+
.ui-button .ui-button-text {
|
| 148 |
+
display: block;
|
| 149 |
+
line-height: normal;
|
| 150 |
+
}
|
| 151 |
+
.ui-button-text-only .ui-button-text {
|
| 152 |
+
padding: .4em 1em;
|
| 153 |
+
}
|
| 154 |
+
.ui-button-icon-only .ui-button-text,
|
| 155 |
+
.ui-button-icons-only .ui-button-text {
|
| 156 |
+
padding: .4em;
|
| 157 |
+
text-indent: -9999999px;
|
| 158 |
+
}
|
| 159 |
+
.ui-button-text-icon-primary .ui-button-text,
|
| 160 |
+
.ui-button-text-icons .ui-button-text {
|
| 161 |
+
padding: .4em 1em .4em 2.1em;
|
| 162 |
+
}
|
| 163 |
+
.ui-button-text-icon-secondary .ui-button-text,
|
| 164 |
+
.ui-button-text-icons .ui-button-text {
|
| 165 |
+
padding: .4em 2.1em .4em 1em;
|
| 166 |
+
}
|
| 167 |
+
.ui-button-text-icons .ui-button-text {
|
| 168 |
+
padding-left: 2.1em;
|
| 169 |
+
padding-right: 2.1em;
|
| 170 |
+
}
|
| 171 |
+
/* no icon support for input elements, provide padding by default */
|
| 172 |
+
input.ui-button {
|
| 173 |
+
padding: .4em 1em;
|
| 174 |
+
}
|
| 175 |
+
|
| 176 |
+
/* button icon element(s) */
|
| 177 |
+
.ui-button-icon-only .ui-icon,
|
| 178 |
+
.ui-button-text-icon-primary .ui-icon,
|
| 179 |
+
.ui-button-text-icon-secondary .ui-icon,
|
| 180 |
+
.ui-button-text-icons .ui-icon,
|
| 181 |
+
.ui-button-icons-only .ui-icon {
|
| 182 |
+
position: absolute;
|
| 183 |
+
top: 50%;
|
| 184 |
+
margin-top: -8px;
|
| 185 |
+
}
|
| 186 |
+
.ui-button-icon-only .ui-icon {
|
| 187 |
+
left: 50%;
|
| 188 |
+
margin-left: -8px;
|
| 189 |
+
}
|
| 190 |
+
.ui-button-text-icon-primary .ui-button-icon-primary,
|
| 191 |
+
.ui-button-text-icons .ui-button-icon-primary,
|
| 192 |
+
.ui-button-icons-only .ui-button-icon-primary {
|
| 193 |
+
left: .5em;
|
| 194 |
+
}
|
| 195 |
+
.ui-button-text-icon-secondary .ui-button-icon-secondary,
|
| 196 |
+
.ui-button-text-icons .ui-button-icon-secondary,
|
| 197 |
+
.ui-button-icons-only .ui-button-icon-secondary {
|
| 198 |
+
right: .5em;
|
| 199 |
+
}
|
| 200 |
+
|
| 201 |
+
/* button sets */
|
| 202 |
+
.ui-buttonset {
|
| 203 |
+
margin-right: 7px;
|
| 204 |
+
}
|
| 205 |
+
.ui-buttonset .ui-button {
|
| 206 |
+
margin-left: 0;
|
| 207 |
+
margin-right: -.3em;
|
| 208 |
+
}
|
| 209 |
+
|
| 210 |
+
/* workarounds */
|
| 211 |
+
/* reset extra padding in Firefox, see h5bp.com/l */
|
| 212 |
+
input.ui-button::-moz-focus-inner,
|
| 213 |
+
button.ui-button::-moz-focus-inner {
|
| 214 |
+
border: 0;
|
| 215 |
+
padding: 0;
|
| 216 |
+
}
|
| 217 |
+
.ui-datepicker {
|
| 218 |
+
width: 17em;
|
| 219 |
+
padding: .2em .2em 0;
|
| 220 |
+
display: none;
|
| 221 |
+
}
|
| 222 |
+
.ui-datepicker .ui-datepicker-header {
|
| 223 |
+
position: relative;
|
| 224 |
+
padding: .2em 0;
|
| 225 |
+
}
|
| 226 |
+
.ui-datepicker .ui-datepicker-prev,
|
| 227 |
+
.ui-datepicker .ui-datepicker-next {
|
| 228 |
+
position: absolute;
|
| 229 |
+
top: 2px;
|
| 230 |
+
width: 1.8em;
|
| 231 |
+
height: 1.8em;
|
| 232 |
+
}
|
| 233 |
+
.ui-datepicker .ui-datepicker-prev-hover,
|
| 234 |
+
.ui-datepicker .ui-datepicker-next-hover {
|
| 235 |
+
top: 1px;
|
| 236 |
+
}
|
| 237 |
+
.ui-datepicker .ui-datepicker-prev {
|
| 238 |
+
left: 2px;
|
| 239 |
+
}
|
| 240 |
+
.ui-datepicker .ui-datepicker-next {
|
| 241 |
+
right: 2px;
|
| 242 |
+
}
|
| 243 |
+
.ui-datepicker .ui-datepicker-prev-hover {
|
| 244 |
+
left: 1px;
|
| 245 |
+
}
|
| 246 |
+
.ui-datepicker .ui-datepicker-next-hover {
|
| 247 |
+
right: 1px;
|
| 248 |
+
}
|
| 249 |
+
.ui-datepicker .ui-datepicker-prev span,
|
| 250 |
+
.ui-datepicker .ui-datepicker-next span {
|
| 251 |
+
display: block;
|
| 252 |
+
position: absolute;
|
| 253 |
+
left: 50%;
|
| 254 |
+
margin-left: -8px;
|
| 255 |
+
top: 50%;
|
| 256 |
+
margin-top: -8px;
|
| 257 |
+
}
|
| 258 |
+
.ui-datepicker .ui-datepicker-title {
|
| 259 |
+
margin: 0 2.3em;
|
| 260 |
+
line-height: 1.8em;
|
| 261 |
+
text-align: center;
|
| 262 |
+
}
|
| 263 |
+
.ui-datepicker .ui-datepicker-title select {
|
| 264 |
+
font-size: 1em;
|
| 265 |
+
margin: 1px 0;
|
| 266 |
+
}
|
| 267 |
+
.ui-datepicker select.ui-datepicker-month,
|
| 268 |
+
.ui-datepicker select.ui-datepicker-year {
|
| 269 |
+
width: 45%;
|
| 270 |
+
}
|
| 271 |
+
.ui-datepicker table {
|
| 272 |
+
width: 100%;
|
| 273 |
+
font-size: .9em;
|
| 274 |
+
border-collapse: collapse;
|
| 275 |
+
margin: 0 0 .4em;
|
| 276 |
+
}
|
| 277 |
+
.ui-datepicker th {
|
| 278 |
+
padding: .7em .3em;
|
| 279 |
+
text-align: center;
|
| 280 |
+
font-weight: bold;
|
| 281 |
+
border: 0;
|
| 282 |
+
}
|
| 283 |
+
.ui-datepicker td {
|
| 284 |
+
border: 0;
|
| 285 |
+
padding: 1px;
|
| 286 |
+
}
|
| 287 |
+
.ui-datepicker td span,
|
| 288 |
+
.ui-datepicker td a {
|
| 289 |
+
display: block;
|
| 290 |
+
padding: .2em;
|
| 291 |
+
text-align: right;
|
| 292 |
+
text-decoration: none;
|
| 293 |
+
}
|
| 294 |
+
.ui-datepicker .ui-datepicker-buttonpane {
|
| 295 |
+
background-image: none;
|
| 296 |
+
margin: .7em 0 0 0;
|
| 297 |
+
padding: 0 .2em;
|
| 298 |
+
border-left: 0;
|
| 299 |
+
border-right: 0;
|
| 300 |
+
border-bottom: 0;
|
| 301 |
+
}
|
| 302 |
+
.ui-datepicker .ui-datepicker-buttonpane button {
|
| 303 |
+
float: right;
|
| 304 |
+
margin: .5em .2em .4em;
|
| 305 |
+
cursor: pointer;
|
| 306 |
+
padding: .2em .6em .3em .6em;
|
| 307 |
+
width: auto;
|
| 308 |
+
overflow: visible;
|
| 309 |
+
}
|
| 310 |
+
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
|
| 311 |
+
float: left;
|
| 312 |
+
}
|
| 313 |
+
|
| 314 |
+
/* with multiple calendars */
|
| 315 |
+
.ui-datepicker.ui-datepicker-multi {
|
| 316 |
+
width: auto;
|
| 317 |
+
}
|
| 318 |
+
.ui-datepicker-multi .ui-datepicker-group {
|
| 319 |
+
float: left;
|
| 320 |
+
}
|
| 321 |
+
.ui-datepicker-multi .ui-datepicker-group table {
|
| 322 |
+
width: 95%;
|
| 323 |
+
margin: 0 auto .4em;
|
| 324 |
+
}
|
| 325 |
+
.ui-datepicker-multi-2 .ui-datepicker-group {
|
| 326 |
+
width: 50%;
|
| 327 |
+
}
|
| 328 |
+
.ui-datepicker-multi-3 .ui-datepicker-group {
|
| 329 |
+
width: 33.3%;
|
| 330 |
+
}
|
| 331 |
+
.ui-datepicker-multi-4 .ui-datepicker-group {
|
| 332 |
+
width: 25%;
|
| 333 |
+
}
|
| 334 |
+
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
|
| 335 |
+
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
|
| 336 |
+
border-left-width: 0;
|
| 337 |
+
}
|
| 338 |
+
.ui-datepicker-multi .ui-datepicker-buttonpane {
|
| 339 |
+
clear: left;
|
| 340 |
+
}
|
| 341 |
+
.ui-datepicker-row-break {
|
| 342 |
+
clear: both;
|
| 343 |
+
width: 100%;
|
| 344 |
+
font-size: 0;
|
| 345 |
+
}
|
| 346 |
+
|
| 347 |
+
/* RTL support */
|
| 348 |
+
.ui-datepicker-rtl {
|
| 349 |
+
direction: rtl;
|
| 350 |
+
}
|
| 351 |
+
.ui-datepicker-rtl .ui-datepicker-prev {
|
| 352 |
+
right: 2px;
|
| 353 |
+
left: auto;
|
| 354 |
+
}
|
| 355 |
+
.ui-datepicker-rtl .ui-datepicker-next {
|
| 356 |
+
left: 2px;
|
| 357 |
+
right: auto;
|
| 358 |
+
}
|
| 359 |
+
.ui-datepicker-rtl .ui-datepicker-prev:hover {
|
| 360 |
+
right: 1px;
|
| 361 |
+
left: auto;
|
| 362 |
+
}
|
| 363 |
+
.ui-datepicker-rtl .ui-datepicker-next:hover {
|
| 364 |
+
left: 1px;
|
| 365 |
+
right: auto;
|
| 366 |
+
}
|
| 367 |
+
.ui-datepicker-rtl .ui-datepicker-buttonpane {
|
| 368 |
+
clear: right;
|
| 369 |
+
}
|
| 370 |
+
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
|
| 371 |
+
float: left;
|
| 372 |
+
}
|
| 373 |
+
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
|
| 374 |
+
.ui-datepicker-rtl .ui-datepicker-group {
|
| 375 |
+
float: right;
|
| 376 |
+
}
|
| 377 |
+
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
|
| 378 |
+
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
|
| 379 |
+
border-right-width: 0;
|
| 380 |
+
border-left-width: 1px;
|
| 381 |
+
}
|
| 382 |
+
.ui-dialog {
|
| 383 |
+
overflow: hidden;
|
| 384 |
+
position: absolute;
|
| 385 |
+
top: 0;
|
| 386 |
+
left: 0;
|
| 387 |
+
padding: .2em;
|
| 388 |
+
outline: 0;
|
| 389 |
+
}
|
| 390 |
+
.ui-dialog .ui-dialog-titlebar {
|
| 391 |
+
padding: .4em 1em;
|
| 392 |
+
position: relative;
|
| 393 |
+
}
|
| 394 |
+
.ui-dialog .ui-dialog-title {
|
| 395 |
+
float: left;
|
| 396 |
+
margin: .1em 0;
|
| 397 |
+
white-space: nowrap;
|
| 398 |
+
width: 90%;
|
| 399 |
+
overflow: hidden;
|
| 400 |
+
text-overflow: ellipsis;
|
| 401 |
+
}
|
| 402 |
+
.ui-dialog .ui-dialog-titlebar-close {
|
| 403 |
+
position: absolute;
|
| 404 |
+
right: .3em;
|
| 405 |
+
top: 50%;
|
| 406 |
+
width: 20px;
|
| 407 |
+
margin: -10px 0 0 0;
|
| 408 |
+
padding: 1px;
|
| 409 |
+
height: 20px;
|
| 410 |
+
}
|
| 411 |
+
.ui-dialog .ui-dialog-content {
|
| 412 |
+
position: relative;
|
| 413 |
+
border: 0;
|
| 414 |
+
padding: .5em 1em;
|
| 415 |
+
background: none;
|
| 416 |
+
overflow: auto;
|
| 417 |
+
}
|
| 418 |
+
.ui-dialog .ui-dialog-buttonpane {
|
| 419 |
+
text-align: left;
|
| 420 |
+
border-width: 1px 0 0 0;
|
| 421 |
+
background-image: none;
|
| 422 |
+
margin-top: .5em;
|
| 423 |
+
padding: .3em 1em .5em .4em;
|
| 424 |
+
}
|
| 425 |
+
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
|
| 426 |
+
float: right;
|
| 427 |
+
}
|
| 428 |
+
.ui-dialog .ui-dialog-buttonpane button {
|
| 429 |
+
margin: .5em .4em .5em 0;
|
| 430 |
+
cursor: pointer;
|
| 431 |
+
}
|
| 432 |
+
.ui-dialog .ui-resizable-se {
|
| 433 |
+
width: 12px;
|
| 434 |
+
height: 12px;
|
| 435 |
+
right: -5px;
|
| 436 |
+
bottom: -5px;
|
| 437 |
+
background-position: 16px 16px;
|
| 438 |
+
}
|
| 439 |
+
.ui-draggable .ui-dialog-titlebar {
|
| 440 |
+
cursor: move;
|
| 441 |
+
}
|
| 442 |
+
.ui-draggable-handle {
|
| 443 |
+
-ms-touch-action: none;
|
| 444 |
+
touch-action: none;
|
| 445 |
+
}
|
| 446 |
+
.ui-menu {
|
| 447 |
+
list-style: none;
|
| 448 |
+
padding: 0;
|
| 449 |
+
margin: 0;
|
| 450 |
+
display: block;
|
| 451 |
+
outline: none;
|
| 452 |
+
}
|
| 453 |
+
.ui-menu .ui-menu {
|
| 454 |
+
position: absolute;
|
| 455 |
+
}
|
| 456 |
+
.ui-menu .ui-menu-item {
|
| 457 |
+
position: relative;
|
| 458 |
+
margin: 0;
|
| 459 |
+
padding: 3px 1em 3px .4em;
|
| 460 |
+
cursor: pointer;
|
| 461 |
+
min-height: 0; /* support: IE7 */
|
| 462 |
+
/* support: IE10, see #8844 */
|
| 463 |
+
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
|
| 464 |
+
}
|
| 465 |
+
.ui-menu .ui-menu-divider {
|
| 466 |
+
margin: 5px 0;
|
| 467 |
+
height: 0;
|
| 468 |
+
font-size: 0;
|
| 469 |
+
line-height: 0;
|
| 470 |
+
border-width: 1px 0 0 0;
|
| 471 |
+
}
|
| 472 |
+
.ui-menu .ui-state-focus,
|
| 473 |
+
.ui-menu .ui-state-active {
|
| 474 |
+
margin: -1px;
|
| 475 |
+
}
|
| 476 |
+
|
| 477 |
+
/* icon support */
|
| 478 |
+
.ui-menu-icons {
|
| 479 |
+
position: relative;
|
| 480 |
+
}
|
| 481 |
+
.ui-menu-icons .ui-menu-item {
|
| 482 |
+
padding-left: 2em;
|
| 483 |
+
}
|
| 484 |
+
|
| 485 |
+
/* left-aligned */
|
| 486 |
+
.ui-menu .ui-icon {
|
| 487 |
+
position: absolute;
|
| 488 |
+
top: 0;
|
| 489 |
+
bottom: 0;
|
| 490 |
+
left: .2em;
|
| 491 |
+
margin: auto 0;
|
| 492 |
+
}
|
| 493 |
+
|
| 494 |
+
/* right-aligned */
|
| 495 |
+
.ui-menu .ui-menu-icon {
|
| 496 |
+
left: auto;
|
| 497 |
+
right: 0;
|
| 498 |
+
}
|
| 499 |
+
.ui-progressbar {
|
| 500 |
+
height: 2em;
|
| 501 |
+
text-align: left;
|
| 502 |
+
overflow: hidden;
|
| 503 |
+
}
|
| 504 |
+
.ui-progressbar .ui-progressbar-value {
|
| 505 |
+
margin: -1px;
|
| 506 |
+
height: 100%;
|
| 507 |
+
}
|
| 508 |
+
.ui-progressbar .ui-progressbar-overlay {
|
| 509 |
+
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
|
| 510 |
+
height: 100%;
|
| 511 |
+
filter: alpha(opacity=25); /* support: IE8 */
|
| 512 |
+
opacity: 0.25;
|
| 513 |
+
}
|
| 514 |
+
.ui-progressbar-indeterminate .ui-progressbar-value {
|
| 515 |
+
background-image: none;
|
| 516 |
+
}
|
| 517 |
+
.ui-resizable {
|
| 518 |
+
position: relative;
|
| 519 |
+
}
|
| 520 |
+
.ui-resizable-handle {
|
| 521 |
+
position: absolute;
|
| 522 |
+
font-size: 0.1px;
|
| 523 |
+
display: block;
|
| 524 |
+
-ms-touch-action: none;
|
| 525 |
+
touch-action: none;
|
| 526 |
+
}
|
| 527 |
+
.ui-resizable-disabled .ui-resizable-handle,
|
| 528 |
+
.ui-resizable-autohide .ui-resizable-handle {
|
| 529 |
+
display: none;
|
| 530 |
+
}
|
| 531 |
+
.ui-resizable-n {
|
| 532 |
+
cursor: n-resize;
|
| 533 |
+
height: 7px;
|
| 534 |
+
width: 100%;
|
| 535 |
+
top: -5px;
|
| 536 |
+
left: 0;
|
| 537 |
+
}
|
| 538 |
+
.ui-resizable-s {
|
| 539 |
+
cursor: s-resize;
|
| 540 |
+
height: 7px;
|
| 541 |
+
width: 100%;
|
| 542 |
+
bottom: -5px;
|
| 543 |
+
left: 0;
|
| 544 |
+
}
|
| 545 |
+
.ui-resizable-e {
|
| 546 |
+
cursor: e-resize;
|
| 547 |
+
width: 7px;
|
| 548 |
+
right: -5px;
|
| 549 |
+
top: 0;
|
| 550 |
+
height: 100%;
|
| 551 |
+
}
|
| 552 |
+
.ui-resizable-w {
|
| 553 |
+
cursor: w-resize;
|
| 554 |
+
width: 7px;
|
| 555 |
+
left: -5px;
|
| 556 |
+
top: 0;
|
| 557 |
+
height: 100%;
|
| 558 |
+
}
|
| 559 |
+
.ui-resizable-se {
|
| 560 |
+
cursor: se-resize;
|
| 561 |
+
width: 12px;
|
| 562 |
+
height: 12px;
|
| 563 |
+
right: 1px;
|
| 564 |
+
bottom: 1px;
|
| 565 |
+
}
|
| 566 |
+
.ui-resizable-sw {
|
| 567 |
+
cursor: sw-resize;
|
| 568 |
+
width: 9px;
|
| 569 |
+
height: 9px;
|
| 570 |
+
left: -5px;
|
| 571 |
+
bottom: -5px;
|
| 572 |
+
}
|
| 573 |
+
.ui-resizable-nw {
|
| 574 |
+
cursor: nw-resize;
|
| 575 |
+
width: 9px;
|
| 576 |
+
height: 9px;
|
| 577 |
+
left: -5px;
|
| 578 |
+
top: -5px;
|
| 579 |
+
}
|
| 580 |
+
.ui-resizable-ne {
|
| 581 |
+
cursor: ne-resize;
|
| 582 |
+
width: 9px;
|
| 583 |
+
height: 9px;
|
| 584 |
+
right: -5px;
|
| 585 |
+
top: -5px;
|
| 586 |
+
}
|
| 587 |
+
.ui-selectable {
|
| 588 |
+
-ms-touch-action: none;
|
| 589 |
+
touch-action: none;
|
| 590 |
+
}
|
| 591 |
+
.ui-selectable-helper {
|
| 592 |
+
position: absolute;
|
| 593 |
+
z-index: 100;
|
| 594 |
+
border: 1px dotted black;
|
| 595 |
+
}
|
| 596 |
+
.ui-selectmenu-menu {
|
| 597 |
+
padding: 0;
|
| 598 |
+
margin: 0;
|
| 599 |
+
position: absolute;
|
| 600 |
+
top: 0;
|
| 601 |
+
left: 0;
|
| 602 |
+
display: none;
|
| 603 |
+
}
|
| 604 |
+
.ui-selectmenu-menu .ui-menu {
|
| 605 |
+
overflow: auto;
|
| 606 |
+
/* Support: IE7 */
|
| 607 |
+
overflow-x: hidden;
|
| 608 |
+
padding-bottom: 1px;
|
| 609 |
+
}
|
| 610 |
+
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
|
| 611 |
+
font-size: 1em;
|
| 612 |
+
font-weight: bold;
|
| 613 |
+
line-height: 1.5;
|
| 614 |
+
padding: 2px 0.4em;
|
| 615 |
+
margin: 0.5em 0 0 0;
|
| 616 |
+
height: auto;
|
| 617 |
+
border: 0;
|
| 618 |
+
}
|
| 619 |
+
.ui-selectmenu-open {
|
| 620 |
+
display: block;
|
| 621 |
+
}
|
| 622 |
+
.ui-selectmenu-button {
|
| 623 |
+
display: inline-block;
|
| 624 |
+
overflow: hidden;
|
| 625 |
+
position: relative;
|
| 626 |
+
text-decoration: none;
|
| 627 |
+
cursor: pointer;
|
| 628 |
+
}
|
| 629 |
+
.ui-selectmenu-button span.ui-icon {
|
| 630 |
+
right: 0.5em;
|
| 631 |
+
left: auto;
|
| 632 |
+
margin-top: -8px;
|
| 633 |
+
position: absolute;
|
| 634 |
+
top: 50%;
|
| 635 |
+
}
|
| 636 |
+
.ui-selectmenu-button span.ui-selectmenu-text {
|
| 637 |
+
text-align: left;
|
| 638 |
+
padding: 0.4em 2.1em 0.4em 1em;
|
| 639 |
+
display: block;
|
| 640 |
+
line-height: 1.4;
|
| 641 |
+
overflow: hidden;
|
| 642 |
+
text-overflow: ellipsis;
|
| 643 |
+
white-space: nowrap;
|
| 644 |
+
}
|
| 645 |
+
.ui-slider {
|
| 646 |
+
position: relative;
|
| 647 |
+
text-align: left;
|
| 648 |
+
}
|
| 649 |
+
.ui-slider .ui-slider-handle {
|
| 650 |
+
position: absolute;
|
| 651 |
+
z-index: 2;
|
| 652 |
+
width: 1.2em;
|
| 653 |
+
height: 1.2em;
|
| 654 |
+
cursor: default;
|
| 655 |
+
-ms-touch-action: none;
|
| 656 |
+
touch-action: none;
|
| 657 |
+
}
|
| 658 |
+
.ui-slider .ui-slider-range {
|
| 659 |
+
position: absolute;
|
| 660 |
+
z-index: 1;
|
| 661 |
+
font-size: .7em;
|
| 662 |
+
display: block;
|
| 663 |
+
border: 0;
|
| 664 |
+
background-position: 0 0;
|
| 665 |
+
}
|
| 666 |
+
|
| 667 |
+
/* support: IE8 - See #6727 */
|
| 668 |
+
.ui-slider.ui-state-disabled .ui-slider-handle,
|
| 669 |
+
.ui-slider.ui-state-disabled .ui-slider-range {
|
| 670 |
+
filter: inherit;
|
| 671 |
+
}
|
| 672 |
+
|
| 673 |
+
.ui-slider-horizontal {
|
| 674 |
+
height: .8em;
|
| 675 |
+
}
|
| 676 |
+
.ui-slider-horizontal .ui-slider-handle {
|
| 677 |
+
top: -.3em;
|
| 678 |
+
margin-left: -.6em;
|
| 679 |
+
}
|
| 680 |
+
.ui-slider-horizontal .ui-slider-range {
|
| 681 |
+
top: 0;
|
| 682 |
+
height: 100%;
|
| 683 |
+
}
|
| 684 |
+
.ui-slider-horizontal .ui-slider-range-min {
|
| 685 |
+
left: 0;
|
| 686 |
+
}
|
| 687 |
+
.ui-slider-horizontal .ui-slider-range-max {
|
| 688 |
+
right: 0;
|
| 689 |
+
}
|
| 690 |
+
|
| 691 |
+
.ui-slider-vertical {
|
| 692 |
+
width: .8em;
|
| 693 |
+
height: 100px;
|
| 694 |
+
}
|
| 695 |
+
.ui-slider-vertical .ui-slider-handle {
|
| 696 |
+
left: -.3em;
|
| 697 |
+
margin-left: 0;
|
| 698 |
+
margin-bottom: -.6em;
|
| 699 |
+
}
|
| 700 |
+
.ui-slider-vertical .ui-slider-range {
|
| 701 |
+
left: 0;
|
| 702 |
+
width: 100%;
|
| 703 |
+
}
|
| 704 |
+
.ui-slider-vertical .ui-slider-range-min {
|
| 705 |
+
bottom: 0;
|
| 706 |
+
}
|
| 707 |
+
.ui-slider-vertical .ui-slider-range-max {
|
| 708 |
+
top: 0;
|
| 709 |
+
}
|
| 710 |
+
.ui-sortable-handle {
|
| 711 |
+
-ms-touch-action: none;
|
| 712 |
+
touch-action: none;
|
| 713 |
+
}
|
| 714 |
+
.ui-spinner {
|
| 715 |
+
position: relative;
|
| 716 |
+
display: inline-block;
|
| 717 |
+
overflow: hidden;
|
| 718 |
+
padding: 0;
|
| 719 |
+
vertical-align: middle;
|
| 720 |
+
}
|
| 721 |
+
.ui-spinner-input {
|
| 722 |
+
border: none;
|
| 723 |
+
background: none;
|
| 724 |
+
color: inherit;
|
| 725 |
+
padding: 0;
|
| 726 |
+
margin: .2em 0;
|
| 727 |
+
vertical-align: middle;
|
| 728 |
+
margin-left: .4em;
|
| 729 |
+
margin-right: 22px;
|
| 730 |
+
}
|
| 731 |
+
.ui-spinner-button {
|
| 732 |
+
width: 16px;
|
| 733 |
+
height: 50%;
|
| 734 |
+
font-size: .5em;
|
| 735 |
+
padding: 0;
|
| 736 |
+
margin: 0;
|
| 737 |
+
text-align: center;
|
| 738 |
+
position: absolute;
|
| 739 |
+
cursor: default;
|
| 740 |
+
display: block;
|
| 741 |
+
overflow: hidden;
|
| 742 |
+
right: 0;
|
| 743 |
+
}
|
| 744 |
+
/* more specificity required here to override default borders */
|
| 745 |
+
.ui-spinner a.ui-spinner-button {
|
| 746 |
+
border-top: none;
|
| 747 |
+
border-bottom: none;
|
| 748 |
+
border-right: none;
|
| 749 |
+
}
|
| 750 |
+
/* vertically center icon */
|
| 751 |
+
.ui-spinner .ui-icon {
|
| 752 |
+
position: absolute;
|
| 753 |
+
margin-top: -8px;
|
| 754 |
+
top: 50%;
|
| 755 |
+
left: 0;
|
| 756 |
+
}
|
| 757 |
+
.ui-spinner-up {
|
| 758 |
+
top: 0;
|
| 759 |
+
}
|
| 760 |
+
.ui-spinner-down {
|
| 761 |
+
bottom: 0;
|
| 762 |
+
}
|
| 763 |
+
|
| 764 |
+
/* TR overrides */
|
| 765 |
+
.ui-spinner .ui-icon-triangle-1-s {
|
| 766 |
+
/* need to fix icons sprite */
|
| 767 |
+
background-position: -65px -16px;
|
| 768 |
+
}
|
| 769 |
+
.ui-tabs {
|
| 770 |
+
position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
|
| 771 |
+
padding: .2em;
|
| 772 |
+
}
|
| 773 |
+
.ui-tabs .ui-tabs-nav {
|
| 774 |
+
margin: 0;
|
| 775 |
+
padding: .2em .2em 0;
|
| 776 |
+
}
|
| 777 |
+
.ui-tabs .ui-tabs-nav li {
|
| 778 |
+
list-style: none;
|
| 779 |
+
float: left;
|
| 780 |
+
position: relative;
|
| 781 |
+
top: 0;
|
| 782 |
+
margin: 1px .2em 0 0;
|
| 783 |
+
border-bottom-width: 0;
|
| 784 |
+
padding: 0;
|
| 785 |
+
white-space: nowrap;
|
| 786 |
+
}
|
| 787 |
+
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
|
| 788 |
+
float: left;
|
| 789 |
+
padding: .5em 1em;
|
| 790 |
+
text-decoration: none;
|
| 791 |
+
}
|
| 792 |
+
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
|
| 793 |
+
margin-bottom: -1px;
|
| 794 |
+
padding-bottom: 1px;
|
| 795 |
+
}
|
| 796 |
+
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
|
| 797 |
+
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
|
| 798 |
+
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
|
| 799 |
+
cursor: text;
|
| 800 |
+
}
|
| 801 |
+
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
|
| 802 |
+
cursor: pointer;
|
| 803 |
+
}
|
| 804 |
+
.ui-tabs .ui-tabs-panel {
|
| 805 |
+
display: block;
|
| 806 |
+
border-width: 0;
|
| 807 |
+
padding: 1em 1.4em;
|
| 808 |
+
background: none;
|
| 809 |
+
}
|
| 810 |
+
.ui-tooltip {
|
| 811 |
+
padding: 8px;
|
| 812 |
+
position: absolute;
|
| 813 |
+
z-index: 9999;
|
| 814 |
+
max-width: 300px;
|
| 815 |
+
-webkit-box-shadow: 0 0 5px #aaa;
|
| 816 |
+
box-shadow: 0 0 5px #aaa;
|
| 817 |
+
}
|
| 818 |
+
body .ui-tooltip {
|
| 819 |
+
border-width: 2px;
|
| 820 |
+
}
|
| 821 |
+
|
| 822 |
+
/* Component containers
|
| 823 |
+
----------------------------------*/
|
| 824 |
+
.ui-widget {
|
| 825 |
+
font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
|
| 826 |
+
font-size: 1.1em;
|
| 827 |
+
}
|
| 828 |
+
.ui-widget .ui-widget {
|
| 829 |
+
font-size: 1em;
|
| 830 |
+
}
|
| 831 |
+
.ui-widget input,
|
| 832 |
+
.ui-widget select,
|
| 833 |
+
.ui-widget textarea,
|
| 834 |
+
.ui-widget button {
|
| 835 |
+
font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
|
| 836 |
+
font-size: 1em;
|
| 837 |
+
}
|
| 838 |
+
.ui-widget-content {
|
| 839 |
+
border: 1px solid #dddddd;
|
| 840 |
+
background: #eeeeee url("../../images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
|
| 841 |
+
color: #333333;
|
| 842 |
+
}
|
| 843 |
+
.ui-widget-content a {
|
| 844 |
+
color: #333333;
|
| 845 |
+
}
|
| 846 |
+
.ui-widget-header {
|
| 847 |
+
border: 1px solid #e78f08;
|
| 848 |
+
background: #f6a828 url("../../images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
|
| 849 |
+
color: #ffffff;
|
| 850 |
+
font-weight: bold;
|
| 851 |
+
}
|
| 852 |
+
.ui-widget-header a {
|
| 853 |
+
color: #ffffff;
|
| 854 |
+
}
|
| 855 |
+
|
| 856 |
+
/* Interaction states
|
| 857 |
+
----------------------------------*/
|
| 858 |
+
.ui-state-default,
|
| 859 |
+
.ui-widget-content .ui-state-default,
|
| 860 |
+
.ui-widget-header .ui-state-default {
|
| 861 |
+
border: 1px solid #cccccc;
|
| 862 |
+
background: #f6f6f6 url("../../images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
|
| 863 |
+
font-weight: bold;
|
| 864 |
+
color: #1c94c4;
|
| 865 |
+
}
|
| 866 |
+
.ui-state-default a,
|
| 867 |
+
.ui-state-default a:link,
|
| 868 |
+
.ui-state-default a:visited {
|
| 869 |
+
color: #1c94c4;
|
| 870 |
+
text-decoration: none;
|
| 871 |
+
}
|
| 872 |
+
.ui-state-hover,
|
| 873 |
+
.ui-widget-content .ui-state-hover,
|
| 874 |
+
.ui-widget-header .ui-state-hover,
|
| 875 |
+
.ui-state-focus,
|
| 876 |
+
.ui-widget-content .ui-state-focus,
|
| 877 |
+
.ui-widget-header .ui-state-focus {
|
| 878 |
+
border: 1px solid #fbcb09;
|
| 879 |
+
background: #fdf5ce url("../../images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
|
| 880 |
+
font-weight: bold;
|
| 881 |
+
color: #c77405;
|
| 882 |
+
}
|
| 883 |
+
.ui-state-hover a,
|
| 884 |
+
.ui-state-hover a:hover,
|
| 885 |
+
.ui-state-hover a:link,
|
| 886 |
+
.ui-state-hover a:visited,
|
| 887 |
+
.ui-state-focus a,
|
| 888 |
+
.ui-state-focus a:hover,
|
| 889 |
+
.ui-state-focus a:link,
|
| 890 |
+
.ui-state-focus a:visited {
|
| 891 |
+
color: #c77405;
|
| 892 |
+
text-decoration: none;
|
| 893 |
+
}
|
| 894 |
+
.ui-state-active,
|
| 895 |
+
.ui-widget-content .ui-state-active,
|
| 896 |
+
.ui-widget-header .ui-state-active {
|
| 897 |
+
border: 1px solid #fbd850;
|
| 898 |
+
background: #ffffff url("../../images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
|
| 899 |
+
font-weight: bold;
|
| 900 |
+
color: #eb8f00;
|
| 901 |
+
}
|
| 902 |
+
.ui-state-active a,
|
| 903 |
+
.ui-state-active a:link,
|
| 904 |
+
.ui-state-active a:visited {
|
| 905 |
+
color: #eb8f00;
|
| 906 |
+
text-decoration: none;
|
| 907 |
+
}
|
| 908 |
+
|
| 909 |
+
/* Interaction Cues
|
| 910 |
+
----------------------------------*/
|
| 911 |
+
.ui-state-highlight,
|
| 912 |
+
.ui-widget-content .ui-state-highlight,
|
| 913 |
+
.ui-widget-header .ui-state-highlight {
|
| 914 |
+
border: 1px solid #fed22f;
|
| 915 |
+
background: #ffe45c url("../../images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
|
| 916 |
+
color: #363636;
|
| 917 |
+
}
|
| 918 |
+
.ui-state-highlight a,
|
| 919 |
+
.ui-widget-content .ui-state-highlight a,
|
| 920 |
+
.ui-widget-header .ui-state-highlight a {
|
| 921 |
+
color: #363636;
|
| 922 |
+
}
|
| 923 |
+
.ui-state-error,
|
| 924 |
+
.ui-widget-content .ui-state-error,
|
| 925 |
+
.ui-widget-header .ui-state-error {
|
| 926 |
+
border: 1px solid #cd0a0a;
|
| 927 |
+
background: #b81900 url("../../images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
|
| 928 |
+
color: #ffffff;
|
| 929 |
+
}
|
| 930 |
+
.ui-state-error a,
|
| 931 |
+
.ui-widget-content .ui-state-error a,
|
| 932 |
+
.ui-widget-header .ui-state-error a {
|
| 933 |
+
color: #ffffff;
|
| 934 |
+
}
|
| 935 |
+
.ui-state-error-text,
|
| 936 |
+
.ui-widget-content .ui-state-error-text,
|
| 937 |
+
.ui-widget-header .ui-state-error-text {
|
| 938 |
+
color: #ffffff;
|
| 939 |
+
}
|
| 940 |
+
.ui-priority-primary,
|
| 941 |
+
.ui-widget-content .ui-priority-primary,
|
| 942 |
+
.ui-widget-header .ui-priority-primary {
|
| 943 |
+
font-weight: bold;
|
| 944 |
+
}
|
| 945 |
+
.ui-priority-secondary,
|
| 946 |
+
.ui-widget-content .ui-priority-secondary,
|
| 947 |
+
.ui-widget-header .ui-priority-secondary {
|
| 948 |
+
opacity: .7;
|
| 949 |
+
filter:Alpha(Opacity=70); /* support: IE8 */
|
| 950 |
+
font-weight: normal;
|
| 951 |
+
}
|
| 952 |
+
.ui-state-disabled,
|
| 953 |
+
.ui-widget-content .ui-state-disabled,
|
| 954 |
+
.ui-widget-header .ui-state-disabled {
|
| 955 |
+
opacity: .35;
|
| 956 |
+
filter:Alpha(Opacity=35); /* support: IE8 */
|
| 957 |
+
background-image: none;
|
| 958 |
+
}
|
| 959 |
+
.ui-state-disabled .ui-icon {
|
| 960 |
+
filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
|
| 961 |
+
}
|
| 962 |
+
|
| 963 |
+
/* Icons
|
| 964 |
+
----------------------------------*/
|
| 965 |
+
|
| 966 |
+
/* states and ../../images */
|
| 967 |
+
.ui-icon {
|
| 968 |
+
width: 16px;
|
| 969 |
+
height: 16px;
|
| 970 |
+
}
|
| 971 |
+
.ui-icon,
|
| 972 |
+
.ui-widget-content .ui-icon {
|
| 973 |
+
background-image: url("../../images/ui-icons_222222_256x240.png");
|
| 974 |
+
}
|
| 975 |
+
.ui-widget-header .ui-icon {
|
| 976 |
+
background-image: url("../../images/ui-icons_ffffff_256x240.png");
|
| 977 |
+
}
|
| 978 |
+
.ui-state-default .ui-icon {
|
| 979 |
+
background-image: url("../../images/ui-icons_ef8c08_256x240.png");
|
| 980 |
+
}
|
| 981 |
+
.ui-state-hover .ui-icon,
|
| 982 |
+
.ui-state-focus .ui-icon {
|
| 983 |
+
background-image: url("../../images/ui-icons_ef8c08_256x240.png");
|
| 984 |
+
}
|
| 985 |
+
.ui-state-active .ui-icon {
|
| 986 |
+
background-image: url("../../images/ui-icons_ef8c08_256x240.png");
|
| 987 |
+
}
|
| 988 |
+
.ui-state-highlight .ui-icon {
|
| 989 |
+
background-image: url("../../images/ui-icons_228ef1_256x240.png");
|
| 990 |
+
}
|
| 991 |
+
.ui-state-error .ui-icon,
|
| 992 |
+
.ui-state-error-text .ui-icon {
|
| 993 |
+
background-image: url("../../images/ui-icons_ffd27a_256x240.png");
|
| 994 |
+
}
|
| 995 |
+
|
| 996 |
+
/* positioning */
|
| 997 |
+
.ui-icon-blank { background-position: 16px 16px; }
|
| 998 |
+
.ui-icon-carat-1-n { background-position: 0 0; }
|
| 999 |
+
.ui-icon-carat-1-ne { background-position: -16px 0; }
|
| 1000 |
+
.ui-icon-carat-1-e { background-position: -32px 0; }
|
| 1001 |
+
.ui-icon-carat-1-se { background-position: -48px 0; }
|
| 1002 |
+
.ui-icon-carat-1-s { background-position: -64px 0; }
|
| 1003 |
+
.ui-icon-carat-1-sw { background-position: -80px 0; }
|
| 1004 |
+
.ui-icon-carat-1-w { background-position: -96px 0; }
|
| 1005 |
+
.ui-icon-carat-1-nw { background-position: -112px 0; }
|
| 1006 |
+
.ui-icon-carat-2-n-s { background-position: -128px 0; }
|
| 1007 |
+
.ui-icon-carat-2-e-w { background-position: -144px 0; }
|
| 1008 |
+
.ui-icon-triangle-1-n { background-position: 0 -16px; }
|
| 1009 |
+
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
|
| 1010 |
+
.ui-icon-triangle-1-e { background-position: -32px -16px; }
|
| 1011 |
+
.ui-icon-triangle-1-se { background-position: -48px -16px; }
|
| 1012 |
+
.ui-icon-triangle-1-s { background-position: -64px -16px; }
|
| 1013 |
+
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
|
| 1014 |
+
.ui-icon-triangle-1-w { background-position: -96px -16px; }
|
| 1015 |
+
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
|
| 1016 |
+
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
|
| 1017 |
+
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
|
| 1018 |
+
.ui-icon-arrow-1-n { background-position: 0 -32px; }
|
| 1019 |
+
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
|
| 1020 |
+
.ui-icon-arrow-1-e { background-position: -32px -32px; }
|
| 1021 |
+
.ui-icon-arrow-1-se { background-position: -48px -32px; }
|
| 1022 |
+
.ui-icon-arrow-1-s { background-position: -64px -32px; }
|
| 1023 |
+
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
|
| 1024 |
+
.ui-icon-arrow-1-w { background-position: -96px -32px; }
|
| 1025 |
+
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
|
| 1026 |
+
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
|
| 1027 |
+
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
|
| 1028 |
+
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
|
| 1029 |
+
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
|
| 1030 |
+
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
|
| 1031 |
+
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
|
| 1032 |
+
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
|
| 1033 |
+
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
|
| 1034 |
+
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
|
| 1035 |
+
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
|
| 1036 |
+
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
|
| 1037 |
+
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
|
| 1038 |
+
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
|
| 1039 |
+
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
|
| 1040 |
+
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
|
| 1041 |
+
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
|
| 1042 |
+
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
|
| 1043 |
+
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
|
| 1044 |
+
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
|
| 1045 |
+
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
|
| 1046 |
+
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
|
| 1047 |
+
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
|
| 1048 |
+
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
|
| 1049 |
+
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
|
| 1050 |
+
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
|
| 1051 |
+
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
|
| 1052 |
+
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
|
| 1053 |
+
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
|
| 1054 |
+
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
|
| 1055 |
+
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
|
| 1056 |
+
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
|
| 1057 |
+
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
|
| 1058 |
+
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
|
| 1059 |
+
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
|
| 1060 |
+
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
|
| 1061 |
+
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
|
| 1062 |
+
.ui-icon-arrow-4 { background-position: 0 -80px; }
|
| 1063 |
+
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
|
| 1064 |
+
.ui-icon-extlink { background-position: -32px -80px; }
|
| 1065 |
+
.ui-icon-newwin { background-position: -48px -80px; }
|
| 1066 |
+
.ui-icon-refresh { background-position: -64px -80px; }
|
| 1067 |
+
.ui-icon-shuffle { background-position: -80px -80px; }
|
| 1068 |
+
.ui-icon-transfer-e-w { background-position: -96px -80px; }
|
| 1069 |
+
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
|
| 1070 |
+
.ui-icon-folder-collapsed { background-position: 0 -96px; }
|
| 1071 |
+
.ui-icon-folder-open { background-position: -16px -96px; }
|
| 1072 |
+
.ui-icon-document { background-position: -32px -96px; }
|
| 1073 |
+
.ui-icon-document-b { background-position: -48px -96px; }
|
| 1074 |
+
.ui-icon-note { background-position: -64px -96px; }
|
| 1075 |
+
.ui-icon-mail-closed { background-position: -80px -96px; }
|
| 1076 |
+
.ui-icon-mail-open { background-position: -96px -96px; }
|
| 1077 |
+
.ui-icon-suitcase { background-position: -112px -96px; }
|
| 1078 |
+
.ui-icon-comment { background-position: -128px -96px; }
|
| 1079 |
+
.ui-icon-person { background-position: -144px -96px; }
|
| 1080 |
+
.ui-icon-print { background-position: -160px -96px; }
|
| 1081 |
+
.ui-icon-trash { background-position: -176px -96px; }
|
| 1082 |
+
.ui-icon-locked { background-position: -192px -96px; }
|
| 1083 |
+
.ui-icon-unlocked { background-position: -208px -96px; }
|
| 1084 |
+
.ui-icon-bookmark { background-position: -224px -96px; }
|
| 1085 |
+
.ui-icon-tag { background-position: -240px -96px; }
|
| 1086 |
+
.ui-icon-home { background-position: 0 -112px; }
|
| 1087 |
+
.ui-icon-flag { background-position: -16px -112px; }
|
| 1088 |
+
.ui-icon-calendar { background-position: -32px -112px; }
|
| 1089 |
+
.ui-icon-cart { background-position: -48px -112px; }
|
| 1090 |
+
.ui-icon-pencil { background-position: -64px -112px; }
|
| 1091 |
+
.ui-icon-clock { background-position: -80px -112px; }
|
| 1092 |
+
.ui-icon-disk { background-position: -96px -112px; }
|
| 1093 |
+
.ui-icon-calculator { background-position: -112px -112px; }
|
| 1094 |
+
.ui-icon-zoomin { background-position: -128px -112px; }
|
| 1095 |
+
.ui-icon-zoomout { background-position: -144px -112px; }
|
| 1096 |
+
.ui-icon-search { background-position: -160px -112px; }
|
| 1097 |
+
.ui-icon-wrench { background-position: -176px -112px; }
|
| 1098 |
+
.ui-icon-gear { background-position: -192px -112px; }
|
| 1099 |
+
.ui-icon-heart { background-position: -208px -112px; }
|
| 1100 |
+
.ui-icon-star { background-position: -224px -112px; }
|
| 1101 |
+
.ui-icon-link { background-position: -240px -112px; }
|
| 1102 |
+
.ui-icon-cancel { background-position: 0 -128px; }
|
| 1103 |
+
.ui-icon-plus { background-position: -16px -128px; }
|
| 1104 |
+
.ui-icon-plusthick { background-position: -32px -128px; }
|
| 1105 |
+
.ui-icon-minus { background-position: -48px -128px; }
|
| 1106 |
+
.ui-icon-minusthick { background-position: -64px -128px; }
|
| 1107 |
+
.ui-icon-close { background-position: -80px -128px; }
|
| 1108 |
+
.ui-icon-closethick { background-position: -96px -128px; }
|
| 1109 |
+
.ui-icon-key { background-position: -112px -128px; }
|
| 1110 |
+
.ui-icon-lightbulb { background-position: -128px -128px; }
|
| 1111 |
+
.ui-icon-scissors { background-position: -144px -128px; }
|
| 1112 |
+
.ui-icon-clipboard { background-position: -160px -128px; }
|
| 1113 |
+
.ui-icon-copy { background-position: -176px -128px; }
|
| 1114 |
+
.ui-icon-contact { background-position: -192px -128px; }
|
| 1115 |
+
.ui-icon-image { background-position: -208px -128px; }
|
| 1116 |
+
.ui-icon-video { background-position: -224px -128px; }
|
| 1117 |
+
.ui-icon-script { background-position: -240px -128px; }
|
| 1118 |
+
.ui-icon-alert { background-position: 0 -144px; }
|
| 1119 |
+
.ui-icon-info { background-position: -16px -144px; }
|
| 1120 |
+
.ui-icon-notice { background-position: -32px -144px; }
|
| 1121 |
+
.ui-icon-help { background-position: -48px -144px; }
|
| 1122 |
+
.ui-icon-check { background-position: -64px -144px; }
|
| 1123 |
+
.ui-icon-bullet { background-position: -80px -144px; }
|
| 1124 |
+
.ui-icon-radio-on { background-position: -96px -144px; }
|
| 1125 |
+
.ui-icon-radio-off { background-position: -112px -144px; }
|
| 1126 |
+
.ui-icon-pin-w { background-position: -128px -144px; }
|
| 1127 |
+
.ui-icon-pin-s { background-position: -144px -144px; }
|
| 1128 |
+
.ui-icon-play { background-position: 0 -160px; }
|
| 1129 |
+
.ui-icon-pause { background-position: -16px -160px; }
|
| 1130 |
+
.ui-icon-seek-next { background-position: -32px -160px; }
|
| 1131 |
+
.ui-icon-seek-prev { background-position: -48px -160px; }
|
| 1132 |
+
.ui-icon-seek-end { background-position: -64px -160px; }
|
| 1133 |
+
.ui-icon-seek-start { background-position: -80px -160px; }
|
| 1134 |
+
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
|
| 1135 |
+
.ui-icon-seek-first { background-position: -80px -160px; }
|
| 1136 |
+
.ui-icon-stop { background-position: -96px -160px; }
|
| 1137 |
+
.ui-icon-eject { background-position: -112px -160px; }
|
| 1138 |
+
.ui-icon-volume-off { background-position: -128px -160px; }
|
| 1139 |
+
.ui-icon-volume-on { background-position: -144px -160px; }
|
| 1140 |
+
.ui-icon-power { background-position: 0 -176px; }
|
| 1141 |
+
.ui-icon-signal-diag { background-position: -16px -176px; }
|
| 1142 |
+
.ui-icon-signal { background-position: -32px -176px; }
|
| 1143 |
+
.ui-icon-battery-0 { background-position: -48px -176px; }
|
| 1144 |
+
.ui-icon-battery-1 { background-position: -64px -176px; }
|
| 1145 |
+
.ui-icon-battery-2 { background-position: -80px -176px; }
|
| 1146 |
+
.ui-icon-battery-3 { background-position: -96px -176px; }
|
| 1147 |
+
.ui-icon-circle-plus { background-position: 0 -192px; }
|
| 1148 |
+
.ui-icon-circle-minus { background-position: -16px -192px; }
|
| 1149 |
+
.ui-icon-circle-close { background-position: -32px -192px; }
|
| 1150 |
+
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
|
| 1151 |
+
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
|
| 1152 |
+
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
|
| 1153 |
+
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
|
| 1154 |
+
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
|
| 1155 |
+
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
|
| 1156 |
+
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
|
| 1157 |
+
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
|
| 1158 |
+
.ui-icon-circle-zoomin { background-position: -176px -192px; }
|
| 1159 |
+
.ui-icon-circle-zoomout { background-position: -192px -192px; }
|
| 1160 |
+
.ui-icon-circle-check { background-position: -208px -192px; }
|
| 1161 |
+
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
|
| 1162 |
+
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
|
| 1163 |
+
.ui-icon-circlesmall-close { background-position: -32px -208px; }
|
| 1164 |
+
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
|
| 1165 |
+
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
|
| 1166 |
+
.ui-icon-squaresmall-close { background-position: -80px -208px; }
|
| 1167 |
+
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
|
| 1168 |
+
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
|
| 1169 |
+
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
|
| 1170 |
+
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
|
| 1171 |
+
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
|
| 1172 |
+
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
|
| 1173 |
+
|
| 1174 |
+
|
| 1175 |
+
/* Misc visuals
|
| 1176 |
+
----------------------------------*/
|
| 1177 |
+
|
| 1178 |
+
/* Corner radius */
|
| 1179 |
+
.ui-corner-all,
|
| 1180 |
+
.ui-corner-top,
|
| 1181 |
+
.ui-corner-left,
|
| 1182 |
+
.ui-corner-tl {
|
| 1183 |
+
border-top-left-radius: 4px;
|
| 1184 |
+
}
|
| 1185 |
+
.ui-corner-all,
|
| 1186 |
+
.ui-corner-top,
|
| 1187 |
+
.ui-corner-right,
|
| 1188 |
+
.ui-corner-tr {
|
| 1189 |
+
border-top-right-radius: 4px;
|
| 1190 |
+
}
|
| 1191 |
+
.ui-corner-all,
|
| 1192 |
+
.ui-corner-bottom,
|
| 1193 |
+
.ui-corner-left,
|
| 1194 |
+
.ui-corner-bl {
|
| 1195 |
+
border-bottom-left-radius: 4px;
|
| 1196 |
+
}
|
| 1197 |
+
.ui-corner-all,
|
| 1198 |
+
.ui-corner-bottom,
|
| 1199 |
+
.ui-corner-right,
|
| 1200 |
+
.ui-corner-br {
|
| 1201 |
+
border-bottom-right-radius: 4px;
|
| 1202 |
+
}
|
| 1203 |
+
|
| 1204 |
+
/* Overlays */
|
| 1205 |
+
.ui-widget-overlay {
|
| 1206 |
+
background: #666666 url("../../images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
|
| 1207 |
+
opacity: .5;
|
| 1208 |
+
filter: Alpha(Opacity=50); /* support: IE8 */
|
| 1209 |
+
}
|
| 1210 |
+
.ui-widget-shadow {
|
| 1211 |
+
margin: -5px 0 0 -5px;
|
| 1212 |
+
padding: 5px;
|
| 1213 |
+
background: #000000 url("../../images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
|
| 1214 |
+
opacity: .2;
|
| 1215 |
+
filter: Alpha(Opacity=20); /* support: IE8 */
|
| 1216 |
+
border-radius: 5px;
|
| 1217 |
+
}
|
includes/style/style.css
ADDED
|
@@ -0,0 +1,324 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
.content_countdown{
|
| 2 |
+
clear:both;
|
| 3 |
+
}
|
| 4 |
+
.hided_element{
|
| 5 |
+
visibility:hidden;
|
| 6 |
+
}
|
| 7 |
+
#title_style h1{
|
| 8 |
+
padding: 0px;
|
| 9 |
+
margin:0px;
|
| 10 |
+
}
|
| 11 |
+
#descrip{
|
| 12 |
+
margin: 5px 0px 5px 0px;
|
| 13 |
+
}
|
| 14 |
+
.soc_icon_coneiner{
|
| 15 |
+
display:inline-block;
|
| 16 |
+
margin-top:2%;
|
| 17 |
+
width: 100%;
|
| 18 |
+
}
|
| 19 |
+
.soc_icon_coneiner .soc_icon{
|
| 20 |
+
display: inline-block;
|
| 21 |
+
margin-right: 3%;
|
| 22 |
+
}
|
| 23 |
+
|
| 24 |
+
.soc_icon_coneiner .soc_icon img{
|
| 25 |
+
width:100%;
|
| 26 |
+
max-height:82px;
|
| 27 |
+
}
|
| 28 |
+
.countdown{
|
| 29 |
+
width:100%;
|
| 30 |
+
}
|
| 31 |
+
.countdown > div{
|
| 32 |
+
text-align:center;
|
| 33 |
+
margin-top:2%;
|
| 34 |
+
float:left;
|
| 35 |
+
color:#fff;
|
| 36 |
+
font-size:48px;
|
| 37 |
+
font-weight:bold;
|
| 38 |
+
}
|
| 39 |
+
.element_conteiner{
|
| 40 |
+
text-align:center;
|
| 41 |
+
display: inline-block;
|
| 42 |
+
}
|
| 43 |
+
.time_left{
|
| 44 |
+
border:none;
|
| 45 |
+
display:block;
|
| 46 |
+
padding-bottom: 10%;
|
| 47 |
+
padding-top: 10%;
|
| 48 |
+
padding-left: 25%;
|
| 49 |
+
padding-right: 25%;
|
| 50 |
+
font-weight:bold;
|
| 51 |
+
}
|
| 52 |
+
.time_description{
|
| 53 |
+
display:block;
|
| 54 |
+
text-align:center;
|
| 55 |
+
margin-top:1%;
|
| 56 |
+
margin-bottom:1%;
|
| 57 |
+
font-weight:bold;
|
| 58 |
+
}
|
| 59 |
+
.information{
|
| 60 |
+
box-sizing:border-box;
|
| 61 |
+
display:inline-block;
|
| 62 |
+
z-index:999999;
|
| 63 |
+
width:100%;
|
| 64 |
+
}
|
| 65 |
+
#main_inform_div{
|
| 66 |
+
overflow:hidden;
|
| 67 |
+
box-sizing:border-box;
|
| 68 |
+
display:table;
|
| 69 |
+
position:relative;
|
| 70 |
+
z-index:1000;
|
| 71 |
+
}
|
| 72 |
+
.aligment{
|
| 73 |
+
display:table-cell;
|
| 74 |
+
width: 10%;
|
| 75 |
+
}
|
| 76 |
+
|
| 77 |
+
#slider{
|
| 78 |
+
left: 0px; top: 0px; overflow: hidden; margin: 0px; padding: 0px; height: 680px; width: 1903px; z-index: -999999; position: fixed;
|
| 79 |
+
}
|
| 80 |
+
|
| 81 |
+
|
| 82 |
+
|
| 83 |
+
/*Countedown*/
|
| 84 |
+
.countdown figure ul{
|
| 85 |
+
padding:0px !important;
|
| 86 |
+
}
|
| 87 |
+
.ClassyCountdown-wrapper{
|
| 88 |
+
width:100%;
|
| 89 |
+
}
|
| 90 |
+
.ClassyCountdown-wrapper > div {
|
| 91 |
+
display: inline-block;
|
| 92 |
+
position: relative;
|
| 93 |
+
margin-right:2%;
|
| 94 |
+
|
| 95 |
+
}
|
| 96 |
+
.ClassyCountdown-value > span{
|
| 97 |
+
display:block;
|
| 98 |
+
}
|
| 99 |
+
.ClassyCountdown-wrapper .ClassyCountdown-value {
|
| 100 |
+
width: 100%;
|
| 101 |
+
position: absolute;
|
| 102 |
+
top: 50%;
|
| 103 |
+
text-align: center;
|
| 104 |
+
left: 0;
|
| 105 |
+
display: block;
|
| 106 |
+
}
|
| 107 |
+
#countdown{
|
| 108 |
+
height: auto;
|
| 109 |
+
}
|
| 110 |
+
figure, figcaption {
|
| 111 |
+
display: block;
|
| 112 |
+
}
|
| 113 |
+
.transition {
|
| 114 |
+
-webkit-transition: top 400ms linear;
|
| 115 |
+
-moz-transition: top 400ms linear;
|
| 116 |
+
-ms-transition: top 400ms linear;
|
| 117 |
+
-o-transition: top 400ms linear;
|
| 118 |
+
transition: top 400ms linear;
|
| 119 |
+
}
|
| 120 |
+
|
| 121 |
+
.timeTo {
|
| 122 |
+
line-height: 108%;
|
| 123 |
+
font-weight: bold;
|
| 124 |
+
}
|
| 125 |
+
|
| 126 |
+
.timeTo span {
|
| 127 |
+
vertical-align: top;
|
| 128 |
+
}
|
| 129 |
+
.timeTo figure {
|
| 130 |
+
display: inline-block;
|
| 131 |
+
margin: 0;
|
| 132 |
+
padding: 0;
|
| 133 |
+
}
|
| 134 |
+
.timeTo figcaption {
|
| 135 |
+
text-align: center;
|
| 136 |
+
/*font-size: 12px;*/
|
| 137 |
+
line-height: 80%;
|
| 138 |
+
font-weight: normal;
|
| 139 |
+
color: #888;
|
| 140 |
+
}
|
| 141 |
+
|
| 142 |
+
.timeTo div {
|
| 143 |
+
position: relative;
|
| 144 |
+
display: inline-block;
|
| 145 |
+
/*width: 25px;
|
| 146 |
+
height: 30px;*/
|
| 147 |
+
border-top: 1px solid silver;
|
| 148 |
+
border-right: 1px solid silver;
|
| 149 |
+
border-bottom: 1px solid silver;
|
| 150 |
+
overflow: hidden;
|
| 151 |
+
}
|
| 152 |
+
.timeTo div.first {
|
| 153 |
+
border-left: 1px solid silver;
|
| 154 |
+
}
|
| 155 |
+
|
| 156 |
+
.timeTo ul {
|
| 157 |
+
list-style-type: none;
|
| 158 |
+
margin: 0;
|
| 159 |
+
padding: 0;
|
| 160 |
+
position: absolute;
|
| 161 |
+
left: 3px;
|
| 162 |
+
}
|
| 163 |
+
|
| 164 |
+
.timeTo ul li {
|
| 165 |
+
margin: 0;
|
| 166 |
+
padding: 0;
|
| 167 |
+
list-style: none;
|
| 168 |
+
}
|
| 169 |
+
|
| 170 |
+
|
| 171 |
+
|
| 172 |
+
/* PROGRES BARR */
|
| 173 |
+
|
| 174 |
+
|
| 175 |
+
|
| 176 |
+
#progressbar {
|
| 177 |
+
height: 20px; /* Can be anything */
|
| 178 |
+
position: relative;
|
| 179 |
+
padding: 3px;
|
| 180 |
+
border-style: solid;
|
| 181 |
+
|
| 182 |
+
}
|
| 183 |
+
#progressbar > span {
|
| 184 |
+
float:left;
|
| 185 |
+
display: block;
|
| 186 |
+
height: 100%;
|
| 187 |
+
border-top-right-radius: 8px;
|
| 188 |
+
border-bottom-right-radius: 8px;
|
| 189 |
+
border-top-left-radius: 8px;
|
| 190 |
+
border-bottom-left-radius: 8px;
|
| 191 |
+
background-color: #000000;
|
| 192 |
+
|
| 193 |
+
|
| 194 |
+
position: relative;
|
| 195 |
+
overflow: hidden;
|
| 196 |
+
}
|
| 197 |
+
#progressbar > span:after, .animate > span > span {
|
| 198 |
+
content: "";
|
| 199 |
+
position: absolute;
|
| 200 |
+
top: 0; left: 0; bottom: 0; right: 0;
|
| 201 |
+
background-image:
|
| 202 |
+
-webkit-gradient(linear, 0 0, 100% 100%,
|
| 203 |
+
color-stop(.25, rgba(255, 255, 255, .2)),
|
| 204 |
+
color-stop(.25, transparent), color-stop(.5, transparent),
|
| 205 |
+
color-stop(.5, rgba(255, 255, 255, .2)),
|
| 206 |
+
color-stop(.75, rgba(255, 255, 255, .2)),
|
| 207 |
+
color-stop(.75, transparent), to(transparent)
|
| 208 |
+
);
|
| 209 |
+
background-image:
|
| 210 |
+
-moz-linear-gradient(
|
| 211 |
+
-45deg,
|
| 212 |
+
rgba(255, 255, 255, .2) 25%,
|
| 213 |
+
transparent 25%,
|
| 214 |
+
transparent 50%,
|
| 215 |
+
rgba(255, 255, 255, .2) 50%,
|
| 216 |
+
rgba(255, 255, 255, .2) 75%,
|
| 217 |
+
transparent 75%,
|
| 218 |
+
transparent
|
| 219 |
+
);
|
| 220 |
+
z-index: 1;
|
| 221 |
+
-webkit-background-size: 50px 50px;
|
| 222 |
+
-moz-background-size: 50px 50px;
|
| 223 |
+
-webkit-animation: move 2s linear infinite;
|
| 224 |
+
overflow: hidden;
|
| 225 |
+
}
|
| 226 |
+
|
| 227 |
+
.animate > span:after {
|
| 228 |
+
display: none;
|
| 229 |
+
}
|
| 230 |
+
|
| 231 |
+
@-webkit-keyframes move {
|
| 232 |
+
0% {
|
| 233 |
+
background-position: 0 0;
|
| 234 |
+
}
|
| 235 |
+
100% {
|
| 236 |
+
background-position: 50px 50px;
|
| 237 |
+
}
|
| 238 |
+
}
|
| 239 |
+
|
| 240 |
+
|
| 241 |
+
|
| 242 |
+
/* SUBSCRIBE*/
|
| 243 |
+
.subscribe_input{
|
| 244 |
+
display:inline-block;
|
| 245 |
+
box-sizing: border-box;
|
| 246 |
+
}
|
| 247 |
+
.subscribe_input > input{
|
| 248 |
+
padding-left:8px;
|
| 249 |
+
padding-top: 6px;
|
| 250 |
+
width:100%;
|
| 251 |
+
padding-bottom: 3px;
|
| 252 |
+
border:1px solid;
|
| 253 |
+
font-size: 16px;
|
| 254 |
+
background: transparent;
|
| 255 |
+
font-style: italic;
|
| 256 |
+
|
| 257 |
+
}
|
| 258 |
+
|
| 259 |
+
|
| 260 |
+
.subscribe_input.firstname{
|
| 261 |
+
margin-right:2%;
|
| 262 |
+
}
|
| 263 |
+
.subscribe_input.firstname,.subscribe_input.lastname{
|
| 264 |
+
float:left;
|
| 265 |
+
margin-bottom:5px;
|
| 266 |
+
width:49%;
|
| 267 |
+
}
|
| 268 |
+
.subscribe_input.email{
|
| 269 |
+
width:100%;
|
| 270 |
+
}
|
| 271 |
+
.subscribe_input > input:focus{
|
| 272 |
+
outline:none;
|
| 273 |
+
}
|
| 274 |
+
#user_loading_and_saving img{
|
| 275 |
+
height:25px;
|
| 276 |
+
}
|
| 277 |
+
|
| 278 |
+
#user_loading_and_saving{
|
| 279 |
+
margin-top:6px;
|
| 280 |
+
font-weight:bold;
|
| 281 |
+
text-align:center;
|
| 282 |
+
}
|
| 283 |
+
|
| 284 |
+
|
| 285 |
+
|
| 286 |
+
|
| 287 |
+
.subscribe_input > input{
|
| 288 |
+
box-sizing: border-box;
|
| 289 |
+
}
|
| 290 |
+
.bar {
|
| 291 |
+
position:relative;
|
| 292 |
+
display:block;
|
| 293 |
+
bottom:3px;
|
| 294 |
+
}
|
| 295 |
+
.bar:before, .bar:after{
|
| 296 |
+
content:'';
|
| 297 |
+
height:3px;
|
| 298 |
+
width:0;
|
| 299 |
+
position:absolute;
|
| 300 |
+
transition:0.2s ease all;
|
| 301 |
+
-moz-transition:0.2s ease all;
|
| 302 |
+
-webkit-transition:0.2s ease all;
|
| 303 |
+
}
|
| 304 |
+
.bar:before {
|
| 305 |
+
left:50%;
|
| 306 |
+
}
|
| 307 |
+
.bar:after {
|
| 308 |
+
right:50%;
|
| 309 |
+
}
|
| 310 |
+
|
| 311 |
+
input:focus ~ .bar:before, input:focus ~ .bar:after{
|
| 312 |
+
width:50%;
|
| 313 |
+
}
|
| 314 |
+
.user_mail_options {
|
| 315 |
+
display:inline-block;
|
| 316 |
+
width: 100%;
|
| 317 |
+
}
|
| 318 |
+
|
| 319 |
+
/*Link to dashboard*/
|
| 320 |
+
|
| 321 |
+
|
| 322 |
+
#link_style a{
|
| 323 |
+
text-decoration:none;
|
| 324 |
+
}
|
includes/widget.php
ADDED
|
@@ -0,0 +1,315 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?php
|
| 2 |
+
/*############################### WIDGET ###############################################*/
|
| 3 |
+
class wpdevart_countdown extends WP_Widget {
|
| 4 |
+
private static $id_for_content=0;
|
| 5 |
+
// Constructor //
|
| 6 |
+
function __construct() {
|
| 7 |
+
$widget_ops = array( 'classname' => 'wpdevart_countdown', 'description' => 'Countdown timer for widget ' ); // Widget Settings
|
| 8 |
+
$control_ops = array( 'id_base' => 'wpdevart_countdown' ); // Widget Control Settings
|
| 9 |
+
$this->WP_Widget( 'wpdevart_countdown', 'Countdown', $widget_ops, $control_ops ); // Create the widget
|
| 10 |
+
|
| 11 |
+
}
|
| 12 |
+
|
| 13 |
+
/*poll display in front*/
|
| 14 |
+
function widget($args, $instance) {
|
| 15 |
+
self::$id_for_content++;
|
| 16 |
+
extract( $args );
|
| 17 |
+
$title = $instance['title'];
|
| 18 |
+
// Before widget //
|
| 19 |
+
echo $before_widget;
|
| 20 |
+
|
| 21 |
+
// Title of widget //
|
| 22 |
+
if ( $title ) { echo $before_title . $title . $after_title; }
|
| 23 |
+
// Widget output //
|
| 24 |
+
echo $this->wpdevart_generete_front_end($instance);
|
| 25 |
+
// After widget //
|
| 26 |
+
|
| 27 |
+
echo $after_widget;
|
| 28 |
+
}
|
| 29 |
+
|
| 30 |
+
// Update Settings //
|
| 31 |
+
function update($new_instance, $old_instance) {
|
| 32 |
+
extract( $args );
|
| 33 |
+
$instance['title'] = strip_tags($new_instance['title']);
|
| 34 |
+
$instance['text_for_day'] = $new_instance['text_for_day'];
|
| 35 |
+
$instance['text_for_hour'] = $new_instance['text_for_hour'];
|
| 36 |
+
$instance['text_for_minut'] = $new_instance['text_for_minut'];
|
| 37 |
+
$instance['text_for_second'] = $new_instance['text_for_second'];
|
| 38 |
+
$instance['end_time'] = $new_instance['end_time'];
|
| 39 |
+
$instance['start_time'] = $new_instance['start_time'];
|
| 40 |
+
$instance['content'] = $new_instance['content'];
|
| 41 |
+
$instance['action_end_time'] = $new_instance['action_end_time'];
|
| 42 |
+
$instance['content_position'] = $new_instance['content_position'];
|
| 43 |
+
$instance['top_ditance'] = $new_instance['top_ditance'];
|
| 44 |
+
$instance['bottom_distance'] = $new_instance['bottom_distance'];
|
| 45 |
+
return $instance; /// return new value of parametrs
|
| 46 |
+
|
| 47 |
+
}
|
| 48 |
+
|
| 49 |
+
/* admin page opions */
|
| 50 |
+
function form($instance) {
|
| 51 |
+
|
| 52 |
+
$defaults = array(
|
| 53 |
+
'title' => '',
|
| 54 |
+
'text_for_day' => 'Days',
|
| 55 |
+
'text_for_hour' => 'Hours',
|
| 56 |
+
'text_for_minut' => 'Minuts',
|
| 57 |
+
'text_for_second' => 'Seconds',
|
| 58 |
+
'start_time' => mktime (date("H"), date("i"), date("s"),date("n"), date("j"),date("Y")),
|
| 59 |
+
'end_time' => '0,1,5',
|
| 60 |
+
'action_end_time' => 'hide',
|
| 61 |
+
'content' => '',
|
| 62 |
+
'content_position' => 'center',
|
| 63 |
+
'top_ditance' => '10',
|
| 64 |
+
'bottom_distance' => '10',
|
| 65 |
+
);
|
| 66 |
+
$instance = wp_parse_args( (array) $instance, $defaults );
|
| 67 |
+
?>
|
| 68 |
+
|
| 69 |
+
|
| 70 |
+
<p class="flb_field">
|
| 71 |
+
<label for="title">Title:</label>
|
| 72 |
+
<br>
|
| 73 |
+
<input id="<?php echo $this->get_field_id('title'); ?>" name="<?php echo $this->get_field_name('title'); ?>" type="text" value="<?php echo $instance['title']; ?>" class="widefat">
|
| 74 |
+
</p>
|
| 75 |
+
|
| 76 |
+
<p class="flb_field">
|
| 77 |
+
<label for="<?php echo $this->get_field_id('text_for_day'); ?>">Day field text:</label>
|
| 78 |
+
<br>
|
| 79 |
+
<input id="<?php echo $this->get_field_id('text_for_day'); ?>" name="<?php echo $this->get_field_name('text_for_day'); ?>" type="text" value="<?php echo $instance['text_for_day']; ?>" class="widefat">
|
| 80 |
+
</p>
|
| 81 |
+
|
| 82 |
+
<p class="flb_field">
|
| 83 |
+
<label for="<?php echo $this->get_field_id('text_for_hour'); ?>">Hour field text:</label>
|
| 84 |
+
<br>
|
| 85 |
+
<input id="<?php echo $this->get_field_id('text_for_hour'); ?>" name="<?php echo $this->get_field_name('text_for_hour'); ?>" type="text" value="<?php echo $instance['text_for_hour']; ?>" class="widefat">
|
| 86 |
+
</p>
|
| 87 |
+
|
| 88 |
+
<p class="flb_field">
|
| 89 |
+
<label for="<?php echo $this->get_field_id('text_for_minut'); ?>">Minute field text:</label>
|
| 90 |
+
<br>
|
| 91 |
+
<input id="<?php echo $this->get_field_id('text_for_minut'); ?>" name="<?php echo $this->get_field_name('text_for_minut'); ?>" type="text" value="<?php echo $instance['text_for_minut']; ?>" class="widefat">
|
| 92 |
+
</p>
|
| 93 |
+
|
| 94 |
+
<p class="flb_field">
|
| 95 |
+
<label for="<?php echo $this->get_field_id('text_for_second'); ?>">Second field text:</label>
|
| 96 |
+
<br>
|
| 97 |
+
<input id="<?php echo $this->get_field_id('text_for_second'); ?>" name="<?php echo $this->get_field_name('text_for_second'); ?>" type="text" value="<?php echo $instance['text_for_second']; ?>" class="widefat">
|
| 98 |
+
</p>
|
| 99 |
+
|
| 100 |
+
<p class="flb_field">
|
| 101 |
+
<?php $time_end=explode(',',$instance['end_time']);
|
| 102 |
+
|
| 103 |
+
if(isset($time_end[0]) && isset($time_end[1]) && isset($time_end[2]) ){
|
| 104 |
+
$time_diferent_seconds=$time_end[0]*24*3600+$time_end[1]*3600+$time_end[2]*60;
|
| 105 |
+
$ancac_jamanaky=mktime (date("H"), date("i"), date("s"),date("n"), date("j"),date("Y"))-$instance['start_time'];
|
| 106 |
+
$time_diferent_seconds=$time_diferent_seconds-$ancac_jamanaky;
|
| 107 |
+
if($time_diferent_seconds<0)
|
| 108 |
+
$time_diferent_seconds=0;
|
| 109 |
+
}
|
| 110 |
+
else{
|
| 111 |
+
$time_diferent_seconds=0;
|
| 112 |
+
}
|
| 113 |
+
|
| 114 |
+
$day_of_end =(int)($time_diferent_seconds/(24*3600));
|
| 115 |
+
$day_of_end =($day_of_end>=0)?$day_of_end:0;
|
| 116 |
+
$hour_of_end =(int)(($time_diferent_seconds-$day_of_end*24*3600)/3600);
|
| 117 |
+
$hour_of_end =($hour_of_end>=0)?$hour_of_end:0;
|
| 118 |
+
$minute_of_end =(int)(($time_diferent_seconds-$day_of_end*24*3600-$hour_of_end*3600)/60);
|
| 119 |
+
$minute_of_end =($minute_of_end>=0)?$minute_of_end:0;
|
| 120 |
+
|
| 121 |
+
|
| 122 |
+
?>
|
| 123 |
+
<script> var countdown_pro_text="If you want to use this feature upgrade to Countdown Pro"</script>
|
| 124 |
+
<style>.pro_feature {
|
| 125 |
+
font-size: 13px;
|
| 126 |
+
font-weight: bold;
|
| 127 |
+
color: rgba(10, 154, 62, 1);
|
| 128 |
+
}</style>
|
| 129 |
+
<label>Countdown expire time :</label>
|
| 130 |
+
<br>
|
| 131 |
+
<span style="display:inline-block; margin-right:3px; width:55px;">
|
| 132 |
+
<input onChange="insert_in_input();" type="text" placeholder="Day" class="countdownday" size="3" value="<?php echo $day_of_end ?>"/><small style="display:block">Day</small>
|
| 133 |
+
</span>
|
| 134 |
+
|
| 135 |
+
<span style="display:inline-block; width:55px;">
|
| 136 |
+
<input onChange="insert_in_input();" type="text" placeholder="Hour" class="countdownhour" size="3" value="<?php echo $hour_of_end ?>"/><small>Hour</small>
|
| 137 |
+
</span>
|
| 138 |
+
|
| 139 |
+
<span style="display:inline-block; width:55px;">
|
| 140 |
+
<input onChange="insert_in_input();" type="text" placeholder="Minut" class="countdownminute" size="3" value="<?php echo $minute_of_end ?>"/><small>minute</small>
|
| 141 |
+
</span>
|
| 142 |
+
<script>function insert_in_input(){
|
| 143 |
+
document.getElementById('<?php echo $this->get_field_id('end_time'); ?>').value=document.getElementById('<?php echo $this->get_field_id('end_time'); ?>').parentNode.getElementsByClassName('countdownday')[0].value+','+document.getElementById('<?php echo $this->get_field_id('end_time'); ?>').parentNode.getElementsByClassName('countdownhour')[0].value+','+document.getElementById('<?php echo $this->get_field_id('end_time'); ?>').parentNode.getElementsByClassName('countdownminute')[0].value
|
| 144 |
+
}</script>
|
| 145 |
+
<input type="hidden" value='<?php echo $day_of_end.','.$hour_of_end.','.$minute_of_end; ?>' id="<?php echo $this->get_field_id('end_time'); ?>" name="<?php echo $this->get_field_name('end_time'); ?>"/>
|
| 146 |
+
<input type="hidden" value='<?php echo mktime (date("H"), date("i"), date("s"),date("n"), date("j"),date("Y")); ?>' id="<?php echo $this->get_field_id('start_time'); ?>" name="<?php echo $this->get_field_name('start_time'); ?>" />
|
| 147 |
+
</p>
|
| 148 |
+
|
| 149 |
+
<p class="flb_field">
|
| 150 |
+
<label>After Countdown expired: </label>
|
| 151 |
+
<br>
|
| 152 |
+
<select id="<?php echo $this->get_field_id('action_end_time'); ?>" name="<?php echo $this->get_field_name('action_end_time'); ?>">
|
| 153 |
+
<option <?php selected('show_text',$instance['action_end_time']) ?> value="show_text">Show text</option>
|
| 154 |
+
<option <?php selected('hide',$instance['action_end_time']) ?> value="hide">Hide</option>
|
| 155 |
+
</select>
|
| 156 |
+
</p>
|
| 157 |
+
|
| 158 |
+
<p class="flb_field">
|
| 159 |
+
<label for="<?php echo $this->get_field_id('content'); ?>">Message after countdown expired:</label>
|
| 160 |
+
<br>
|
| 161 |
+
<textarea type="text" id="<?php echo $this->get_field_id('content'); ?>" name="<?php echo $this->get_field_name('content'); ?>"><?php echo $instance['content']; ?></textarea>
|
| 162 |
+
</p>
|
| 163 |
+
|
| 164 |
+
<p class="flb_field">
|
| 165 |
+
<label>Countdown timer position: </label>
|
| 166 |
+
<br>
|
| 167 |
+
<select id="<?php echo $this->get_field_id('content_position'); ?>" name="<?php echo $this->get_field_name('content_position'); ?>">
|
| 168 |
+
<option <?php selected('left',$instance['content_position']) ?> value="left">Left</option>
|
| 169 |
+
<option <?php selected('center',$instance['content_position']) ?> value="center">Center</option>
|
| 170 |
+
<option <?php selected('right',$instance['content_position']) ?> value="right">Right</option>
|
| 171 |
+
</select>
|
| 172 |
+
</p>
|
| 173 |
+
|
| 174 |
+
<p class="flb_field">
|
| 175 |
+
<label for="<?php echo $this->get_field_id('top_ditance'); ?>">Distance from top:</label>
|
| 176 |
+
<br>
|
| 177 |
+
<input id="<?php echo $this->get_field_id('top_ditance'); ?>" name="<?php echo $this->get_field_name('top_ditance'); ?>" type="text" value="<?php echo $instance['top_ditance']; ?>" class="widefat">
|
| 178 |
+
</p>
|
| 179 |
+
|
| 180 |
+
<p class="flb_field">
|
| 181 |
+
<label for="<?php echo $this->get_field_id('bottom_distance'); ?>">Distance from bottom:</label>
|
| 182 |
+
<br>
|
| 183 |
+
<input id="<?php echo $this->get_field_id('bottom_distance'); ?>" name="<?php echo $this->get_field_name('bottom_distance'); ?>" type="text" value="<?php echo $instance['bottom_distance']; ?>" class="widefat">
|
| 184 |
+
</p>
|
| 185 |
+
|
| 186 |
+
<p class="flb_field">
|
| 187 |
+
<label>Countdown timer Buttons type:<span class="pro_feature"> (pro)</span> </label>
|
| 188 |
+
<br>
|
| 189 |
+
<select onChange="alert(countdown_pro_text)">
|
| 190 |
+
<option selected="selected" value="button">Button</option>
|
| 191 |
+
<option value="circle">Circle</option>
|
| 192 |
+
<option value="vertical_slide">Vertical Slider</option>
|
| 193 |
+
</select>
|
| 194 |
+
</p>
|
| 195 |
+
|
| 196 |
+
<p class="flb_field tr_button tr_circle tr_vertical_slide">
|
| 197 |
+
<label>Countdown timer text color:<span class="pro_feature"> (pro)</span></label>
|
| 198 |
+
<br>
|
| 199 |
+
<div onClick="alert(countdown_pro_text)">
|
| 200 |
+
<div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(0, 0, 0);"></a></div>
|
| 201 |
+
</div>
|
| 202 |
+
</p>
|
| 203 |
+
|
| 204 |
+
<p class="flb_field tr_button tr_circle tr_vertical_slide">
|
| 205 |
+
<label> Countdown timer background color:<span class="pro_feature"> (pro)</span></label>
|
| 206 |
+
<br>
|
| 207 |
+
<div onClick="alert(countdown_pro_text)">
|
| 208 |
+
<div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(62, 89, 165);"></a></div>
|
| 209 |
+
</div>
|
| 210 |
+
</p>
|
| 211 |
+
|
| 212 |
+
<p class="flb_field tr_circle">
|
| 213 |
+
<label >Countdown timer Size:<span class="pro_feature"> (pro)</span></label>
|
| 214 |
+
<br>
|
| 215 |
+
<input onClick="alert(countdown_pro_text)" type="text" value="50" class="widefat">(Px)
|
| 216 |
+
</p>
|
| 217 |
+
|
| 218 |
+
<p class="flb_field tr_circle">
|
| 219 |
+
<label>Countdown timer border width:<span class="pro_feature"> (pro)</span></label>
|
| 220 |
+
<br>
|
| 221 |
+
<input onClick="alert(countdown_pro_text)" type="text" value="5" class="widefat">%(0-100)
|
| 222 |
+
</p>
|
| 223 |
+
|
| 224 |
+
<p class="flb_field tr_button">
|
| 225 |
+
<label>Countdown timer border radius:<span class="pro_feature"> (pro)</span></label>
|
| 226 |
+
<br>
|
| 227 |
+
<input onClick="alert(countdown_pro_text)" type="text" value="8" class="widefat">
|
| 228 |
+
</p>
|
| 229 |
+
|
| 230 |
+
<p class="flb_field tr_button tr_vertical_slide">
|
| 231 |
+
<label>Countdown timer font-size:<span class="pro_feature"> (pro)</span></label>
|
| 232 |
+
<br>
|
| 233 |
+
<input onClick="alert(countdown_pro_text)" type="text" value="20" class="widefat">(Px)
|
| 234 |
+
</p>
|
| 235 |
+
|
| 236 |
+
<p class="flb_field tr_button tr_circle tr_vertical_slide">
|
| 237 |
+
<label>Countdown timer Font family:<span class="pro_feature"> (pro)</span></label>
|
| 238 |
+
<br>
|
| 239 |
+
<?php wpdevart_countdown_setting::generete_fonts('font_famely','monospace') ?>
|
| 240 |
+
</p>
|
| 241 |
+
<p class="flb_field">
|
| 242 |
+
<label for="animation">Countdown animation type:<span class="pro_feature"> (pro)</span></label>
|
| 243 |
+
<br>
|
| 244 |
+
<?php wpdevart_countdown_setting::generete_animation_select('animation','monospace') ?>
|
| 245 |
+
</p>
|
| 246 |
+
<br>
|
| 247 |
+
<input type="hidden" id="flb-submit" name="flb-submit" value="1">
|
| 248 |
+
<a href="http://wpdevart.com/wordpress-countdown-plugin/" target="_blank" style="color: rgba(10, 154, 62, 1);; font-weight: bold; font-size: 18px; text-decoration: none;">Upgrade to Pro Version</a>
|
| 249 |
+
<?php
|
| 250 |
+
}
|
| 251 |
+
|
| 252 |
+
private function wpdevart_generete_front_end($parametrs){
|
| 253 |
+
self::$id_for_content++;
|
| 254 |
+
$output_html='';
|
| 255 |
+
|
| 256 |
+
$time_experit=explode(',',$parametrs['end_time']);
|
| 257 |
+
$time_diferent=(int)$time_experit[0]*24*3600+(int)+$time_experit[1]*3600+(int)$time_experit[2]*60+$parametrs['start_time']-mktime (date("H"), date("i"), date("s"),date("n"), date("j"),date("Y"));
|
| 258 |
+
|
| 259 |
+
$day_left=(int)($time_diferent/(3600*24));
|
| 260 |
+
$hourse_left=(int)(($time_diferent-$day_left*24*3600)/(3600));
|
| 261 |
+
$minuts_left=(int)(($time_diferent-$day_left*24*3600-$hourse_left*3600)/(60));
|
| 262 |
+
$seconds_left=(int)(($time_diferent-$day_left*24*3600-$hourse_left*3600 - $minuts_left*60));
|
| 263 |
+
if(strlen("".$day_left)>0 && strlen("".$day_left)<2)
|
| 264 |
+
$day_left='0'.$day_left;
|
| 265 |
+
if(strlen("".$hourse_left)>0 && strlen("".$hourse_left)<2)
|
| 266 |
+
$hourse_left='0'.$hourse_left;
|
| 267 |
+
if(strlen("".$minuts_left)>0 && strlen("".$minuts_left)<2)
|
| 268 |
+
$minuts_left='0'.$minuts_left;
|
| 269 |
+
if(strlen("".$seconds_left)>0 && strlen("".$seconds_left)<2)
|
| 270 |
+
$seconds_left='0'.$seconds_left;
|
| 271 |
+
|
| 272 |
+
$output_html.='<div class="content_countdown" id="main_countedown_widget_'.self::$id_for_content.'">';
|
| 273 |
+
$output_html.='<div class="countdown">
|
| 274 |
+
<span class="element_conteiner"><span class="days time_left">'.$day_left.'</span><span class="time_description">'.$parametrs['text_for_day'].'</span></span>
|
| 275 |
+
<span class="element_conteiner"><span class="hourse time_left">'.$hourse_left.'</span><span class="time_description">'.$parametrs['text_for_hour'].'</span></span>
|
| 276 |
+
<span class="element_conteiner"><span class="minutes time_left">'.$minuts_left.'</span><span class="time_description">'.$parametrs['text_for_minut'].'</span></span>
|
| 277 |
+
<span class="element_conteiner"><span class="secondes time_left">'.$seconds_left.'</span><span class="time_description">'.$parametrs['text_for_second'].'</span></span>
|
| 278 |
+
</div>';
|
| 279 |
+
$output_html.='</div>';
|
| 280 |
+
|
| 281 |
+
/*************************************************************/
|
| 282 |
+
$output_js='';
|
| 283 |
+
|
| 284 |
+
if($parametrs['action_end_time']=='hide'){
|
| 285 |
+
$parametrs['content']='';
|
| 286 |
+
}
|
| 287 |
+
$output_js.="
|
| 288 |
+
jQuery(document).ready(function(){
|
| 289 |
+
".((($day_left<=0 && $hourse_left<=0 && $minuts_left<=0 && $seconds_left<=0))?"jQuery('#main_countedown_widget_".self::$id_for_content." .countdown').html('".htmlspecialchars($parametrs['content'])."')":"setInterval(function(){countdown_wpdevart_timer('main_countedown_widget_".self::$id_for_content."');},1000)")."
|
| 290 |
+
});
|
| 291 |
+
";
|
| 292 |
+
|
| 293 |
+
/************************************************************/
|
| 294 |
+
|
| 295 |
+
$output_css='';
|
| 296 |
+
$output_css.='#main_countedown_widget_'.self::$id_for_content.' .countdown{text-align:'.$parametrs['content_position'].';}';
|
| 297 |
+
$output_css.= '#main_countedown_widget_'.self::$id_for_content.' .countdown{margin-top:'.$parametrs['top_ditance'].'px;margin-bottom:'.$parametrs['bottom_distance'].'px}';
|
| 298 |
+
$output_css.= "#main_countedown_widget_".self::$id_for_content." .time_left{\r\n";
|
| 299 |
+
$output_css.= "border-radius:8px;\r\n";
|
| 300 |
+
$output_css.= "background-color:#3DA8CC;\r\n";
|
| 301 |
+
$output_css.= "font-size:20px;\r\n";
|
| 302 |
+
$output_css.= "font-family:monospace;\r\n";
|
| 303 |
+
$output_css.= "color:#000000;\r\n";
|
| 304 |
+
$output_css.= "}\r\n";
|
| 305 |
+
$output_css.= "#main_countedown_widget_".self::$id_for_content." .time_description{\r\n";
|
| 306 |
+
$output_css.= "font-size:20px;\r\n";
|
| 307 |
+
$output_css.= "font-family:monospace;\r\n";
|
| 308 |
+
$output_css.= "color:#000000;\r\n";
|
| 309 |
+
$output_css.= "}\r\n";
|
| 310 |
+
$output_css.= "#main_countedown_widget_".self::$id_for_content." .element_conteiner{min-width:73px}";
|
| 311 |
+
$output_html.='<script>'.$output_js.'</script><style>'.$output_css.'</style>';
|
| 312 |
+
return $output_html;
|
| 313 |
+
}
|
| 314 |
+
}
|
| 315 |
+
add_action('widgets_init', create_function('', 'return register_widget("wpdevart_countdown");'));
|
readme.txt
ADDED
|
@@ -0,0 +1,143 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
=== WordPress Countdown plugin ===
|
| 2 |
+
Contributors: wpdevart
|
| 3 |
+
Donate link: http://wpdevart.com/wordpress-countdown-plugin
|
| 4 |
+
Tags: countdown, count down, countdown timer, jQuery countdown, countdown generator, animated countdown, countdown widget, timer, countdown clock, wp countdown timer, event countdown, widget countdown, clock, countdown to time, countdown timer plugin, wordpress countdown, birthday countdown, html5 countdown, wp countdown,
|
| 5 |
+
Requires at least: 3.4.0
|
| 6 |
+
Tested up to: 4.2.2
|
| 7 |
+
Stable tag: 1.0.0
|
| 8 |
+
License: GPLv2 or later
|
| 9 |
+
License URI: http://www.gnu.org/licenses/gpl-3.0.html
|
| 10 |
+
|
| 11 |
+
WordPress Countdown plugin is an nice tool to create and insert countdown timers into your posts/pages and widgets.
|
| 12 |
+
|
| 13 |
+
== Description ==
|
| 14 |
+
|
| 15 |
+
Our Countdown plugin allow website owners to create nice and functional Countdown timer just in a few minutes. This is the best way to create beautiful Countdown for your users.
|
| 16 |
+
You can use our Countdown timer in your posts/pages and widgets. It's very easy to use and there isn't any need of coding knowledge for creating Countdowns.
|
| 17 |
+
|
| 18 |
+
### View our WordPress Countdown plugin Demo page:
|
| 19 |
+
|
| 20 |
+
[Countdown Demo](http://demo.wpdevart.com/wordpress-countdown-demo)
|
| 21 |
+
|
| 22 |
+
WordPress Countdown plugin have useful features.
|
| 23 |
+
|
| 24 |
+
### Features of WordPress Countdown plugin
|
| 25 |
+
|
| 26 |
+
* **Easy install and use**
|
| 27 |
+
* **Works perfectly with all versions of WordPress**
|
| 28 |
+
* **Fully Responsive WordPress Countdown timer**
|
| 29 |
+
* **Ability to create unlimited Countdowns**
|
| 30 |
+
* **Ability to create Countdown in pages/posts**
|
| 31 |
+
* **Ability to create Countdown in widgets**
|
| 32 |
+
* **Ability to type your own text in Countdown day field**
|
| 33 |
+
* **Ability to type your own text in Countdown hour field**
|
| 34 |
+
* **Ability to type your own text in Countdown minute field**
|
| 35 |
+
* **Ability to type your own text in Countdown second field**
|
| 36 |
+
* **Ability to select the action after Countdown time expired**
|
| 37 |
+
* **Ability to type message after countdown timer expired**
|
| 38 |
+
* **Ability to choose the Countdown timer position**
|
| 39 |
+
* **Ability to type the Countdown timer distance from top**
|
| 40 |
+
* **Ability to type the Countdown timer distance from bottom**
|
| 41 |
+
* **Uses CSS3**
|
| 42 |
+
* **User friendly back-end for WordPress Countdown plugin**
|
| 43 |
+
* **Tested on popular WordPress themes**
|
| 44 |
+
|
| 45 |
+
You can upgrade WordPress Countdown plugin to [WordPress Countdown Pro](http://wpdevart.com/wordpress-countdown-plugin/) to add some features.
|
| 46 |
+
|
| 47 |
+
### The features of WordPress Countdown Pro
|
| 48 |
+
|
| 49 |
+
* **Ability to use Countdown with "Circle" buttons**
|
| 50 |
+
* **Ability to use Countdown with "Vertical Slider" buttons**
|
| 51 |
+
* **Ability to choose the Countdown text color**
|
| 52 |
+
* **Ability to choose the Countdown background color**
|
| 53 |
+
* **Ability to type the Countdown size**
|
| 54 |
+
* **Ability to type the Countdown border width**
|
| 55 |
+
* **Ability to type the Countdown border radius**
|
| 56 |
+
* **Ability to type the Countdown text font-size**
|
| 57 |
+
* **Ability to select the Countdown Font family**
|
| 58 |
+
* **39 awesome animation effects for Countdown timer**
|
| 59 |
+
* **Premium Support**
|
| 60 |
+
|
| 61 |
+
### If you found any bug in our WordPress Countdown plugin or have a question contact us at support@wpdevart.com.
|
| 62 |
+
|
| 63 |
+
We recommend you to take a look for this useful plugins - [WordPress Poll plugin](https://wordpress.org/plugins/polls-widget/), [WordPress Facebook like box](http://wpdevart.com/wordpress-facebook-like-box-plugin), [WordPress Lightbox](https://wordpress.org/plugins/wp-lightbox-2), [WordPress YouTube](https://wordpress.org/plugins/youtube-video-player), [WordPress Coming soon plugin](https://wordpress.org/plugins/coming-soon-page) .
|
| 64 |
+
|
| 65 |
+
== Installation ==
|
| 66 |
+
|
| 67 |
+
### First download the WordPress Countdown plugin ZIP file.
|
| 68 |
+
|
| 69 |
+
Installing the **WordPress Countdown plugin**
|
| 70 |
+
|
| 71 |
+
1. Log in to your administration panel.
|
| 72 |
+
2. Go to Plugins page, click on Add New, then click "Upload Plugin" .
|
| 73 |
+
3. Then click "Choose file" then select the WordPress Countdown plugin zip file.
|
| 74 |
+
4. Install and activate our WordPress Countdown plugin.
|
| 75 |
+
5. You can add Countdown timer from your pages/posts and widgets.
|
| 76 |
+
|
| 77 |
+
That's all, now you can create and insert Countdown timers into your pages/posts and widgets. If any problem occurs, contact us at [support@wpdevart.com](mailto:support@wpdevart.com).
|
| 78 |
+
|
| 79 |
+
Also, we recommend you to take a look for this useful plugins - [WordPress Poll plugin](https://wordpress.org/plugins/polls-widget/), [WordPress Facebook like box](http://wpdevart.com/wordpress-facebook-like-box-plugin), [Lightbox WordPress](https://wordpress.org/plugins/wp-lightbox-2), [WordPress YouTube](https://wordpress.org/plugins/youtube-video-player), [WordPress Coming soon plugin](https://wordpress.org/plugins/coming-soon-page) .
|
| 80 |
+
|
| 81 |
+
== Frequently Asked Questions ==
|
| 82 |
+
|
| 83 |
+
Our WordPress Countdown plugin is user friendly, but here you can see some frequently asked questions that can help you.
|
| 84 |
+
|
| 85 |
+
= How can I add Countdown timer in my pages/posts =
|
| 86 |
+
|
| 87 |
+
After you installed the Countdown plugin you can go to your pages/posts and just click on Countdown shortcode button and add Countdown timer for your pages/posts.
|
| 88 |
+
|
| 89 |
+
= How can I add Countdown timer to my sidebar =
|
| 90 |
+
|
| 91 |
+
After you installed the plugin you need to check your widgets page(Appearance>Widgets) and then drag and drop "WordPress Countdown plugin" widget into your sidebar.
|
| 92 |
+
After that set your Countdown timer options. Now your Countdown widget is ready.
|
| 93 |
+
|
| 94 |
+
Dear users, we also recommend you to take a look for this useful plugins - [WordPress Poll plugin](https://wordpress.org/plugins/polls-widget/), [WordPress Facebook like box](http://wpdevart.com/wordpress-facebook-like-box-plugin), [Lightbox WordPress](https://wordpress.org/plugins/wp-lightbox-2), [WordPress YouTube](https://wordpress.org/plugins/youtube-video-player), [WordPress Coming soon plugin](https://wordpress.org/plugins/coming-soon-page) .
|
| 95 |
+
|
| 96 |
+
== Screenshots ==
|
| 97 |
+
|
| 98 |
+
1. **WordPress Countdown** Front-end
|
| 99 |
+
2. **WordPress Countdown** Front-end
|
| 100 |
+
3. **WordPress Countdown** Back-end
|
| 101 |
+
4. **WordPress Countdown** Back-end
|
| 102 |
+
5. **WordPress Countdown** Back-end
|
| 103 |
+
|
| 104 |
+
== Changelog ==
|
| 105 |
+
|
| 106 |
+
= 1.0.0 =
|
| 107 |
+
|
| 108 |
+
* Initial version.
|
| 109 |
+
|
| 110 |
+
== Wordpress Countdown step by step guide ==
|
| 111 |
+
|
| 112 |
+
### WordPress Countdown plugin options
|
| 113 |
+
|
| 114 |
+
* Day field text - Type here Day field text.
|
| 115 |
+
* Hour field text - Type here Hour field text.
|
| 116 |
+
* Minute field text - Type here Minute field text.
|
| 117 |
+
* Second field text - Type here Second field text.
|
| 118 |
+
* Countdown expire time - Type the Countdown expire time.
|
| 119 |
+
* After Countdown expired - Select the action after Countdown time expired.
|
| 120 |
+
* Message after countdown expired - Type the message after countdown expired.
|
| 121 |
+
* Countdown timer position - Select the Countdown position.
|
| 122 |
+
* Distance from top - Type the Countdown distance from top.
|
| 123 |
+
* Distance from bottom - Type the Countdown distance from bottom.
|
| 124 |
+
* Countdown timer Buttons type - Select the Countdown buttons type.
|
| 125 |
+
* Countdown timer text color - Choose the Countdown text color.
|
| 126 |
+
* Countdown timer background color - Choose the Countdown background color.
|
| 127 |
+
* Countdown timer Size - Type the Countdown size.
|
| 128 |
+
* Countdown timer border width - Type the Countdown border width.
|
| 129 |
+
* Countdown timer border radius - Type the Countdown border radius.
|
| 130 |
+
* Countdown timer font-size - Type the Countdown text font-size.
|
| 131 |
+
* Countdown timer Font family - Choose the Countdown Font family.
|
| 132 |
+
* Countdown animation type - Choose the Countdown animation type you need.
|
| 133 |
+
|
| 134 |
+
### Adding WordPress Countdown timer in your pages/posts
|
| 135 |
+
|
| 136 |
+
After installation activate the plugin, then go to your pages/posts and just click on Countdown shortcode button and add Countdown timer for your pages/posts.
|
| 137 |
+
|
| 138 |
+
### Adding WordPress Countdown timer to your sidebar
|
| 139 |
+
|
| 140 |
+
After installation activate the plugin, then check your widgets page(Appearance>Widgets) and then drag and drop "WordPress Countdown plugin" widget into your sidebar.
|
| 141 |
+
After that set your Countdown timer options. That's all.
|
| 142 |
+
|
| 143 |
+
We recommend you to take a look for this useful plugins - [WordPress Poll plugin](https://wordpress.org/plugins/polls-widget/), [WordPress Facebook like box](http://wpdevart.com/wordpress-facebook-like-box-plugin), [Lightbox WordPress](https://wordpress.org/plugins/wp-lightbox-2), [WordPress YouTube](https://wordpress.org/plugins/youtube-video-player), [WordPress Coming soon plugin](https://wordpress.org/plugins/coming-soon-page) .
|
wpdevart-countdown.php
ADDED
|
@@ -0,0 +1,76 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?php
|
| 2 |
+
/*
|
| 3 |
+
Plugin Name: Countdown Wpdevart
|
| 4 |
+
Plugin URI: http://wpdevart.com/wordpress-countdown-plugin/
|
| 5 |
+
Description: WordPress Countdown plugin is an nice tool to create and insert countdown timers into your posts/pages and widgets
|
| 6 |
+
Version: 1.0.0
|
| 7 |
+
Author: wpdevart
|
| 8 |
+
Author URI: http://wpdevart.com
|
| 9 |
+
License: GPL3
|
| 10 |
+
*/
|
| 11 |
+
|
| 12 |
+
|
| 13 |
+
class wpdevart_countdown_main{
|
| 14 |
+
// required variables
|
| 15 |
+
|
| 16 |
+
private $wpdevart_countdown_plugin_url;
|
| 17 |
+
|
| 18 |
+
private $wpdevart_countdown_plugin_path;
|
| 19 |
+
|
| 20 |
+
private $wpdevart_countdown_version;
|
| 21 |
+
|
| 22 |
+
public $wpdevart_countdown_options;
|
| 23 |
+
|
| 24 |
+
|
| 25 |
+
function __construct(){
|
| 26 |
+
|
| 27 |
+
$this->wpdevart_countdown_plugin_url = trailingslashit( plugins_url('', __FILE__ ) );
|
| 28 |
+
$this->wpdevart_countdown_plugin_path = trailingslashit( plugin_dir_path( __FILE__ ) );
|
| 29 |
+
|
| 30 |
+
if(!class_exists('wpdevart_countdown_setting'))
|
| 31 |
+
require_once($this->wpdevart_countdown_plugin_path.'includes/library.php');
|
| 32 |
+
|
| 33 |
+
$this->call_base_filters();
|
| 34 |
+
$this->create_admin_menu();
|
| 35 |
+
$this->wpdevart_countdown_front_end();
|
| 36 |
+
|
| 37 |
+
}
|
| 38 |
+
|
| 39 |
+
public function create_admin_menu(){
|
| 40 |
+
|
| 41 |
+
require_once($this->wpdevart_countdown_plugin_path.'includes/admin_menu.php');
|
| 42 |
+
|
| 43 |
+
$wpdevart_countdown_admin_menu = new wpdevart_countdown_admin_menu(array('menu_name' => 'Countdown','databese_parametrs'=>$this->wpdevart_countdown_options));
|
| 44 |
+
|
| 45 |
+
add_action('admin_menu', array($wpdevart_countdown_admin_menu,'create_menu'));
|
| 46 |
+
|
| 47 |
+
}
|
| 48 |
+
|
| 49 |
+
public function wpdevart_countdown_front_end(){
|
| 50 |
+
|
| 51 |
+
require_once($this->wpdevart_countdown_plugin_path.'includes/front_end.php');
|
| 52 |
+
require_once($this->wpdevart_countdown_plugin_path.'includes/widget.php');
|
| 53 |
+
|
| 54 |
+
$wpdevart_countdown_front_end = new wpdevart_countdown_front_end(array('menu_name' => 'countdown','databese_parametrs'=>$this->wpdevart_countdown_options));
|
| 55 |
+
|
| 56 |
+
}
|
| 57 |
+
|
| 58 |
+
public function registr_requeried_scripts(){
|
| 59 |
+
wp_register_script('countdown-front-end',$this->wpdevart_countdown_plugin_url.'includes/javascript/front_end_js.js');
|
| 60 |
+
wp_register_style('countdown_css',$this->wpdevart_countdown_plugin_url.'includes/style/style.css');
|
| 61 |
+
wp_register_style('animated',$this->wpdevart_countdown_plugin_url.'includes/style/effects.css');
|
| 62 |
+
}
|
| 63 |
+
|
| 64 |
+
public function call_base_filters(){
|
| 65 |
+
add_action( 'init', array($this,'registr_requeried_scripts') );
|
| 66 |
+
add_action( 'admin_head', array($this,'include_requeried_scripts') );
|
| 67 |
+
}
|
| 68 |
+
public function include_requeried_scripts(){
|
| 69 |
+
wp_enqueue_script('wp-color-picker');
|
| 70 |
+
wp_enqueue_style( 'wp-color-picker' );
|
| 71 |
+
}
|
| 72 |
+
|
| 73 |
+
}
|
| 74 |
+
$wpdevart_countdown_main = new wpdevart_countdown_main();
|
| 75 |
+
|
| 76 |
+
?>
|
