Countdown, Coming Soon – Countdown & Clock - Version 1.8.2

Version Description

  • Timer countdown enable labels
  • Timer countdown labels font size
Download this release

Release Info

Developer adamskaat
Plugin Icon 128x128 Countdown, Coming Soon – Countdown & Clock
Version 1.8.2
Comparing to
See all releases

Code changes from version 1.8.1 to 1.8.2

Files changed (18) hide show
  1. CountdownInit.php +108 -108
  2. assets/css/Css.php +90 -90
  3. assets/css/TimeCircles.css +2784 -2784
  4. assets/css/admin.css +745 -745
  5. assets/css/bootstrap.css +6845 -6845
  6. assets/css/jQueryDialog/jquery-ui.css +477 -477
  7. assets/css/jquery.dateTimePicker.min.css +1 -1
  8. assets/css/timer.css +61 -45
  9. assets/js/Admin.js +939 -939
  10. assets/js/Countdown.js +839 -839
  11. assets/js/Js.php +113 -113
  12. assets/js/TimeCircles.js +994 -994
  13. assets/js/YcdGeneral.js +86 -86
  14. assets/js/admin/WpCountdownBlock.js +139 -139
  15. assets/js/admin/WpCountdownBlockMin.js +140 -140
  16. assets/js/admin/ycd-tinymce-plugin.js +14 -14
  17. assets/js/clock/Clock.js +101 -101
  18. assets/js/clock/canvas_clock.js +1058 -1660
CountdownInit.php CHANGED
@@ -1,109 +1,109 @@
1
- <?php
2
- namespace ycd;
3
-
4
- class CountdownInit {
5
-
6
- private static $instance = null;
7
- private $actions;
8
- private $filters;
9
-
10
- private function __construct() {
11
- $this->init();
12
- }
13
-
14
- private function __clone() {
15
- }
16
-
17
- public static function getInstance() {
18
- if(!isset(self::$instance)) {
19
- self::$instance = new self();
20
- }
21
- return self::$instance;
22
- }
23
-
24
- public function init() {
25
- register_activation_hook(YCD_PREFIX, array($this, 'activate'));
26
- register_deactivation_hook(YCD_PREFIX, array($this, 'deactivate'));
27
- $this->includeData();
28
- $this->actions();
29
- $this->filters();
30
- }
31
-
32
- private function includeData() {
33
- if(YCD_PKG_VERSION > YCD_FREE_VERSION) {
34
- require_once YCD_HELPERS_PATH.'AdminHelperPro.php';
35
- require_once YCD_HELPERS_PATH.'CheckerPro.php';
36
- require_once YCD_BLOCKS_PATH.'ProgressBar.php';
37
- require_once(YCD_HELPERS_PATH.'ExtensionRegister.php');
38
- }
39
- require_once(YCD_HELPERS_PATH.'ShowReviewNotice.php');
40
- require_once YCD_HELPERS_PATH.'HelperFunctions.php';
41
- require_once YCD_HELPERS_PATH.'ScriptsIncluder.php';
42
- require_once YCD_HELPERS_PATH.'MultipleChoiceButton.php';
43
- require_once YCD_HELPERS_PATH.'AdminHelper.php';
44
- require_once YCD_CLASSES_PATH.'DisplayRuleChecker.php';
45
- require_once YCD_CLASSES_PATH.'ConditionBuilder.php';
46
- require_once YCD_CLASSES_PATH.'DisplayConditionBuilder.php';
47
- require_once YCD_CLASSES_PATH.'Tickbox.php';
48
- require_once YCD_CLASSES_PATH.'YcdWidget.php';
49
- require_once YCD_CLASSES_PATH.'CountdownType.php';
50
- require_once YCD_COUNTDOWNS_PATH.'CountdownModel.php';
51
- require_once YCD_CLASSES_PATH.'Checker.php';
52
- require_once YCD_COUNTDOWNS_PATH.'Countdown.php';
53
- require_once YCD_CSS_PATH.'Css.php';
54
- require_once YCD_JS_PATH.'Js.php';
55
- require_once YCD_CLASSES_PATH.'RegisterPostType.php';
56
- require_once YCD_CLASSES_PATH.'IncludeManager.php';
57
- require_once YCD_CLASSES_PATH.'Actions.php';
58
- require_once YCD_CLASSES_PATH.'Ajax.php';
59
- require_once YCD_CLASSES_PATH.'Filters.php';
60
- require_once YCD_CLASSES_PATH.'Installer.php';
61
- require_once YCD_COUNTDOWNS_PATH.'ComingSoon.php';
62
- if (YCD_PKG_VERSION > YCD_FREE_VERSION) {
63
- require_once YCD_CLASSES_PATH.'Updates.php';
64
- require_once YCD_CLASSES_PATH.'Subscription.php';
65
- require_once YCD_CLASSES_PATH.'AjaxPro.php';
66
- require_once YCD_CLASSES_PATH.'ActionsPro.php';
67
- require_once YCD_CLASSES_PATH.'FiltersPro.php';
68
- require_once(YCD_HELPERS_PATH.'ExtensionRegister.php');
69
- }
70
- }
71
-
72
- public function actions() {
73
- $this->actions = new Actions();
74
- }
75
-
76
- public function filters() {
77
- $this->filters = new Filters();
78
- }
79
-
80
- public function activate() {
81
-
82
- if (YCD_PKG_VERSION > YCD_FREE_VERSION) {
83
- $pluginName = YCD_FILE_NAME;
84
-
85
- $options = array(
86
- 'licence' => array(
87
- 'key' => YCD_PRO_KEY,
88
- 'storeURL' => YCD_STORE_URL,
89
- 'file' => YCD_FILE_NAME,
90
- 'itemId' => YCD_VERSION_ITEM_ID,
91
- 'itemName' => __(YCD_COUNTDOWN_ITEM_LABEL, YCD_TEXT_DOMAIN),
92
- 'author' => 'Adam',
93
- 'boxLabel' => __('Countdown pro version license', YCD_TEXT_DOMAIN)
94
- )
95
- );
96
- ExtensionRegister::register($pluginName, $options);
97
- }
98
- Installer::install();
99
- }
100
-
101
- public function deactivate() {
102
- if (YCD_PKG_VERSION > YCD_FREE_VERSION) {
103
- $pluginName = YCD_FILE_NAME;
104
- ExtensionRegister::remove($pluginName);
105
- }
106
- }
107
- }
108
-
109
  CountdownInit::getInstance();
1
+ <?php
2
+ namespace ycd;
3
+
4
+ class CountdownInit {
5
+
6
+ private static $instance = null;
7
+ private $actions;
8
+ private $filters;
9
+
10
+ private function __construct() {
11
+ $this->init();
12
+ }
13
+
14
+ private function __clone() {
15
+ }
16
+
17
+ public static function getInstance() {
18
+ if(!isset(self::$instance)) {
19
+ self::$instance = new self();
20
+ }
21
+ return self::$instance;
22
+ }
23
+
24
+ public function init() {
25
+ register_activation_hook(YCD_PREFIX, array($this, 'activate'));
26
+ register_deactivation_hook(YCD_PREFIX, array($this, 'deactivate'));
27
+ $this->includeData();
28
+ $this->actions();
29
+ $this->filters();
30
+ }
31
+
32
+ private function includeData() {
33
+ if(YCD_PKG_VERSION > YCD_FREE_VERSION) {
34
+ require_once YCD_HELPERS_PATH.'AdminHelperPro.php';
35
+ require_once YCD_HELPERS_PATH.'CheckerPro.php';
36
+ require_once YCD_BLOCKS_PATH.'ProgressBar.php';
37
+ require_once(YCD_HELPERS_PATH.'ExtensionRegister.php');
38
+ }
39
+ require_once(YCD_HELPERS_PATH.'ShowReviewNotice.php');
40
+ require_once YCD_HELPERS_PATH.'HelperFunctions.php';
41
+ require_once YCD_HELPERS_PATH.'ScriptsIncluder.php';
42
+ require_once YCD_HELPERS_PATH.'MultipleChoiceButton.php';
43
+ require_once YCD_HELPERS_PATH.'AdminHelper.php';
44
+ require_once YCD_CLASSES_PATH.'DisplayRuleChecker.php';
45
+ require_once YCD_CLASSES_PATH.'ConditionBuilder.php';
46
+ require_once YCD_CLASSES_PATH.'DisplayConditionBuilder.php';
47
+ require_once YCD_CLASSES_PATH.'Tickbox.php';
48
+ require_once YCD_CLASSES_PATH.'YcdWidget.php';
49
+ require_once YCD_CLASSES_PATH.'CountdownType.php';
50
+ require_once YCD_COUNTDOWNS_PATH.'CountdownModel.php';
51
+ require_once YCD_CLASSES_PATH.'Checker.php';
52
+ require_once YCD_COUNTDOWNS_PATH.'Countdown.php';
53
+ require_once YCD_CSS_PATH.'Css.php';
54
+ require_once YCD_JS_PATH.'Js.php';
55
+ require_once YCD_CLASSES_PATH.'RegisterPostType.php';
56
+ require_once YCD_CLASSES_PATH.'IncludeManager.php';
57
+ require_once YCD_CLASSES_PATH.'Actions.php';
58
+ require_once YCD_CLASSES_PATH.'Ajax.php';
59
+ require_once YCD_CLASSES_PATH.'Filters.php';
60
+ require_once YCD_CLASSES_PATH.'Installer.php';
61
+ require_once YCD_COUNTDOWNS_PATH.'ComingSoon.php';
62
+ if (YCD_PKG_VERSION > YCD_FREE_VERSION) {
63
+ require_once YCD_CLASSES_PATH.'Updates.php';
64
+ require_once YCD_CLASSES_PATH.'Subscription.php';
65
+ require_once YCD_CLASSES_PATH.'AjaxPro.php';
66
+ require_once YCD_CLASSES_PATH.'ActionsPro.php';
67
+ require_once YCD_CLASSES_PATH.'FiltersPro.php';
68
+ require_once(YCD_HELPERS_PATH.'ExtensionRegister.php');
69
+ }
70
+ }
71
+
72
+ public function actions() {
73
+ $this->actions = new Actions();
74
+ }
75
+
76
+ public function filters() {
77
+ $this->filters = new Filters();
78
+ }
79
+
80
+ public function activate() {
81
+
82
+ if (YCD_PKG_VERSION > YCD_FREE_VERSION) {
83
+ $pluginName = YCD_FILE_NAME;
84
+
85
+ $options = array(
86
+ 'licence' => array(
87
+ 'key' => YCD_PRO_KEY,
88
+ 'storeURL' => YCD_STORE_URL,
89
+ 'file' => YCD_FILE_NAME,
90
+ 'itemId' => YCD_VERSION_ITEM_ID,
91
+ 'itemName' => __(YCD_COUNTDOWN_ITEM_LABEL, YCD_TEXT_DOMAIN),
92
+ 'author' => 'Adam',
93
+ 'boxLabel' => __('Countdown pro version license', YCD_TEXT_DOMAIN)
94
+ )
95
+ );
96
+ ExtensionRegister::register($pluginName, $options);
97
+ }
98
+ Installer::install();
99
+ }
100
+
101
+ public function deactivate() {
102
+ if (YCD_PKG_VERSION > YCD_FREE_VERSION) {
103
+ $pluginName = YCD_FILE_NAME;
104
+ ExtensionRegister::remove($pluginName);
105
+ }
106
+ }
107
+ }
108
+
109
  CountdownInit::getInstance();
assets/css/Css.php CHANGED
@@ -1,91 +1,91 @@
1
- <?php
2
- namespace ycd;
3
-
4
- class Css {
5
-
6
- public function __construct() {
7
- $this->init();
8
- }
9
-
10
- public function init() {
11
-
12
- add_action('admin_enqueue_scripts', array($this, 'enqueueStyles'));
13
- }
14
-
15
- public function getSettingsPageKey() {
16
- return YCD_COUNTDOWN_POST_TYPE.'_page_'.YCD_COUNTDOWN_SETTINGS;
17
- }
18
-
19
- public function getComingSoonPage() {
20
- return YCD_COUNTDOWN_POST_TYPE.'_page_'.YCD_COUNTDOWN_COMING_SOON;
21
- }
22
-
23
- public function getComingSoonMenuPage() {
24
- return 'toplevel_page_'.YCD_COUNTDOWN_COMING_SOON;
25
- }
26
-
27
- public function getSupportPageKey() {
28
- return YCD_COUNTDOWN_POST_TYPE.'_page_'.YCD_COUNTDOWN_SUPPORT;
29
- }
30
-
31
- public function getSubscribersPageKey() {
32
- return YCD_COUNTDOWN_POST_TYPE.'_page_'.YCD_COUNTDOWN_SUBSCRIBERS;
33
- }
34
-
35
- public function getMorePluginsPage() {
36
- return YCD_COUNTDOWN_POST_TYPE.'_page_'.YCD_COUNTDOWN_MORE_PLUGINS;
37
- }
38
-
39
- public function getNewsletterPageKey() {
40
- return YCD_COUNTDOWN_POST_TYPE.'_page_'.YCD_COUNTDOWN_NEWSLETTER;
41
- }
42
-
43
- public function getLicensePageKey() {
44
- return YCD_COUNTDOWN_POST_TYPE.'_page_'.YCD_COUNTDOWN_LICENSE;
45
- }
46
-
47
- public function enqueueStyles($hook) {
48
-
49
- ScriptsIncluder::registerStyle('admin.css');
50
- ScriptsIncluder::registerStyle('bootstrap.css');
51
- ScriptsIncluder::registerStyle('colorpicker.css');
52
- ScriptsIncluder::registerStyle('ion.rangeSlider.css');
53
- ScriptsIncluder::registerStyle('ion.rangeSlider.skinFlat.css');
54
- ScriptsIncluder::registerStyle('select2.css');
55
- ScriptsIncluder::registerStyle('jquery.dateTimePicker.min.css');
56
- $settingsKey = $this->getSettingsPageKey();
57
- $supportKey = $this->getSupportPageKey();
58
- $subscriberKey = $this->getSubscribersPageKey();
59
- $newsletterKey = $this->getNewsletterPageKey();
60
- $morePlugins = $this->getMorePluginsPage();
61
- $comingSoonPage = $this->getComingSoonPage();
62
- $comingSoonMenuPage = $this->getComingSoonMenuPage();
63
- $licensePageKey = $this->getLicensePageKey();
64
- $allowedPages = array(
65
- $settingsKey,
66
- $supportKey,
67
- $subscriberKey,
68
- $newsletterKey,
69
- $morePlugins,
70
- $comingSoonPage,
71
- $comingSoonMenuPage,
72
- $licensePageKey,
73
- 'ycdcountdown_page_ycdcountdown',
74
- );
75
- if(in_array($hook, $allowedPages) || get_post_type(@$_GET['post']) == YCD_COUNTDOWN_POST_TYPE) {
76
- ScriptsIncluder::enqueueStyle('bootstrap.css');
77
- ScriptsIncluder::enqueueStyle('admin.css');
78
- ScriptsIncluder::enqueueStyle('colorpicker.css');
79
- ScriptsIncluder::enqueueStyle('ion.rangeSlider.css');
80
- ScriptsIncluder::enqueueStyle('ion.rangeSlider.skinFlat.css');
81
- ScriptsIncluder::enqueueStyle('select2.css');
82
- ScriptsIncluder::enqueueStyle('jquery.dateTimePicker.min.css');
83
-
84
- if (YCD_PKG_VERSION > YCD_FREE_VERSION) {
85
- Subscription::renderStyles();
86
- }
87
- }
88
- }
89
- }
90
-
91
  new Css();
1
+ <?php
2
+ namespace ycd;
3
+
4
+ class Css {
5
+
6
+ public function __construct() {
7
+ $this->init();
8
+ }
9
+
10
+ public function init() {
11
+
12
+ add_action('admin_enqueue_scripts', array($this, 'enqueueStyles'));
13
+ }
14
+
15
+ public function getSettingsPageKey() {
16
+ return YCD_COUNTDOWN_POST_TYPE.'_page_'.YCD_COUNTDOWN_SETTINGS;
17
+ }
18
+
19
+ public function getComingSoonPage() {
20
+ return YCD_COUNTDOWN_POST_TYPE.'_page_'.YCD_COUNTDOWN_COMING_SOON;
21
+ }
22
+
23
+ public function getComingSoonMenuPage() {
24
+ return 'toplevel_page_'.YCD_COUNTDOWN_COMING_SOON;
25
+ }
26
+
27
+ public function getSupportPageKey() {
28
+ return YCD_COUNTDOWN_POST_TYPE.'_page_'.YCD_COUNTDOWN_SUPPORT;
29
+ }
30
+
31
+ public function getSubscribersPageKey() {
32
+ return YCD_COUNTDOWN_POST_TYPE.'_page_'.YCD_COUNTDOWN_SUBSCRIBERS;
33
+ }
34
+
35
+ public function getMorePluginsPage() {
36
+ return YCD_COUNTDOWN_POST_TYPE.'_page_'.YCD_COUNTDOWN_MORE_PLUGINS;
37
+ }
38
+
39
+ public function getNewsletterPageKey() {
40
+ return YCD_COUNTDOWN_POST_TYPE.'_page_'.YCD_COUNTDOWN_NEWSLETTER;
41
+ }
42
+
43
+ public function getLicensePageKey() {
44
+ return YCD_COUNTDOWN_POST_TYPE.'_page_'.YCD_COUNTDOWN_LICENSE;
45
+ }
46
+
47
+ public function enqueueStyles($hook) {
48
+
49
+ ScriptsIncluder::registerStyle('admin.css');
50
+ ScriptsIncluder::registerStyle('bootstrap.css');
51
+ ScriptsIncluder::registerStyle('colorpicker.css');
52
+ ScriptsIncluder::registerStyle('ion.rangeSlider.css');
53
+ ScriptsIncluder::registerStyle('ion.rangeSlider.skinFlat.css');
54
+ ScriptsIncluder::registerStyle('select2.css');
55
+ ScriptsIncluder::registerStyle('jquery.dateTimePicker.min.css');
56
+ $settingsKey = $this->getSettingsPageKey();
57
+ $supportKey = $this->getSupportPageKey();
58
+ $subscriberKey = $this->getSubscribersPageKey();
59
+ $newsletterKey = $this->getNewsletterPageKey();
60
+ $morePlugins = $this->getMorePluginsPage();
61
+ $comingSoonPage = $this->getComingSoonPage();
62
+ $comingSoonMenuPage = $this->getComingSoonMenuPage();
63
+ $licensePageKey = $this->getLicensePageKey();
64
+ $allowedPages = array(
65
+ $settingsKey,
66
+ $supportKey,
67
+ $subscriberKey,
68
+ $newsletterKey,
69
+ $morePlugins,
70
+ $comingSoonPage,
71
+ $comingSoonMenuPage,
72
+ $licensePageKey,
73
+ 'ycdcountdown_page_ycdcountdown',
74
+ );
75
+ if(in_array($hook, $allowedPages) || get_post_type(@$_GET['post']) == YCD_COUNTDOWN_POST_TYPE) {
76
+ ScriptsIncluder::enqueueStyle('bootstrap.css');
77
+ ScriptsIncluder::enqueueStyle('admin.css');
78
+ ScriptsIncluder::enqueueStyle('colorpicker.css');
79
+ ScriptsIncluder::enqueueStyle('ion.rangeSlider.css');
80
+ ScriptsIncluder::enqueueStyle('ion.rangeSlider.skinFlat.css');
81
+ ScriptsIncluder::enqueueStyle('select2.css');
82
+ ScriptsIncluder::enqueueStyle('jquery.dateTimePicker.min.css');
83
+
84
+ if (YCD_PKG_VERSION > YCD_FREE_VERSION) {
85
+ Subscription::renderStyles();
86
+ }
87
+ }
88
+ }
89
+ }
90
+
91
  new Css();
assets/css/TimeCircles.css CHANGED
@@ -1,2785 +1,2785 @@
1
- .ycd-circle-video {
2
- position: absolute !important;
3
- top: 0 !important;
4
- left: 0 !important;
5
- display: block !important;
6
- transform-origin: top left;
7
- }
8
-
9
- .ycd-countdown-wrapper {
10
- position: relative;
11
- }
12
-
13
- .ycd-circle-after-countdown,
14
- .ycd-circle-before-countdown {
15
- position: relative;
16
- z-index: 999999;
17
- }
18
-
19
- .ycd-time-circle {
20
- transform-origin: top left;
21
- }
22
-
23
- .time_circles>div>h4,.time_circles>div>span{margin:0;padding:0;text-align:center;font-family:'Century Gothic',Arial;line-height:1}.time_circles{position:relative;width:100%;height:100%}.time_circles>div{position:absolute;text-align:center}.time_circles>div>h4{text-transform:uppercase}.time_circles>div>span{display:block;width:100%;font-weight:700}
24
-
25
- /*!
26
- Animate.css - http://daneden.me/animate
27
- Licensed under the MIT license - http://opensource.org/licenses/MIT
28
-
29
- Copyright (c) 2015 Daniel Eden
30
- */
31
-
32
- .ycd-animated {
33
- -webkit-animation-duration: 1s;
34
- animation-duration: 1s;
35
- -webkit-animation-fill-mode: none;
36
- animation-fill-mode: none;
37
- }
38
- .ycd-animated.infinite {
39
- -webkit-animation-iteration-count: infinite;
40
- animation-iteration-count: infinite
41
- }
42
- .ycd-animated.hinge {
43
- -webkit-animation-duration: 2s;
44
- animation-duration: 2s
45
- }
46
- .ycd-animated.bounceIn,
47
- .ycd-animated.bounceOut,
48
- .ycd-animated.flipOutX,
49
- .ycd-animated.flipOutY {
50
- -webkit-animation-duration: .75s;
51
- animation-duration: .75s
52
- }
53
- @-webkit-keyframes bounce {
54
- 20%, 53%, 80%, from, to {
55
- -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
56
- animation-timing-function: cubic-bezier(.215, .61, .355, 1);
57
- -webkit-transform: translate3d(0, 0, 0);
58
- transform: translate3d(0, 0, 0)
59
- }
60
- 40%,
61
- 43% {
62
- -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
63
- animation-timing-function: cubic-bezier(.755, .050, .855, .060);
64
- -webkit-transform: translate3d(0, -30px, 0);
65
- transform: translate3d(0, -30px, 0)
66
- }
67
- 70% {
68
- -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
69
- animation-timing-function: cubic-bezier(.755, .050, .855, .060);
70
- -webkit-transform: translate3d(0, -15px, 0);
71
- transform: translate3d(0, -15px, 0)
72
- }
73
- 90% {
74
- -webkit-transform: translate3d(0, -4px, 0);
75
- transform: translate3d(0, -4px, 0)
76
- }
77
- }
78
- @keyframes bounce {
79
- 20%, 53%, 80%, from, to {
80
- -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
81
- animation-timing-function: cubic-bezier(.215, .61, .355, 1);
82
- -webkit-transform: translate3d(0, 0, 0);
83
- transform: translate3d(0, 0, 0)
84
- }
85
- 40%,
86
- 43% {
87
- -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
88
- animation-timing-function: cubic-bezier(.755, .050, .855, .060);
89
- -webkit-transform: translate3d(0, -30px, 0);
90
- transform: translate3d(0, -30px, 0)
91
- }
92
- 70% {
93
- -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
94
- animation-timing-function: cubic-bezier(.755, .050, .855, .060);
95
- -webkit-transform: translate3d(0, -15px, 0);
96
- transform: translate3d(0, -15px, 0)
97
- }
98
- 90% {
99
- -webkit-transform: translate3d(0, -4px, 0);
100
- transform: translate3d(0, -4px, 0)
101
- }
102
- }
103
- .ycd-bounce {
104
- -webkit-animation-name: bounce;
105
- animation-name: bounce;
106
- -webkit-transform-origin: center bottom;
107
- transform-origin: center bottom
108
- }
109
- @-webkit-keyframes flash {
110
- 50%, from, to {
111
- opacity: 1
112
- }
113
- 25%,
114
- 75% {
115
- opacity: 0
116
- }
117
- }
118
- @keyframes flash {
119
- 50%, from, to {
120
- opacity: 1
121
- }
122
- 25%,
123
- 75% {
124
- opacity: 0
125
- }
126
- }
127
- .ycd-flash {
128
- -webkit-animation-name: flash;
129
- animation-name: flash
130
- }
131
- @-webkit-keyframes pulse {
132
- from, to {
133
- -webkit-transform: scale3d(1, 1, 1);
134
- transform: scale3d(1, 1, 1)
135
- }
136
- 50% {
137
- -webkit-transform: scale3d(1.05, 1.05, 1.05);
138
- transform: scale3d(1.05, 1.05, 1.05)
139
- }
140
- }
141
- @keyframes pulse {
142
- from, to {
143
- -webkit-transform: scale3d(1, 1, 1);
144
- transform: scale3d(1, 1, 1)
145
- }
146
- 50% {
147
- -webkit-transform: scale3d(1.05, 1.05, 1.05);
148
- transform: scale3d(1.05, 1.05, 1.05)
149
- }
150
- }
151
- .ycd-pulse {
152
- -webkit-animation-name: pulse;
153
- animation-name: pulse
154
- }
155
- @-webkit-keyframes rubberBand {
156
- from, to {
157
- -webkit-transform: scale3d(1, 1, 1);
158
- transform: scale3d(1, 1, 1)
159
- }
160
- 30% {
161
- -webkit-transform: scale3d(1.25, .75, 1);
162
- transform: scale3d(1.25, .75, 1)
163
- }
164
- 40% {
165
- -webkit-transform: scale3d(.75, 1.25, 1);
166
- transform: scale3d(.75, 1.25, 1)
167
- }
168
- 50% {
169
- -webkit-transform: scale3d(1.15, .85, 1);
170
- transform: scale3d(1.15, .85, 1)
171
- }
172
- 65% {
173
- -webkit-transform: scale3d(.95, 1.05, 1);
174
- transform: scale3d(.95, 1.05, 1)
175
- }
176
- 75% {
177
- -webkit-transform: scale3d(1.05, .95, 1);
178
- transform: scale3d(1.05, .95, 1)
179
- }
180
- }
181
- @keyframes rubberBand {
182
- from, to {
183
- -webkit-transform: scale3d(1, 1, 1);
184
- transform: scale3d(1, 1, 1)
185
- }
186
- 30% {
187
- -webkit-transform: scale3d(1.25, .75, 1);
188
- transform: scale3d(1.25, .75, 1)
189
- }
190
- 40% {
191
- -webkit-transform: scale3d(.75, 1.25, 1);
192
- transform: scale3d(.75, 1.25, 1)
193
- }
194
- 50% {
195
- -webkit-transform: scale3d(1.15, .85, 1);
196
- transform: scale3d(1.15, .85, 1)
197
- }
198
- 65% {
199
- -webkit-transform: scale3d(.95, 1.05, 1);
200
- transform: scale3d(.95, 1.05, 1)
201
- }
202
- 75% {
203
- -webkit-transform: scale3d(1.05, .95, 1);
204
- transform: scale3d(1.05, .95, 1)
205
- }
206
- }
207
- .ycd-rubberBand {
208
- -webkit-animation-name: rubberBand;
209
- animation-name: rubberBand
210
- }
211
- @-webkit-keyframes shake {
212
- from, to {
213
- -webkit-transform: translate3d(0, 0, 0);
214
- transform: translate3d(0, 0, 0)
215
- }
216
- 10%,
217
- 30%,
218
- 50%,
219
- 70%,
220
- 90% {
221
- -webkit-transform: translate3d(-10px, 0, 0);
222
- transform: translate3d(-10px, 0, 0)
223
- }
224
- 20%,
225
- 40%,
226
- 60%,
227
- 80% {
228
- -webkit-transform: translate3d(10px, 0, 0);
229
- transform: translate3d(10px, 0, 0)
230
- }
231
- }
232
- @keyframes shake {
233
- from, to {
234
- -webkit-transform: translate3d(0, 0, 0);
235
- transform: translate3d(0, 0, 0)
236
- }
237
- 10%,
238
- 30%,
239
- 50%,
240
- 70%,
241
- 90% {
242
- -webkit-transform: translate3d(-10px, 0, 0);
243
- transform: translate3d(-10px, 0, 0)
244
- }
245
- 20%,
246
- 40%,
247
- 60%,
248
- 80% {
249
- -webkit-transform: translate3d(10px, 0, 0);
250
- transform: translate3d(10px, 0, 0)
251
- }
252
- }
253
- .ycd-shake {
254
- -webkit-animation-name: shake;
255
- animation-name: shake
256
- }
257
- @-webkit-keyframes swing {
258
- 20% {
259
- -webkit-transform: rotate3d(0, 0, 1, 15deg);
260
- transform: rotate3d(0, 0, 1, 15deg)
261
- }
262
- 40% {
263
- -webkit-transform: rotate3d(0, 0, 1, -10deg);
264
- transform: rotate3d(0, 0, 1, -10deg)
265
- }
266
- 60% {
267
- -webkit-transform: rotate3d(0, 0, 1, 5deg);
268
- transform: rotate3d(0, 0, 1, 5deg)
269
- }
270
- 80% {
271
- -webkit-transform: rotate3d(0, 0, 1, -5deg);
272
- transform: rotate3d(0, 0, 1, -5deg)
273
- }
274
- to {
275
- -webkit-transform: rotate3d(0, 0, 1, 0deg);
276
- transform: rotate3d(0, 0, 1, 0deg)
277
- }
278
- }
279
- @keyframes swing {
280
- 20% {
281
- -webkit-transform: rotate3d(0, 0, 1, 15deg);
282
- transform: rotate3d(0, 0, 1, 15deg)
283
- }
284
- 40% {
285
- -webkit-transform: rotate3d(0, 0, 1, -10deg);
286
- transform: rotate3d(0, 0, 1, -10deg)
287
- }
288
- 60% {
289
- -webkit-transform: rotate3d(0, 0, 1, 5deg);
290
- transform: rotate3d(0, 0, 1, 5deg)
291
- }
292
- 80% {
293
- -webkit-transform: rotate3d(0, 0, 1, -5deg);
294
- transform: rotate3d(0, 0, 1, -5deg)
295
- }
296
- to {
297
- -webkit-transform: rotate3d(0, 0, 1, 0deg);
298
- transform: rotate3d(0, 0, 1, 0deg)
299
- }
300
- }
301
- .ycd-swing {
302
- -webkit-transform-origin: top center;
303
- transform-origin: top center;
304
- -webkit-animation-name: swing;
305
- animation-name: swing
306
- }
307
- @-webkit-keyframes tada {
308
- from, to {
309
- -webkit-transform: scale3d(1, 1, 1);
310
- transform: scale3d(1, 1, 1)
311
- }
312
- 10%,
313
- 20% {
314
- -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
315
- transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
316
- }
317
- 30%,
318
- 50%,
319
- 70%,
320
- 90% {
321
- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
322
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
323
- }
324
- 40%,
325
- 60%,
326
- 80% {
327
- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
328
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
329
- }
330
- }
331
- @keyframes tada {
332
- from, to {
333
- -webkit-transform: scale3d(1, 1, 1);
334
- transform: scale3d(1, 1, 1)
335
- }
336
- 10%,
337
- 20% {
338
- -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
339
- transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
340
- }
341
- 30%,
342
- 50%,
343
- 70%,
344
- 90% {
345
- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
346
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
347
- }
348
- 40%,
349
- 60%,
350
- 80% {
351
- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
352
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
353
- }
354
- }
355
- .ycd-tada {
356
- -webkit-animation-name: tada;
357
- animation-name: tada
358
- }
359
- @-webkit-keyframes wobble {
360
- from, to {
361
- -webkit-transform: none;
362
- transform: none
363
- }
364
- 15% {
365
- -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
366
- transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
367
- }
368
- 30% {
369
- -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
370
- transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
371
- }
372
- 45% {
373
- -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
374
- transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
375
- }
376
- 60% {
377
- -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
378
- transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
379
- }
380
- 75% {
381
- -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
382
- transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
383
- }
384
- }
385
- @keyframes wobble {
386
- from, to {
387
- -webkit-transform: none;
388
- transform: none
389
- }
390
- 15% {
391
- -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
392
- transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
393
- }
394
- 30% {
395
- -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
396
- transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
397
- }
398
- 45% {
399
- -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
400
- transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
401
- }
402
- 60% {
403
- -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
404
- transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
405
- }
406
- 75% {
407
- -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
408
- transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
409
- }
410
- }
411
- .ycd-wobble {
412
- -webkit-animation-name: wobble;
413
- animation-name: wobble
414
- }
415
- @-webkit-keyframes jello {
416
- 11.1%, from, to {
417
- -webkit-transform: none;
418
- transform: none
419
- }
420
- 22.2% {
421
- -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
422
- transform: skewX(-12.5deg) skewY(-12.5deg)
423
- }
424
- 33.3% {
425
- -webkit-transform: skewX(6.25deg) skewY(6.25deg);
426
- transform: skewX(6.25deg) skewY(6.25deg)
427
- }
428
- 44.4% {
429
- -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
430
- transform: skewX(-3.125deg) skewY(-3.125deg)
431
- }
432
- 55.5% {
433
- -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
434
- transform: skewX(1.5625deg) skewY(1.5625deg)
435
- }
436
- 66.6% {
437
- -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
438
- transform: skewX(-.78125deg) skewY(-.78125deg)
439
- }
440
- 77.7% {
441
- -webkit-transform: skewX(.390625deg) skewY(.390625deg);
442
- transform: skewX(.390625deg) skewY(.390625deg)
443
- }
444
- 88.8% {
445
- -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
446
- transform: skewX(-.1953125deg) skewY(-.1953125deg)
447
- }
448
- }
449
- @keyframes jello {
450
- 11.1%, from, to {
451
- -webkit-transform: none;
452
- transform: none
453
- }
454
- 22.2% {
455
- -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
456
- transform: skewX(-12.5deg) skewY(-12.5deg)
457
- }
458
- 33.3% {
459
- -webkit-transform: skewX(6.25deg) skewY(6.25deg);
460
- transform: skewX(6.25deg) skewY(6.25deg)
461
- }
462
- 44.4% {
463
- -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
464
- transform: skewX(-3.125deg) skewY(-3.125deg)
465
- }
466
- 55.5% {
467
- -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
468
- transform: skewX(1.5625deg) skewY(1.5625deg)
469
- }
470
- 66.6% {
471
- -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
472
- transform: skewX(-.78125deg) skewY(-.78125deg)
473
- }
474
- 77.7% {
475
- -webkit-transform: skewX(.390625deg) skewY(.390625deg);
476
- transform: skewX(.390625deg) skewY(.390625deg)
477
- }
478
- 88.8% {
479
- -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
480
- transform: skewX(-.1953125deg) skewY(-.1953125deg)
481
- }
482
- }
483
- .ycd-jello {
484
- -webkit-animation-name: jello;
485
- animation-name: jello;
486
- -webkit-transform-origin: center;
487
- transform-origin: center
488
- }
489
- @-webkit-keyframes bounceIn {
490
- 20%, 40%, 60%, 80%, from, to {
491
- -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
492
- animation-timing-function: cubic-bezier(.215, .61, .355, 1)
493
- }
494
- 0% {
495
- opacity: 0;
496
- -webkit-transform: scale3d(.3, .3, .3);
497
- transform: scale3d(.3, .3, .3)
498
- }
499
- 20% {
500
- -webkit-transform: scale3d(1.1, 1.1, 1.1);
501
- transform: scale3d(1.1, 1.1, 1.1)
502
- }
503
- 40% {
504
- -webkit-transform: scale3d(.9, .9, .9);
505
- transform: scale3d(.9, .9, .9)
506
- }
507
- 60% {
508
- opacity: 1;
509
- -webkit-transform: scale3d(1.03, 1.03, 1.03);
510
- transform: scale3d(1.03, 1.03, 1.03)
511
- }
512
- 80% {
513
- -webkit-transform: scale3d(.97, .97, .97);
514
- transform: scale3d(.97, .97, .97)
515
- }
516
- to {
517
- opacity: 1;
518
- -webkit-transform: scale3d(1, 1, 1);
519
- transform: scale3d(1, 1, 1)
520
- }
521
- }
522
- @keyframes bounceIn {
523
- 20%, 40%, 60%, 80%, from, to {
524
- -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
525
- animation-timing-function: cubic-bezier(.215, .61, .355, 1)
526
- }
527
- 0% {
528
- opacity: 0;
529
- -webkit-transform: scale3d(.3, .3, .3);
530
- transform: scale3d(.3, .3, .3)
531
- }
532
- 20% {
533
- -webkit-transform: scale3d(1.1, 1.1, 1.1);
534
- transform: scale3d(1.1, 1.1, 1.1)
535
- }
536
- 40% {
537
- -webkit-transform: scale3d(.9, .9, .9);
538
- transform: scale3d(.9, .9, .9)
539
- }
540
- 60% {
541
- opacity: 1;
542
- -webkit-transform: scale3d(1.03, 1.03, 1.03);
543
- transform: scale3d(1.03, 1.03, 1.03)
544
- }
545
- 80% {
546
- -webkit-transform: scale3d(.97, .97, .97);
547
- transform: scale3d(.97, .97, .97)
548
- }
549
- to {
550
- opacity: 1;
551
- -webkit-transform: scale3d(1, 1, 1);
552
- transform: scale3d(1, 1, 1)
553
- }
554
- }
555
- .ycd-bounceIn {
556
- -webkit-animation-name: bounceIn;
557
- animation-name: bounceIn
558
- }
559
- @-webkit-keyframes bounceInDown {
560
- 60%, 75%, 90%, from, to {
561
- -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
562
- animation-timing-function: cubic-bezier(.215, .61, .355, 1)
563
- }
564
- 0% {
565
- opacity: 0;
566
- -webkit-transform: translate3d(0, -3000px, 0);
567
- transform: translate3d(0, -3000px, 0)
568
- }
569
- 60% {
570
- opacity: 1;
571
- -webkit-transform: translate3d(0, 25px, 0);
572
- transform: translate3d(0, 25px, 0)
573
- }
574
- 75% {
575
- -webkit-transform: translate3d(0, -10px, 0);
576
- transform: translate3d(0, -10px, 0)
577
- }
578
- 90% {
579
- -webkit-transform: translate3d(0, 5px, 0);
580
- transform: translate3d(0, 5px, 0)
581
- }
582
- to {
583
- -webkit-transform: none;
584
- transform: none
585
- }
586
- }
587
- @keyframes bounceInDown {
588
- 60%, 75%, 90%, from, to {
589
- -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
590
- animation-timing-function: cubic-bezier(.215, .61, .355, 1)
591
- }
592
- 0% {
593
- opacity: 0;
594
- -webkit-transform: translate3d(0, -3000px, 0);
595
- transform: translate3d(0, -3000px, 0)
596
- }
597
- 60% {
598
- opacity: 1;
599
- -webkit-transform: translate3d(0, 25px, 0);
600
- transform: translate3d(0, 25px, 0)
601
- }
602
- 75% {
603
- -webkit-transform: translate3d(0, -10px, 0);
604
- transform: translate3d(0, -10px, 0)
605
- }
606
- 90% {
607
- -webkit-transform: translate3d(0, 5px, 0);
608
- transform: translate3d(0, 5px, 0)
609
- }
610
- to {
611
- -webkit-transform: none;
612
- transform: none
613
- }
614
- }
615
- .bounceInDown {
616
- -webkit-animation-name: bounceInDown;
617
- animation-name: bounceInDown
618
- }
619
- @-webkit-keyframes bounceInLeft {
620
- 60%, 75%, 90%, from, to {
621
- -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
622
- animation-timing-function: cubic-bezier(.215, .61, .355, 1)
623
- }
624
- 0% {
625
- opacity: 0;
626
- -webkit-transform: translate3d(-3000px, 0, 0);
627
- transform: translate3d(-3000px, 0, 0)
628
- }
629
- 60% {
630
- opacity: 1;
631
- -webkit-transform: translate3d(25px, 0, 0);
632
- transform: translate3d(25px, 0, 0)
633
- }
634
- 75% {
635
- -webkit-transform: translate3d(-10px, 0, 0);
636
- transform: translate3d(-10px, 0, 0)
637
- }
638
- 90% {
639
- -webkit-transform: translate3d(5px, 0, 0);
640
- transform: translate3d(5px, 0, 0)
641
- }
642
- to {
643
- -webkit-transform: none;
644
- transform: none
645
- }
646
- }
647
- @keyframes bounceInLeft {
648
- 60%, 75%, 90%, from, to {
649
- -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
650
- animation-timing-function: cubic-bezier(.215, .61, .355, 1)
651
- }
652
- 0% {
653
- opacity: 0;
654
- -webkit-transform: translate3d(-3000px, 0, 0);
655
- transform: translate3d(-3000px, 0, 0)
656
- }
657
- 60% {
658
- opacity: 1;
659
- -webkit-transform: translate3d(25px, 0, 0);
660
- transform: translate3d(25px, 0, 0)
661
- }
662
- 75% {
663
- -webkit-transform: translate3d(-10px, 0, 0);
664
- transform: translate3d(-10px, 0, 0)
665
- }
666
- 90% {
667
- -webkit-transform: translate3d(5px, 0, 0);
668
- transform: translate3d(5px, 0, 0)
669
- }
670
- to {
671
- -webkit-transform: none;
672
- transform: none
673
- }
674
- }
675
- .ycd-bounceInLeft {
676
- -webkit-animation-name: bounceInLeft;
677
- animation-name: bounceInLeft
678
- }
679
- @-webkit-keyframes bounceInRight {
680
- 60%, 75%, 90%, from, to {
681
- -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
682
- animation-timing-function: cubic-bezier(.215, .61, .355, 1)
683
- }
684
- from {
685
- opacity: 0;
686
- -webkit-transform: translate3d(3000px, 0, 0);
687
- transform: translate3d(3000px, 0, 0)
688
- }
689
- 60% {
690
- opacity: 1;
691
- -webkit-transform: translate3d(-25px, 0, 0);
692
- transform: translate3d(-25px, 0, 0)
693
- }
694
- 75% {
695
- -webkit-transform: translate3d(10px, 0, 0);
696
- transform: translate3d(10px, 0, 0)
697
- }
698
- 90% {
699
- -webkit-transform: translate3d(-5px, 0, 0);
700
- transform: translate3d(-5px, 0, 0)
701
- }
702
- to {
703
- -webkit-transform: none;
704
- transform: none
705
- }
706
- }
707
- @keyframes bounceInRight {
708
- 60%, 75%, 90%, from, to {
709
- -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
710
- animation-timing-function: cubic-bezier(.215, .61, .355, 1)
711
- }
712
- from {
713
- opacity: 0;
714
- -webkit-transform: translate3d(3000px, 0, 0);
715
- transform: translate3d(3000px, 0, 0)
716
- }
717
- 60% {
718
- opacity: 1;
719
- -webkit-transform: translate3d(-25px, 0, 0);
720
- transform: translate3d(-25px, 0, 0)
721
- }
722
- 75% {
723
- -webkit-transform: translate3d(10px, 0, 0);
724
- transform: translate3d(10px, 0, 0)
725
- }
726
- 90% {
727
- -webkit-transform: translate3d(-5px, 0, 0);
728
- transform: translate3d(-5px, 0, 0)
729
- }
730
- to {
731
- -webkit-transform: none;
732
- transform: none
733
- }
734
- }
735
- .ycd-bounceInRight {
736
- -webkit-animation-name: bounceInRight;
737
- animation-name: bounceInRight
738
- }
739
- @-webkit-keyframes bounceInUp {
740
- 60%, 75%, 90%, from, to {
741
- -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
742
- animation-timing-function: cubic-bezier(.215, .61, .355, 1)
743
- }
744
- from {
745
- opacity: 0;
746
- -webkit-transform: translate3d(0, 3000px, 0);
747
- transform: translate3d(0, 3000px, 0)
748
- }
749
- 60% {
750
- opacity: 1;
751
- -webkit-transform: translate3d(0, -20px, 0);
752
- transform: translate3d(0, -20px, 0)
753
- }
754
- 75% {
755
- -webkit-transform: translate3d(0, 10px, 0);
756
- transform: translate3d(0, 10px, 0)
757
- }
758
- 90% {
759
- -webkit-transform: translate3d(0, -5px, 0);
760
- transform: translate3d(0, -5px, 0)
761
- }
762
- to {
763
- -webkit-transform: translate3d(0, 0, 0);
764
- transform: translate3d(0, 0, 0)
765
- }
766
- }
767
- @keyframes bounceInUp {
768
- 60%, 75%, 90%, from, to {
769
- -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
770
- animation-timing-function: cubic-bezier(.215, .61, .355, 1)
771
- }
772
- from {
773
- opacity: 0;
774
- -webkit-transform: translate3d(0, 3000px, 0);
775
- transform: translate3d(0, 3000px, 0)
776
- }
777
- 60% {
778
- opacity: 1;
779
- -webkit-transform: translate3d(0, -20px, 0);
780
- transform: translate3d(0, -20px, 0)
781
- }
782
- 75% {
783
- -webkit-transform: translate3d(0, 10px, 0);
784
- transform: translate3d(0, 10px, 0)
785
- }
786
- 90% {
787
- -webkit-transform: translate3d(0, -5px, 0);
788
- transform: translate3d(0, -5px, 0)
789
- }
790
- to {
791
- -webkit-transform: translate3d(0, 0, 0);
792
- transform: translate3d(0, 0, 0)
793
- }
794
- }
795
- .ycd-bounceInUp {
796
- -webkit-animation-name: bounceInUp;
797
- animation-name: bounceInUp
798
- }
799
-
800
- @-webkit-keyframes bounceOut {
801
- 20% {
802
- -webkit-transform: scale3d(.9, .9, .9);
803
- transform: scale3d(.9, .9, .9)
804
- }
805
- 50%,
806
- 55% {
807
- opacity: 1;
808
- -webkit-transform: scale3d(1.1, 1.1, 1.1);
809
- transform: scale3d(1.1, 1.1, 1.1)
810
- }
811
- to {
812
- opacity: 0;
813
- -webkit-transform: scale3d(.3, .3, .3);
814
- transform: scale3d(.3, .3, .3)
815
- }
816
- }
817
- @keyframes bounceOut {
818
- 20% {
819
- -webkit-transform: scale3d(.9, .9, .9);
820
- transform: scale3d(.9, .9, .9)
821
- }
822
- 50%,
823
- 55% {
824
- opacity: 1;
825
- -webkit-transform: scale3d(1.1, 1.1, 1.1);
826
- transform: scale3d(1.1, 1.1, 1.1)
827
- }
828
- to {
829
- opacity: 0;
830
- -webkit-transform: scale3d(.3, .3, .3);
831
- transform: scale3d(.3, .3, .3)
832
- }
833
- }
834
- .ycd-bounceOut {
835
- -webkit-animation-name: bounceOut;
836
- animation-name: bounceOut
837
- }
838
- @-webkit-keyframes bounceOutDown {
839
- 20% {
840
- -webkit-transform: translate3d(0, 10px, 0);
841
- transform: translate3d(0, 10px, 0)
842
- }
843
- 40%,
844
- 45% {
845
- opacity: 1;
846
- -webkit-transform: translate3d(0, -20px, 0);
847
- transform: translate3d(0, -20px, 0)
848
- }
849
- to {
850
- opacity: 0;
851
- -webkit-transform: translate3d(0, 2000px, 0);
852
- transform: translate3d(0, 2000px, 0)
853
- }
854
- }
855
- @keyframes bounceOutDown {
856
- 20% {
857
- -webkit-transform: translate3d(0, 10px, 0);
858
- transform: translate3d(0, 10px, 0)
859
- }
860
- 40%,
861
- 45% {
862
- opacity: 1;
863
- -webkit-transform: translate3d(0, -20px, 0);
864
- transform: translate3d(0, -20px, 0)
865
- }
866
- to {
867
- opacity: 0;
868
- -webkit-transform: translate3d(0, 2000px, 0);
869
- transform: translate3d(0, 2000px, 0)
870
- }
871
- }
872
- .bounceOutDown {
873
- -webkit-animation-name: bounceOutDown;
874
- animation-name: bounceOutDown
875
- }
876
- @-webkit-keyframes bounceOutLeft {
877
- 20% {
878
- opacity: 1;
879
- -webkit-transform: translate3d(20px, 0, 0);
880
- transform: translate3d(20px, 0, 0)
881
- }
882
- to {
883
- opacity: 0;
884
- -webkit-transform: translate3d(-2000px, 0, 0);
885
- transform: translate3d(-2000px, 0, 0)
886
- }
887
- }
888
- @keyframes bounceOutLeft {
889
- 20% {
890
- opacity: 1;
891
- -webkit-transform: translate3d(20px, 0, 0);
892
- transform: translate3d(20px, 0, 0)
893
- }
894
- to {
895
- opacity: 0;
896
- -webkit-transform: translate3d(-2000px, 0, 0);
897
- transform: translate3d(-2000px, 0, 0)
898
- }
899
- }
900
- .ycd-bounceOutLeft {
901
- -webkit-animation-name: bounceOutLeft;
902
- animation-name: bounceOutLeft
903
- }
904
- @-webkit-keyframes bounceOutRight {
905
- 20% {
906
- opacity: 1;
907
- -webkit-transform: translate3d(-20px, 0, 0);
908
- transform: translate3d(-20px, 0, 0)
909
- }
910
- to {
911
- opacity: 0;
912
- -webkit-transform: translate3d(2000px, 0, 0);
913
- transform: translate3d(2000px, 0, 0)
914
- }
915
- }
916
- @keyframes bounceOutRight {
917
- 20% {
918
- opacity: 1;
919
- -webkit-transform: translate3d(-20px, 0, 0);
920
- transform: translate3d(-20px, 0, 0)
921
- }
922
- to {
923
- opacity: 0;
924
- -webkit-transform: translate3d(2000px, 0, 0);
925
- transform: translate3d(2000px, 0, 0)
926
- }
927
- }
928
- .bounceOutRight {
929
- -webkit-animation-name: bounceOutRight;
930
- animation-name: bounceOutRight
931
- }
932
- @-webkit-keyframes bounceOutUp {
933
- 20% {
934
- -webkit-transform: translate3d(0, -10px, 0);
935
- transform: translate3d(0, -10px, 0)
936
- }
937
- 40%,
938
- 45% {
939
- opacity: 1;
940
- -webkit-transform: translate3d(0, 20px, 0);
941
- transform: translate3d(0, 20px, 0)
942
- }
943
- to {
944
- opacity: 0;
945
- -webkit-transform: translate3d(0, -2000px, 0);
946
- transform: translate3d(0, -2000px, 0)
947
- }
948
- }
949
- @keyframes bounceOutUp {
950
- 20% {
951
- -webkit-transform: translate3d(0, -10px, 0);
952
- transform: translate3d(0, -10px, 0)
953
- }
954
- 40%,
955
- 45% {
956
- opacity: 1;
957
- -webkit-transform: translate3d(0, 20px, 0);
958
- transform: translate3d(0, 20px, 0)
959
- }
960
- to {
961
- opacity: 0;
962
- -webkit-transform: translate3d(0, -2000px, 0);
963
- transform: translate3d(0, -2000px, 0)
964
- }
965
- }
966
- .bounceOutUp {
967
- -webkit-animation-name: bounceOutUp;
968
- animation-name: bounceOutUp
969
- }
970
- @-webkit-keyframes fadeIn {
971
- from {
972
- opacity: 0
973
- }
974
- to {
975
- opacity: 1
976
- }
977
- }
978
- @keyframes fadeIn {
979
- from {
980
- opacity: 0
981
- }
982
- to {
983
- opacity: 1
984
- }
985
- }
986
- .ycd-fadeIn {
987
- -webkit-animation-name: fadeIn;
988
- animation-name: fadeIn
989
- }
990
- @-webkit-keyframes fadeInDown {
991
- from {
992
- opacity: 0;
993
- -webkit-transform: translate3d(0, -100%, 0);
994
- transform: translate3d(0, -100%, 0)
995
- }
996
- to {
997
- opacity: 1;
998
- -webkit-transform: none;
999
- transform: none
1000
- }
1001
- }
1002
- @keyframes fadeInDown {
1003
- from {
1004
- opacity: 0;
1005
- -webkit-transform: translate3d(0, -100%, 0);
1006
- transform: translate3d(0, -100%, 0)
1007
- }
1008
- to {
1009
- opacity: 1;
1010
- -webkit-transform: none;
1011
- transform: none
1012
- }
1013
- }
1014
- .fadeInDown {
1015
- -webkit-animation-name: fadeInDown;
1016
- animation-name: fadeInDown
1017
- }
1018
- @-webkit-keyframes fadeInDownBig {
1019
- from {
1020
- opacity: 0;
1021
- -webkit-transform: translate3d(0, -2000px, 0);
1022
- transform: translate3d(0, -2000px, 0)
1023
- }
1024
- to {
1025
- opacity: 1;
1026
- -webkit-transform: none;
1027
- transform: none
1028
- }
1029
- }
1030
- @keyframes fadeInDownBig {
1031
- from {
1032
- opacity: 0;
1033
- -webkit-transform: translate3d(0, -2000px, 0);
1034
- transform: translate3d(0, -2000px, 0)
1035
- }
1036
- to {
1037
- opacity: 1;
1038
- -webkit-transform: none;
1039
- transform: none
1040
- }
1041
- }
1042
- .fadeInDownBig {
1043
- -webkit-animation-name: fadeInDownBig;
1044
- animation-name: fadeInDownBig
1045
- }
1046
- @-webkit-keyframes fadeInLeft {
1047
- from {
1048
- opacity: 0;
1049
- -webkit-transform: translate3d(-100%, 0, 0);
1050
- transform: translate3d(-100%, 0, 0)
1051
- }
1052
- to {
1053
- opacity: 1;
1054
- -webkit-transform: none;
1055
- transform: none
1056
- }
1057
- }
1058
- @keyframes fadeInLeft {
1059
- from {
1060
- opacity: 0;
1061
- -webkit-transform: translate3d(-100%, 0, 0);
1062
- transform: translate3d(-100%, 0, 0)
1063
- }
1064
- to {
1065
- opacity: 1;
1066
- -webkit-transform: none;
1067
- transform: none
1068
- }
1069
- }
1070
- .fadeInLeft {
1071
- -webkit-animation-name: fadeInLeft;
1072
- animation-name: fadeInLeft
1073
- }
1074
- @-webkit-keyframes fadeInLeftBig {
1075
- from {
1076
- opacity: 0;
1077
- -webkit-transform: translate3d(-2000px, 0, 0);
1078
- transform: translate3d(-2000px, 0, 0)
1079
- }
1080
- to {
1081
- opacity: 1;
1082
- -webkit-transform: none;
1083
- transform: none
1084
- }
1085
- }
1086
- @keyframes fadeInLeftBig {
1087
- from {
1088
- opacity: 0;
1089
- -webkit-transform: translate3d(-2000px, 0, 0);
1090
- transform: translate3d(-2000px, 0, 0)
1091
- }
1092
- to {
1093
- opacity: 1;
1094
- -webkit-transform: none;
1095
- transform: none
1096
- }
1097
- }
1098
- .fadeInLeftBig {
1099
- -webkit-animation-name: fadeInLeftBig;
1100
- animation-name: fadeInLeftBig
1101
- }
1102
- @-webkit-keyframes fadeInRight {
1103
- from {
1104
- opacity: 0;
1105
- -webkit-transform: translate3d(100%, 0, 0);
1106
- transform: translate3d(100%, 0, 0)
1107
- }
1108
- to {
1109
- opacity: 1;
1110
- -webkit-transform: none;
1111
- transform: none
1112
- }
1113
- }
1114
- @keyframes fadeInRight {
1115
- from {
1116
- opacity: 0;
1117
- -webkit-transform: translate3d(100%, 0, 0);
1118
- transform: translate3d(100%, 0, 0)
1119
- }
1120
- to {
1121
- opacity: 1;
1122
- -webkit-transform: none;
1123
- transform: none
1124
- }
1125
- }
1126
- .fadeInRight {
1127
- -webkit-animation-name: fadeInRight;
1128
- animation-name: fadeInRight
1129
- }
1130
- @-webkit-keyframes fadeInRightBig {
1131
- from {
1132
- opacity: 0;
1133
- -webkit-transform: translate3d(2000px, 0, 0);
1134
- transform: translate3d(2000px, 0, 0)
1135
- }
1136
- to {
1137
- opacity: 1;
1138
- -webkit-transform: none;
1139
- transform: none
1140
- }
1141
- }
1142
- @keyframes fadeInRightBig {
1143
- from {
1144
- opacity: 0;
1145
- -webkit-transform: translate3d(2000px, 0, 0);
1146
- transform: translate3d(2000px, 0, 0)
1147
- }
1148
- to {
1149
- opacity: 1;
1150
- -webkit-transform: none;
1151
- transform: none
1152
- }
1153
- }
1154
- .fadeInRightBig {
1155
- -webkit-animation-name: fadeInRightBig;
1156
- animation-name: fadeInRightBig
1157
- }
1158
- @-webkit-keyframes fadeInUp {
1159
- from {
1160
- opacity: 0;
1161
- -webkit-transform: translate3d(0, 100%, 0);
1162
- transform: translate3d(0, 100%, 0)
1163
- }
1164
- to {
1165
- opacity: 1;
1166
- -webkit-transform: none;
1167
- transform: none
1168
- }
1169
- }
1170
- @keyframes fadeInUp {
1171
- from {
1172
- opacity: 0;
1173
- -webkit-transform: translate3d(0, 100%, 0);
1174
- transform: translate3d(0, 100%, 0)
1175
- }
1176
- to {
1177
- opacity: 1;
1178
- -webkit-transform: none;
1179
- transform: none
1180
- }
1181
- }
1182
- .fadeInUp {
1183
- -webkit-animation-name: fadeInUp;
1184
- animation-name: fadeInUp
1185
- }
1186
- @-webkit-keyframes fadeInUpBig {
1187
- from {
1188
- opacity: 0;
1189
- -webkit-transform: translate3d(0, 2000px, 0);
1190
- transform: translate3d(0, 2000px, 0)
1191
- }
1192
- to {
1193
- opacity: 1;
1194
- -webkit-transform: none;
1195
- transform: none
1196
- }
1197
- }
1198
- @keyframes fadeInUpBig {
1199
- from {
1200
- opacity: 0;
1201
- -webkit-transform: translate3d(0, 2000px, 0);
1202
- transform: translate3d(0, 2000px, 0)
1203
- }
1204
- to {
1205
- opacity: 1;
1206
- -webkit-transform: none;
1207
- transform: none
1208
- }
1209
- }
1210
- .fadeInUpBig {
1211
- -webkit-animation-name: fadeInUpBig;
1212
- animation-name: fadeInUpBig
1213
- }
1214
- @-webkit-keyframes fadeOut {
1215
- from {
1216
- opacity: 1
1217
- }
1218
- to {
1219
- opacity: 0
1220
- }
1221
- }
1222
- @keyframes fadeOut {
1223
- from {
1224
- opacity: 1
1225
- }
1226
- to {
1227
- opacity: 0
1228
- }
1229
- }
1230
- .ycd-fadeOut {
1231
- -webkit-animation-name: fadeOut;
1232
- animation-name: fadeOut
1233
- }
1234
- @-webkit-keyframes fadeOutDown {
1235
- from {
1236
- opacity: 1
1237
- }
1238
- to {
1239
- opacity: 0;
1240
- -webkit-transform: translate3d(0, 100%, 0);
1241
- transform: translate3d(0, 100%, 0)
1242
- }
1243
- }
1244
- @keyframes fadeOutDown {
1245
- from {
1246
- opacity: 1
1247
- }
1248
- to {
1249
- opacity: 0;
1250
- -webkit-transform: translate3d(0, 100%, 0);
1251
- transform: translate3d(0, 100%, 0)
1252
- }
1253
- }
1254
- .fadeOutDown {
1255
- -webkit-animation-name: fadeOutDown;
1256
- animation-name: fadeOutDown
1257
- }
1258
- @-webkit-keyframes fadeOutDownBig {
1259
- from {
1260
- opacity: 1
1261
- }
1262
- to {
1263
- opacity: 0;
1264
- -webkit-transform: translate3d(0, 2000px, 0);
1265
- transform: translate3d(0, 2000px, 0)
1266
- }
1267
- }
1268
- @keyframes fadeOutDownBig {
1269
- from {
1270
- opacity: 1
1271
- }
1272
- to {
1273
- opacity: 0;
1274
- -webkit-transform: translate3d(0, 2000px, 0);
1275
- transform: translate3d(0, 2000px, 0)
1276
- }
1277
- }
1278
- .fadeOutDownBig {
1279
- -webkit-animation-name: fadeOutDownBig;
1280
- animation-name: fadeOutDownBig
1281
- }
1282
- @-webkit-keyframes fadeOutLeft {
1283
- from {
1284
- opacity: 1
1285
- }
1286
- to {
1287
- opacity: 0;
1288
- -webkit-transform: translate3d(-100%, 0, 0);
1289
- transform: translate3d(-100%, 0, 0)
1290
- }
1291
- }
1292
- @keyframes fadeOutLeft {
1293
- from {
1294
- opacity: 1
1295
- }
1296
- to {
1297
- opacity: 0;
1298
- -webkit-transform: translate3d(-100%, 0, 0);
1299
- transform: translate3d(-100%, 0, 0)
1300
- }
1301
- }
1302
- .fadeOutLeft {
1303
- -webkit-animation-name: fadeOutLeft;
1304
- animation-name: fadeOutLeft
1305
- }
1306
- @-webkit-keyframes fadeOutLeftBig {
1307
- from {
1308
- opacity: 1
1309
- }
1310
- to {
1311
- opacity: 0;
1312
- -webkit-transform: translate3d(-2000px, 0, 0);
1313
- transform: translate3d(-2000px, 0, 0)
1314
- }
1315
- }
1316
- @keyframes fadeOutLeftBig {
1317
- from {
1318
- opacity: 1
1319
- }
1320
- to {
1321
- opacity: 0;
1322
- -webkit-transform: translate3d(-2000px, 0, 0);
1323
- transform: translate3d(-2000px, 0, 0)
1324
- }
1325
- }
1326
- .fadeOutLeftBig {
1327
- -webkit-animation-name: fadeOutLeftBig;
1328
- animation-name: fadeOutLeftBig
1329
- }
1330
- @-webkit-keyframes fadeOutRight {
1331
- from {
1332
- opacity: 1
1333
- }
1334
- to {
1335
- opacity: 0;
1336
- -webkit-transform: translate3d(100%, 0, 0);
1337
- transform: translate3d(100%, 0, 0)
1338
- }
1339
- }
1340
- @keyframes fadeOutRight {
1341
- from {
1342
- opacity: 1
1343
- }
1344
- to {
1345
- opacity: 0;
1346
- -webkit-transform: translate3d(100%, 0, 0);
1347
- transform: translate3d(100%, 0, 0)
1348
- }
1349
- }
1350
- .fadeOutRight {
1351
- -webkit-animation-name: fadeOutRight;
1352
- animation-name: fadeOutRight
1353
- }
1354
- @-webkit-keyframes fadeOutRightBig {
1355
- from {
1356
- opacity: 1
1357
- }
1358
- to {
1359
- opacity: 0;
1360
- -webkit-transform: translate3d(2000px, 0, 0);
1361
- transform: translate3d(2000px, 0, 0)
1362
- }
1363
- }
1364
- @keyframes fadeOutRightBig {
1365
- from {
1366
- opacity: 1
1367
- }
1368
- to {
1369
- opacity: 0;
1370
- -webkit-transform: translate3d(2000px, 0, 0);
1371
- transform: translate3d(2000px, 0, 0)
1372
- }
1373
- }
1374
- .fadeOutRightBig {
1375
- -webkit-animation-name: fadeOutRightBig;
1376
- animation-name: fadeOutRightBig
1377
- }
1378
- @-webkit-keyframes fadeOutUp {
1379
- from {
1380
- opacity: 1
1381
- }
1382
- to {
1383
- opacity: 0;
1384
- -webkit-transform: translate3d(0, -100%, 0);
1385
- transform: translate3d(0, -100%, 0)
1386
- }
1387
- }
1388
- @keyframes fadeOutUp {
1389
- from {
1390
- opacity: 1
1391
- }
1392
- to {
1393
- opacity: 0;
1394
- -webkit-transform: translate3d(0, -100%, 0);
1395
- transform: translate3d(0, -100%, 0)
1396
- }
1397
- }
1398
- .fadeOutUp {
1399
- -webkit-animation-name: fadeOutUp;
1400
- animation-name: fadeOutUp
1401
- }
1402
- @-webkit-keyframes fadeOutUpBig {
1403
- from {
1404
- opacity: 1
1405
- }
1406
- to {
1407
- opacity: 0;
1408
- -webkit-transform: translate3d(0, -2000px, 0);
1409
- transform: translate3d(0, -2000px, 0)
1410
- }
1411
- }
1412
- @keyframes fadeOutUpBig {
1413
- from {
1414
- opacity: 1
1415
- }
1416
- to {
1417
- opacity: 0;
1418
- -webkit-transform: translate3d(0, -2000px, 0);
1419
- transform: translate3d(0, -2000px, 0)
1420
- }
1421
- }
1422
- .fadeOutUpBig {
1423
- -webkit-animation-name: fadeOutUpBig;
1424
- animation-name: fadeOutUpBig
1425
- }
1426
- @-webkit-keyframes flip {
1427
- from {
1428
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1429
- transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1430
- -webkit-animation-timing-function: ease-out;
1431
- animation-timing-function: ease-out
1432
- }
1433
- 40% {
1434
- -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1435
- transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1436
- -webkit-animation-timing-function: ease-out;
1437
- animation-timing-function: ease-out
1438
- }
1439
- 50% {
1440
- -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1441
- transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1442
- -webkit-animation-timing-function: ease-in;
1443
- animation-timing-function: ease-in
1444
- }
1445
- 80% {
1446
- -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
1447
- transform: perspective(400px) scale3d(.95, .95, .95);
1448
- -webkit-animation-timing-function: ease-in;
1449
- animation-timing-function: ease-in
1450
- }
1451
- to {
1452
- -webkit-transform: perspective(400px);
1453
- transform: perspective(400px);
1454
- -webkit-animation-timing-function: ease-in;
1455
- animation-timing-function: ease-in
1456
- }
1457
- }
1458
- @keyframes flip {
1459
- from {
1460
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1461
- transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1462
- -webkit-animation-timing-function: ease-out;
1463
- animation-timing-function: ease-out
1464
- }
1465
- 40% {
1466
- -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1467
- transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1468
- -webkit-animation-timing-function: ease-out;
1469
- animation-timing-function: ease-out
1470
- }
1471
- 50% {
1472
- -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1473
- transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1474
- -webkit-animation-timing-function: ease-in;
1475
- animation-timing-function: ease-in
1476
- }
1477
- 80% {
1478
- -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
1479
- transform: perspective(400px) scale3d(.95, .95, .95);
1480
- -webkit-animation-timing-function: ease-in;
1481
- animation-timing-function: ease-in
1482
- }
1483
- to {
1484
- -webkit-transform: perspective(400px);
1485
- transform: perspective(400px);
1486
- -webkit-animation-timing-function: ease-in;
1487
- animation-timing-function: ease-in
1488
- }
1489
- }
1490
- .ycd-animated.ycd-flip {
1491
- -webkit-backface-visibility: visible;
1492
- backface-visibility: visible;
1493
- -webkit-animation-name: flip;
1494
- animation-name: flip
1495
- }
1496
- @-webkit-keyframes flipInX {
1497
- from {
1498
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1499
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1500
- -webkit-animation-timing-function: ease-in;
1501
- animation-timing-function: ease-in;
1502
- opacity: 0
1503
- }
1504
- 40% {
1505
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1506
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1507
- -webkit-animation-timing-function: ease-in;
1508
- animation-timing-function: ease-in
1509
- }
1510
- 60% {
1511
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1512
- transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1513
- opacity: 1
1514
- }
1515
- 80% {
1516
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1517
- transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
1518
- }
1519
- to {
1520
- -webkit-transform: perspective(400px);
1521
- transform: perspective(400px)
1522
- }
1523
- }
1524
- @keyframes flipInX {
1525
- from {
1526
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1527
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1528
- -webkit-animation-timing-function: ease-in;
1529
- animation-timing-function: ease-in;
1530
- opacity: 0
1531
- }
1532
- 40% {
1533
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1534
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1535
- -webkit-animation-timing-function: ease-in;
1536
- animation-timing-function: ease-in
1537
- }
1538
- 60% {
1539
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1540
- transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1541
- opacity: 1
1542
- }
1543
- 80% {
1544
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1545
- transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
1546
- }
1547
- to {
1548
- -webkit-transform: perspective(400px);
1549
- transform: perspective(400px)
1550
- }
1551
- }
1552
- .ycd-flipInX {
1553
- backface-visibility: visible!important;
1554
- -webkit-animation-name: flipInX;
1555
- animation-name: flipInX
1556
- }
1557
- .flipInX,
1558
- .flipInY {
1559
- -webkit-backface-visibility: visible!important
1560
- }
1561
- @-webkit-keyframes flipInY {
1562
- from {
1563
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1564
- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1565
- -webkit-animation-timing-function: ease-in;
1566
- animation-timing-function: ease-in;
1567
- opacity: 0
1568
- }
1569
- 40% {
1570
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1571
- transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1572
- -webkit-animation-timing-function: ease-in;
1573
- animation-timing-function: ease-in
1574
- }
1575
- 60% {
1576
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1577
- transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1578
- opacity: 1
1579
- }
1580
- 80% {
1581
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1582
- transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
1583
- }
1584
- to {
1585
- -webkit-transform: perspective(400px);
1586
- transform: perspective(400px)
1587
- }
1588
- }
1589
- @keyframes flipInY {
1590
- from {
1591
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1592
- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1593
- -webkit-animation-timing-function: ease-in;
1594
- animation-timing-function: ease-in;
1595
- opacity: 0
1596
- }
1597
- 40% {
1598
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1599
- transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1600
- -webkit-animation-timing-function: ease-in;
1601
- animation-timing-function: ease-in
1602
- }
1603
- 60% {
1604
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1605
- transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1606
- opacity: 1
1607
- }
1608
- 80% {
1609
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1610
- transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
1611
- }
1612
- to {
1613
- -webkit-transform: perspective(400px);
1614
- transform: perspective(400px)
1615
- }
1616
- }
1617
- .flipInY {
1618
- backface-visibility: visible!important;
1619
- -webkit-animation-name: flipInY;
1620
- animation-name: flipInY
1621
- }
1622
- @-webkit-keyframes flipOutX {
1623
- from {
1624
- -webkit-transform: perspective(400px);
1625
- transform: perspective(400px)
1626
- }
1627
- 30% {
1628
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1629
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1630
- opacity: 1
1631
- }
1632
- to {
1633
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1634
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1635
- opacity: 0
1636
- }
1637
- }
1638
- @keyframes flipOutX {
1639
- from {
1640
- -webkit-transform: perspective(400px);
1641
- transform: perspective(400px)
1642
- }
1643
- 30% {
1644
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1645
- transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1646
- opacity: 1
1647
- }
1648
- to {
1649
- -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1650
- transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1651
- opacity: 0
1652
- }
1653
- }
1654
- .flipOutX {
1655
- -webkit-animation-name: flipOutX;
1656
- animation-name: flipOutX;
1657
- backface-visibility: visible!important
1658
- }
1659
- .flipOutX,
1660
- .flipOutY {
1661
- -webkit-backface-visibility: visible!important
1662
- }
1663
- @-webkit-keyframes flipOutY {
1664
- from {
1665
- -webkit-transform: perspective(400px);
1666
- transform: perspective(400px)
1667
- }
1668
- 30% {
1669
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
1670
- transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
1671
- opacity: 1
1672
- }
1673
- to {
1674
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1675
- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1676
- opacity: 0
1677
- }
1678
- }
1679
- @keyframes flipOutY {
1680
- from {
1681
- -webkit-transform: perspective(400px);
1682
- transform: perspective(400px)
1683
- }
1684
- 30% {
1685
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
1686
- transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
1687
- opacity: 1
1688
- }
1689
- to {
1690
- -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1691
- transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1692
- opacity: 0
1693
- }
1694
- }
1695
- .flipOutY {
1696
- backface-visibility: visible!important;
1697
- -webkit-animation-name: flipOutY;
1698
- animation-name: flipOutY
1699
- }
1700
- @-webkit-keyframes lightSpeedIn {
1701
- from {
1702
- -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
1703
- transform: translate3d(100%, 0, 0) skewX(-30deg);
1704
- opacity: 0
1705
- }
1706
- 60% {
1707
- -webkit-transform: skewX(20deg);
1708
- transform: skewX(20deg);
1709
- opacity: 1
1710
- }
1711
- 80% {
1712
- -webkit-transform: skewX(-5deg);
1713
- transform: skewX(-5deg);
1714
- opacity: 1
1715
- }
1716
- to {
1717
- -webkit-transform: none;
1718
- transform: none;
1719
- opacity: 1
1720
- }
1721
- }
1722
- @keyframes lightSpeedIn {
1723
- from {
1724
- -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
1725
- transform: translate3d(100%, 0, 0) skewX(-30deg);
1726
- opacity: 0
1727
- }
1728
- 60% {
1729
- -webkit-transform: skewX(20deg);
1730
- transform: skewX(20deg);
1731
- opacity: 1
1732
- }
1733
- 80% {
1734
- -webkit-transform: skewX(-5deg);
1735
- transform: skewX(-5deg);
1736
- opacity: 1
1737
- }
1738
- to {
1739
- -webkit-transform: none;
1740
- transform: none;
1741
- opacity: 1
1742
- }
1743
- }
1744
- .lightSpeedIn {
1745
- -webkit-animation-name: lightSpeedIn;
1746
- animation-name: lightSpeedIn;
1747
- -webkit-animation-timing-function: ease-out;
1748
- animation-timing-function: ease-out
1749
- }
1750
- @-webkit-keyframes lightSpeedOut {
1751
- from {
1752
- opacity: 1
1753
- }
1754
- to {
1755
- -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
1756
- transform: translate3d(100%, 0, 0) skewX(30deg);
1757
- opacity: 0
1758
- }
1759
- }
1760
- @keyframes lightSpeedOut {
1761
- from {
1762
- opacity: 1
1763
- }
1764
- to {
1765
- -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
1766
- transform: translate3d(100%, 0, 0) skewX(30deg);
1767
- opacity: 0
1768
- }
1769
- }
1770
- .lightSpeedOut {
1771
- -webkit-animation-name: lightSpeedOut;
1772
- animation-name: lightSpeedOut;
1773
- -webkit-animation-timing-function: ease-in;
1774
- animation-timing-function: ease-in
1775
- }
1776
- @-webkit-keyframes rotateIn {
1777
- from {
1778
- -webkit-transform-origin: center;
1779
- transform-origin: center;
1780
- -webkit-transform: rotate3d(0, 0, 1, -200deg);
1781
- transform: rotate3d(0, 0, 1, -200deg);
1782
- opacity: 0
1783
- }
1784
- to {
1785
- -webkit-transform-origin: center;
1786
- transform-origin: center;
1787
- -webkit-transform: none;
1788
- transform: none;
1789
- opacity: 1
1790
- }
1791
- }
1792
- @keyframes rotateIn {
1793
- from {
1794
- -webkit-transform-origin: center;
1795
- transform-origin: center;
1796
- -webkit-transform: rotate3d(0, 0, 1, -200deg);
1797
- transform: rotate3d(0, 0, 1, -200deg);
1798
- opacity: 0
1799
- }
1800
- to {
1801
- -webkit-transform-origin: center;
1802
- transform-origin: center;
1803
- -webkit-transform: none;
1804
- transform: none;
1805
- opacity: 1
1806
- }
1807
- }
1808
- .ycd-rotateIn {
1809
- -webkit-animation-name: rotateIn;
1810
- animation-name: rotateIn
1811
- }
1812
- @-webkit-keyframes rotateInDownLeft {
1813
- from {
1814
- -webkit-transform-origin: left bottom;
1815
- transform-origin: left bottom;
1816
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
1817
- transform: rotate3d(0, 0, 1, -45deg);
1818
- opacity: 0
1819
- }
1820
- to {
1821
- -webkit-transform-origin: left bottom;
1822
- transform-origin: left bottom;
1823
- -webkit-transform: none;
1824
- transform: none;
1825
- opacity: 1
1826
- }
1827
- }
1828
- @keyframes rotateInDownLeft {
1829
- from {
1830
- -webkit-transform-origin: left bottom;
1831
- transform-origin: left bottom;
1832
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
1833
- transform: rotate3d(0, 0, 1, -45deg);
1834
- opacity: 0
1835
- }
1836
- to {
1837
- -webkit-transform-origin: left bottom;
1838
- transform-origin: left bottom;
1839
- -webkit-transform: none;
1840
- transform: none;
1841
- opacity: 1
1842
- }
1843
- }
1844
- .ycd-rotateInDownLeft {
1845
- -webkit-animation-name: rotateInDownLeft;
1846
- animation-name: rotateInDownLeft
1847
- }
1848
- @-webkit-keyframes rotateInDownRight {
1849
- from {
1850
- -webkit-transform-origin: right bottom;
1851
- transform-origin: right bottom;
1852
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
1853
- transform: rotate3d(0, 0, 1, 45deg);
1854
- opacity: 0
1855
- }
1856
- to {
1857
- -webkit-transform-origin: right bottom;
1858
- transform-origin: right bottom;
1859
- -webkit-transform: none;
1860
- transform: none;
1861
- opacity: 1
1862
- }
1863
- }
1864
- @keyframes rotateInDownRight {
1865
- from {
1866
- -webkit-transform-origin: right bottom;
1867
- transform-origin: right bottom;
1868
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
1869
- transform: rotate3d(0, 0, 1, 45deg);
1870
- opacity: 0
1871
- }
1872
- to {
1873
- -webkit-transform-origin: right bottom;
1874
- transform-origin: right bottom;
1875
- -webkit-transform: none;
1876
- transform: none;
1877
- opacity: 1
1878
- }
1879
- }
1880
- .rotateInDownRight {
1881
- -webkit-animation-name: rotateInDownRight;
1882
- animation-name: rotateInDownRight
1883
- }
1884
- @-webkit-keyframes rotateInUpLeft {
1885
- from {
1886
- -webkit-transform-origin: left bottom;
1887
- transform-origin: left bottom;
1888
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
1889
- transform: rotate3d(0, 0, 1, 45deg);
1890
- opacity: 0
1891
- }
1892
- to {
1893
- -webkit-transform-origin: left bottom;
1894
- transform-origin: left bottom;
1895
- -webkit-transform: none;
1896
- transform: none;
1897
- opacity: 1
1898
- }
1899
- }
1900
- @keyframes rotateInUpLeft {
1901
- from {
1902
- -webkit-transform-origin: left bottom;
1903
- transform-origin: left bottom;
1904
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
1905
- transform: rotate3d(0, 0, 1, 45deg);
1906
- opacity: 0
1907
- }
1908
- to {
1909
- -webkit-transform-origin: left bottom;
1910
- transform-origin: left bottom;
1911
- -webkit-transform: none;
1912
- transform: none;
1913
- opacity: 1
1914
- }
1915
- }
1916
- .rotateInUpLeft {
1917
- -webkit-animation-name: rotateInUpLeft;
1918
- animation-name: rotateInUpLeft
1919
- }
1920
- @-webkit-keyframes rotateInUpRight {
1921
- from {
1922
- -webkit-transform-origin: right bottom;
1923
- transform-origin: right bottom;
1924
- -webkit-transform: rotate3d(0, 0, 1, -90deg);
1925
- transform: rotate3d(0, 0, 1, -90deg);
1926
- opacity: 0
1927
- }
1928
- to {
1929
- -webkit-transform-origin: right bottom;
1930
- transform-origin: right bottom;
1931
- -webkit-transform: none;
1932
- transform: none;
1933
- opacity: 1
1934
- }
1935
- }
1936
- @keyframes rotateInUpRight {
1937
- from {
1938
- -webkit-transform-origin: right bottom;
1939
- transform-origin: right bottom;
1940
- -webkit-transform: rotate3d(0, 0, 1, -90deg);
1941
- transform: rotate3d(0, 0, 1, -90deg);
1942
- opacity: 0
1943
- }
1944
- to {
1945
- -webkit-transform-origin: right bottom;
1946
- transform-origin: right bottom;
1947
- -webkit-transform: none;
1948
- transform: none;
1949
- opacity: 1
1950
- }
1951
- }
1952
- .rotateInUpRight {
1953
- -webkit-animation-name: rotateInUpRight;
1954
- animation-name: rotateInUpRight
1955
- }
1956
- @-webkit-keyframes rotateOut {
1957
- from {
1958
- -webkit-transform-origin: center;
1959
- transform-origin: center;
1960
- opacity: 1
1961
- }
1962
- to {
1963
- -webkit-transform-origin: center;
1964
- transform-origin: center;
1965
- -webkit-transform: rotate3d(0, 0, 1, 200deg);
1966
- transform: rotate3d(0, 0, 1, 200deg);
1967
- opacity: 0
1968
- }
1969
- }
1970
- @keyframes rotateOut {
1971
- from {
1972
- -webkit-transform-origin: center;
1973
- transform-origin: center;
1974
- opacity: 1
1975
- }
1976
- to {
1977
- -webkit-transform-origin: center;
1978
- transform-origin: center;
1979
- -webkit-transform: rotate3d(0, 0, 1, 200deg);
1980
- transform: rotate3d(0, 0, 1, 200deg);
1981
- opacity: 0
1982
- }
1983
- }
1984
- .ycd-rotateOut {
1985
- -webkit-animation-name: rotateOut;
1986
- animation-name: rotateOut
1987
- }
1988
- @-webkit-keyframes rotateOutDownLeft {
1989
- from {
1990
- -webkit-transform-origin: left bottom;
1991
- transform-origin: left bottom;
1992
- opacity: 1
1993
- }
1994
- to {
1995
- -webkit-transform-origin: left bottom;
1996
- transform-origin: left bottom;
1997
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
1998
- transform: rotate3d(0, 0, 1, 45deg);
1999
- opacity: 0
2000
- }
2001
- }
2002
- @keyframes rotateOutDownLeft {
2003
- from {
2004
- -webkit-transform-origin: left bottom;
2005
- transform-origin: left bottom;
2006
- opacity: 1
2007
- }
2008
- to {
2009
- -webkit-transform-origin: left bottom;
2010
- transform-origin: left bottom;
2011
- -webkit-transform: rotate3d(0, 0, 1, 45deg);
2012
- transform: rotate3d(0, 0, 1, 45deg);
2013
- opacity: 0
2014
- }
2015
- }
2016
- .rotateOutDownLeft {
2017
- -webkit-animation-name: rotateOutDownLeft;
2018
- animation-name: rotateOutDownLeft
2019
- }
2020
- @-webkit-keyframes rotateOutDownRight {
2021
- from {
2022
- -webkit-transform-origin: right bottom;
2023
- transform-origin: right bottom;
2024
- opacity: 1
2025
- }
2026
- to {
2027
- -webkit-transform-origin: right bottom;
2028
- transform-origin: right bottom;
2029
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
2030
- transform: rotate3d(0, 0, 1, -45deg);
2031
- opacity: 0
2032
- }
2033
- }
2034
- @keyframes rotateOutDownRight {
2035
- from {
2036
- -webkit-transform-origin: right bottom;
2037
- transform-origin: right bottom;
2038
- opacity: 1
2039
- }
2040
- to {
2041
- -webkit-transform-origin: right bottom;
2042
- transform-origin: right bottom;
2043
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
2044
- transform: rotate3d(0, 0, 1, -45deg);
2045
- opacity: 0
2046
- }
2047
- }
2048
- .rotateOutDownRight {
2049
- -webkit-animation-name: rotateOutDownRight;
2050
- animation-name: rotateOutDownRight
2051
- }
2052
- @-webkit-keyframes rotateOutUpLeft {
2053
- from {
2054
- -webkit-transform-origin: left bottom;
2055
- transform-origin: left bottom;
2056
- opacity: 1
2057
- }
2058
- to {
2059
- -webkit-transform-origin: left bottom;
2060
- transform-origin: left bottom;
2061
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
2062
- transform: rotate3d(0, 0, 1, -45deg);
2063
- opacity: 0
2064
- }
2065
- }
2066
- @keyframes rotateOutUpLeft {
2067
- from {
2068
- -webkit-transform-origin: left bottom;
2069
- transform-origin: left bottom;
2070
- opacity: 1
2071
- }
2072
- to {
2073
- -webkit-transform-origin: left bottom;
2074
- transform-origin: left bottom;
2075
- -webkit-transform: rotate3d(0, 0, 1, -45deg);
2076
- transform: rotate3d(0, 0, 1, -45deg);
2077
- opacity: 0
2078
- }
2079
- }
2080
- .rotateOutUpLeft {
2081
- -webkit-animation-name: rotateOutUpLeft;
2082
- animation-name: rotateOutUpLeft
2083
- }
2084
- @-webkit-keyframes rotateOutUpRight {
2085
- from {
2086
- -webkit-transform-origin: right bottom;
2087
- transform-origin: right bottom;
2088
- opacity: 1
2089
- }
2090
- to {
2091
- -webkit-transform-origin: right bottom;
2092
- transform-origin: right bottom;
2093
- -webkit-transform: rotate3d(0, 0, 1, 90deg);
2094
- transform: rotate3d(0, 0, 1, 90deg);
2095
- opacity: 0
2096
- }
2097
- }
2098
- @keyframes rotateOutUpRight {
2099
- from {
2100
- -webkit-transform-origin: right bottom;
2101
- transform-origin: right bottom;
2102
- opacity: 1
2103
- }
2104
- to {
2105
- -webkit-transform-origin: right bottom;
2106
- transform-origin: right bottom;
2107
- -webkit-transform: rotate3d(0, 0, 1, 90deg);
2108
- transform: rotate3d(0, 0, 1, 90deg);
2109
- opacity: 0
2110
- }
2111
- }
2112
- .rotateOutUpRight {
2113
- -webkit-animation-name: rotateOutUpRight;
2114
- animation-name: rotateOutUpRight
2115
- }
2116
- @-webkit-keyframes hinge {
2117
- 0% {
2118
- -webkit-transform-origin: top left;
2119
- transform-origin: top left;
2120
- -webkit-animation-timing-function: ease-in-out;
2121
- animation-timing-function: ease-in-out
2122
- }
2123
- 20%,
2124
- 60% {
2125
- -webkit-transform: rotate3d(0, 0, 1, 80deg);
2126
- transform: rotate3d(0, 0, 1, 80deg);
2127
- -webkit-transform-origin: top left;
2128
- transform-origin: top left;
2129
- -webkit-animation-timing-function: ease-in-out;
2130
- animation-timing-function: ease-in-out
2131
- }
2132
- 40%,
2133
- 80% {
2134
- -webkit-transform: rotate3d(0, 0, 1, 60deg);
2135
- transform: rotate3d(0, 0, 1, 60deg);
2136
- -webkit-transform-origin: top left;
2137
- transform-origin: top left;
2138
- -webkit-animation-timing-function: ease-in-out;
2139
- animation-timing-function: ease-in-out;
2140
- opacity: 1
2141
- }
2142
- to {
2143
- -webkit-transform: translate3d(0, 700px, 0);
2144
- transform: translate3d(0, 700px, 0);
2145
- opacity: 0
2146
- }
2147
- }
2148
- @keyframes hinge {
2149
- 0% {
2150
- -webkit-transform-origin: top left;
2151
- transform-origin: top left;
2152
- -webkit-animation-timing-function: ease-in-out;
2153
- animation-timing-function: ease-in-out
2154
- }
2155
- 20%,
2156
- 60% {
2157
- -webkit-transform: rotate3d(0, 0, 1, 80deg);
2158
- transform: rotate3d(0, 0, 1, 80deg);
2159
- -webkit-transform-origin: top left;
2160
- transform-origin: top left;
2161
- -webkit-animation-timing-function: ease-in-out;
2162
- animation-timing-function: ease-in-out
2163
- }
2164
- 40%,
2165
- 80% {
2166
- -webkit-transform: rotate3d(0, 0, 1, 60deg);
2167
- transform: rotate3d(0, 0, 1, 60deg);
2168
- -webkit-transform-origin: top left;
2169
- transform-origin: top left;
2170
- -webkit-animation-timing-function: ease-in-out;
2171
- animation-timing-function: ease-in-out;
2172
- opacity: 1
2173
- }
2174
- to {
2175
- -webkit-transform: translate3d(0, 700px, 0);
2176
- transform: translate3d(0, 700px, 0);
2177
- opacity: 0
2178
- }
2179
- }
2180
- .hinge {
2181
- -webkit-animation-name: hinge;
2182
- animation-name: hinge
2183
- }
2184
- @-webkit-keyframes rollIn {
2185
- from {
2186
- opacity: 0;
2187
- -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2188
- transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
2189
- }
2190
- to {
2191
- opacity: 1;
2192
- -webkit-transform: none;
2193
- transform: none
2194
- }
2195
- }
2196
- @keyframes rollIn {
2197
- from {
2198
- opacity: 0;
2199
- -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2200
- transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
2201
- }
2202
- to {
2203
- opacity: 1;
2204
- -webkit-transform: none;
2205
- transform: none
2206
- }
2207
- }
2208
- .rollIn {
2209
- -webkit-animation-name: rollIn;
2210
- animation-name: rollIn
2211
- }
2212
- @-webkit-keyframes rollOut {
2213
- from {
2214
- opacity: 1
2215
- }
2216
- to {
2217
- opacity: 0;
2218
- -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2219
- transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
2220
- }
2221
- }
2222
- @keyframes rollOut {
2223
- from {
2224
- opacity: 1
2225
- }
2226
- to {
2227
- opacity: 0;
2228
- -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2229
- transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
2230
- }
2231
- }
2232
- .rollOut {
2233
- -webkit-animation-name: rollOut;
2234
- animation-name: rollOut
2235
- }
2236
- @-webkit-keyframes zoomIn {
2237
- from {
2238
- opacity: 0;
2239
- -webkit-transform: scale3d(.3, .3, .3);
2240
- transform: scale3d(.3, .3, .3)
2241
- }
2242
- 50% {
2243
- opacity: 1
2244
- }
2245
- }
2246
- @keyframes zoomIn {
2247
- from {
2248
- opacity: 0;
2249
- -webkit-transform: scale3d(.3, .3, .3);
2250
- transform: scale3d(.3, .3, .3)
2251
- }
2252
- 50% {
2253
- opacity: 1
2254
- }
2255
- }
2256
- .zoomIn {
2257
- -webkit-animation-name: zoomIn;
2258
- animation-name: zoomIn
2259
- }
2260
- @-webkit-keyframes zoomInDown {
2261
- from {
2262
- opacity: 0;
2263
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2264
- transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2265
- -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
2266
- animation-timing-function: cubic-bezier(.55, .055, .675, .19)
2267
- }
2268
- 60% {
2269
- opacity: 1;
2270
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2271
- transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2272
- -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
2273
- animation-timing-function: cubic-bezier(.175, .885, .32, 1)
2274
- }
2275
- }
2276
- @keyframes zoomInDown {
2277
- from {
2278
- opacity: 0;
2279
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2280
- transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2281
- -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
2282
- animation-timing-function: cubic-bezier(.55, .055, .675, .19)
2283
- }
2284
- 60% {
2285
- opacity: 1;
2286
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2287
- transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2288
- -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
2289
- animation-timing-function: cubic-bezier(.175, .885, .32, 1)
2290
- }
2291
- }
2292
- .zoomInDown {
2293
- -webkit-animation-name: zoomInDown;
2294
- animation-name: zoomInDown
2295
- }
2296
- @-webkit-keyframes zoomInLeft {
2297
- from {
2298
- opacity: 0;
2299
- -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2300
- transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2301
- -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
2302
- animation-timing-function: cubic-bezier(.55, .055, .675, .19)
2303
- }
2304
- 60% {
2305
- opacity: 1;
2306
- -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2307
- transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2308
- -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
2309
- animation-timing-function: cubic-bezier(.175, .885, .32, 1)
2310
- }
2311
- }
2312
- @keyframes zoomInLeft {
2313
- from {
2314
- opacity: 0;
2315
- -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2316
- transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2317
- -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
2318
- animation-timing-function: cubic-bezier(.55, .055, .675, .19)
2319
- }
2320
- 60% {
2321
- opacity: 1;
2322
- -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2323
- transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2324
- -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
2325
- animation-timing-function: cubic-bezier(.175, .885, .32, 1)
2326
- }
2327
- }
2328
- .zoomInLeft {
2329
- -webkit-animation-name: zoomInLeft;
2330
- animation-name: zoomInLeft
2331
- }
2332
- @-webkit-keyframes zoomInRight {
2333
- from {
2334
- opacity: 0;
2335
- -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2336
- transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2337
- -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
2338
- animation-timing-function: cubic-bezier(.55, .055, .675, .19)
2339
- }
2340
- 60% {
2341
- opacity: 1;
2342
- -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2343
- transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2344
- -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
2345
- animation-timing-function: cubic-bezier(.175, .885, .32, 1)
2346
- }
2347
- }
2348
- @keyframes zoomInRight {
2349
- from {
2350
- opacity: 0;
2351
- -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2352
- transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2353
- -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
2354
- animation-timing-function: cubic-bezier(.55, .055, .675, .19)
2355
- }
2356
- 60% {
2357
- opacity: 1;
2358
- -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2359
- transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2360
- -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
2361
- animation-timing-function: cubic-bezier(.175, .885, .32, 1)
2362
- }
2363
- }
2364
- .zoomInRight {
2365
- -webkit-animation-name: zoomInRight;
2366
- animation-name: zoomInRight
2367
- }
2368
- @-webkit-keyframes zoomInUp {
2369
- from {
2370
- opacity: 0;
2371
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2372
- transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2373
- -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
2374
- animation-timing-function: cubic-bezier(.55, .055, .675, .19)
2375
- }
2376
- 60% {
2377
- opacity: 1;
2378
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2379
- transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2380
- -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
2381
- animation-timing-function: cubic-bezier(.175, .885, .32, 1)
2382
- }
2383
- }
2384
- @keyframes zoomInUp {
2385
- from {
2386
- opacity: 0;
2387
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2388
- transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2389
- -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
2390
- animation-timing-function: cubic-bezier(.55, .055, .675, .19)
2391
- }
2392
- 60% {
2393
- opacity: 1;
2394
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2395
- transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2396
- -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
2397
- animation-timing-function: cubic-bezier(.175, .885, .32, 1)
2398
- }
2399
- }
2400
- .zoomInUp {
2401
- -webkit-animation-name: zoomInUp;
2402
- animation-name: zoomInUp
2403
- }
2404
- @-webkit-keyframes zoomOut {
2405
- from {
2406
- opacity: 1
2407
- }
2408
- 50% {
2409
- opacity: 0;
2410
- -webkit-transform: scale3d(.3, .3, .3);
2411
- transform: scale3d(.3, .3, .3)
2412
- }
2413
- to {
2414
- opacity: 0
2415
- }
2416
- }
2417
- @keyframes zoomOut {
2418
- from {
2419
- opacity: 1
2420
- }
2421
- 50% {
2422
- opacity: 0;
2423
- -webkit-transform: scale3d(.3, .3, .3);
2424
- transform: scale3d(.3, .3, .3)
2425
- }
2426
- to {
2427
- opacity: 0
2428
- }
2429
- }
2430
- .zoomOut {
2431
- -webkit-animation-name: zoomOut;
2432
- animation-name: zoomOut
2433
- }
2434
- @-webkit-keyframes zoomOutDown {
2435
- 40% {
2436
- opacity: 1;
2437
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2438
- transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2439
- -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
2440
- animation-timing-function: cubic-bezier(.55, .055, .675, .19)
2441
- }
2442
- to {
2443
- opacity: 0;
2444
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2445
- transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2446
- -webkit-transform-origin: center bottom;
2447
- transform-origin: center bottom;
2448
- -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
2449
- animation-timing-function: cubic-bezier(.175, .885, .32, 1)
2450
- }
2451
- }
2452
- @keyframes zoomOutDown {
2453
- 40% {
2454
- opacity: 1;
2455
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2456
- transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2457
- -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
2458
- animation-timing-function: cubic-bezier(.55, .055, .675, .19)
2459
- }
2460
- to {
2461
- opacity: 0;
2462
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2463
- transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2464
- -webkit-transform-origin: center bottom;
2465
- transform-origin: center bottom;
2466
- -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
2467
- animation-timing-function: cubic-bezier(.175, .885, .32, 1)
2468
- }
2469
- }
2470
- .zoomOutDown {
2471
- -webkit-animation-name: zoomOutDown;
2472
- animation-name: zoomOutDown
2473
- }
2474
- @-webkit-keyframes zoomOutLeft {
2475
- 40% {
2476
- opacity: 1;
2477
- -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
2478
- transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
2479
- }
2480
- to {
2481
- opacity: 0;
2482
- -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
2483
- transform: scale(.1) translate3d(-2000px, 0, 0);
2484
- -webkit-transform-origin: left center;
2485
- transform-origin: left center
2486
- }
2487
- }
2488
- @keyframes zoomOutLeft {
2489
- 40% {
2490
- opacity: 1;
2491
- -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
2492
- transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
2493
- }
2494
- to {
2495
- opacity: 0;
2496
- -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
2497
- transform: scale(.1) translate3d(-2000px, 0, 0);
2498
- -webkit-transform-origin: left center;
2499
- transform-origin: left center
2500
- }
2501
- }
2502
- .zoomOutLeft {
2503
- -webkit-animation-name: zoomOutLeft;
2504
- animation-name: zoomOutLeft
2505
- }
2506
- @-webkit-keyframes zoomOutRight {
2507
- 40% {
2508
- opacity: 1;
2509
- -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
2510
- transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
2511
- }
2512
- to {
2513
- opacity: 0;
2514
- -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
2515
- transform: scale(.1) translate3d(2000px, 0, 0);
2516
- -webkit-transform-origin: right center;
2517
- transform-origin: right center
2518
- }
2519
- }
2520
- @keyframes zoomOutRight {
2521
- 40% {
2522
- opacity: 1;
2523
- -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
2524
- transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
2525
- }
2526
- to {
2527
- opacity: 0;
2528
- -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
2529
- transform: scale(.1) translate3d(2000px, 0, 0);
2530
- -webkit-transform-origin: right center;
2531
- transform-origin: right center
2532
- }
2533
- }
2534
- .zoomOutRight {
2535
- -webkit-animation-name: zoomOutRight;
2536
- animation-name: zoomOutRight
2537
- }
2538
- @-webkit-keyframes zoomOutUp {
2539
- 40% {
2540
- opacity: 1;
2541
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2542
- transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2543
- -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
2544
- animation-timing-function: cubic-bezier(.55, .055, .675, .19)
2545
- }
2546
- to {
2547
- opacity: 0;
2548
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
2549
- transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
2550
- -webkit-transform-origin: center bottom;
2551
- transform-origin: center bottom;
2552
- -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
2553
- animation-timing-function: cubic-bezier(.175, .885, .32, 1)
2554
- }
2555
- }
2556
- @keyframes zoomOutUp {
2557
- 40% {
2558
- opacity: 1;
2559
- -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2560
- transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2561
- -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
2562
- animation-timing-function: cubic-bezier(.55, .055, .675, .19)
2563
- }
2564
- to {
2565
- opacity: 0;
2566
- -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
2567
- transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
2568
- -webkit-transform-origin: center bottom;
2569
- transform-origin: center bottom;
2570
- -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
2571
- animation-timing-function: cubic-bezier(.175, .885, .32, 1)
2572
- }
2573
- }
2574
- .zoomOutUp {
2575
- -webkit-animation-name: zoomOutUp;
2576
- animation-name: zoomOutUp
2577
- }
2578
- @-webkit-keyframes slideInDown {
2579
- from {
2580
- -webkit-transform: translate3d(0, -100%, 0);
2581
- transform: translate3d(0, -100%, 0);
2582
- visibility: visible
2583
- }
2584
- to {
2585
- -webkit-transform: translate3d(0, 0, 0);
2586
- transform: translate3d(0, 0, 0)
2587
- }
2588
- }
2589
- @keyframes slideInDown {
2590
- from {
2591
- -webkit-transform: translate3d(0, -100%, 0);
2592
- transform: translate3d(0, -100%, 0);
2593
- visibility: visible
2594
- }
2595
- to {
2596
- -webkit-transform: translate3d(0, 0, 0);
2597
- transform: translate3d(0, 0, 0)
2598
- }
2599
- }
2600
- .ycd-slideInDown {
2601
- -webkit-animation-name: slideInDown;
2602
- animation-name: slideInDown
2603
- }
2604
- @-webkit-keyframes slideInLeft {
2605
- from {
2606
- -webkit-transform: translate3d(-100%, 0, 0);
2607
- transform: translate3d(-100%, 0, 0);
2608
- visibility: visible
2609
- }
2610
- to {
2611
- -webkit-transform: translate3d(0, 0, 0);
2612
- transform: translate3d(0, 0, 0)
2613
- }
2614
- }
2615
- @keyframes slideInLeft {
2616
- from {
2617
- -webkit-transform: translate3d(-100%, 0, 0);
2618
- transform: translate3d(-100%, 0, 0);
2619
- visibility: visible
2620
- }
2621
- to {
2622
- -webkit-transform: translate3d(0, 0, 0);
2623
- transform: translate3d(0, 0, 0)
2624
- }
2625
- }
2626
- .slideInLeft {
2627
- -webkit-animation-name: slideInLeft;
2628
- animation-name: slideInLeft
2629
- }
2630
- @-webkit-keyframes slideInRight {
2631
- from {
2632
- -webkit-transform: translate3d(100%, 0, 0);
2633
- transform: translate3d(100%, 0, 0);
2634
- visibility: visible
2635
- }
2636
- to {
2637
- -webkit-transform: translate3d(0, 0, 0);
2638
- transform: translate3d(0, 0, 0)
2639
- }
2640
- }
2641
- @keyframes slideInRight {
2642
- from {
2643
- -webkit-transform: translate3d(100%, 0, 0);
2644
- transform: translate3d(100%, 0, 0);
2645
- visibility: visible
2646
- }
2647
- to {
2648
- -webkit-transform: translate3d(0, 0, 0);
2649
- transform: translate3d(0, 0, 0)
2650
- }
2651
- }
2652
- .slideInRight {
2653
- -webkit-animation-name: slideInRight;
2654
- animation-name: slideInRight
2655
- }
2656
- @-webkit-keyframes slideInUp {
2657
- from {
2658
- -webkit-transform: translate3d(0, 100%, 0);
2659
- transform: translate3d(0, 100%, 0);
2660
- visibility: visible
2661
- }
2662
- to {
2663
- -webkit-transform: translate3d(0, 0, 0);
2664
- transform: translate3d(0, 0, 0)
2665
- }
2666
- }
2667
- @keyframes slideInUp {
2668
- from {
2669
- -webkit-transform: translate3d(0, 100%, 0);
2670
- transform: translate3d(0, 100%, 0);
2671
- visibility: visible
2672
- }
2673
- to {
2674
- -webkit-transform: translate3d(0, 0, 0);
2675
- transform: translate3d(0, 0, 0)
2676
- }
2677
- }
2678
- .ycd-slideInUp {
2679
- -webkit-animation-name: slideInUp;
2680
- animation-name: slideInUp
2681
- }
2682
- @-webkit-keyframes slideOutDown {
2683
- from {
2684
- -webkit-transform: translate3d(0, 0, 0);
2685
- transform: translate3d(0, 0, 0)
2686
- }
2687
- to {
2688
- visibility: hidden;
2689
- -webkit-transform: translate3d(0, 100%, 0);
2690
- transform: translate3d(0, 100%, 0)
2691
- }
2692
- }
2693
- @keyframes slideOutDown {
2694
- from {
2695
- -webkit-transform: translate3d(0, 0, 0);
2696
- transform: translate3d(0, 0, 0)
2697
- }
2698
- to {
2699
- visibility: hidden;
2700
- -webkit-transform: translate3d(0, 100%, 0);
2701
- transform: translate3d(0, 100%, 0)
2702
- }
2703
- }
2704
- .ycd-slideOutDown {
2705
- -webkit-animation-name: slideOutDown;
2706
- animation-name: slideOutDown
2707
- }
2708
- @-webkit-keyframes slideOutLeft {
2709
- from {
2710
- -webkit-transform: translate3d(0, 0, 0);
2711
- transform: translate3d(0, 0, 0)
2712
- }
2713
- to {
2714
- visibility: hidden;
2715
- -webkit-transform: translate3d(-100%, 0, 0);
2716
- transform: translate3d(-100%, 0, 0)
2717
- }
2718
- }
2719
- @keyframes slideOutLeft {
2720
- from {
2721
- -webkit-transform: translate3d(0, 0, 0);
2722
- transform: translate3d(0, 0, 0)
2723
- }
2724
- to {
2725
- visibility: hidden;
2726
- -webkit-transform: translate3d(-100%, 0, 0);
2727
- transform: translate3d(-100%, 0, 0)
2728
- }
2729
- }
2730
- .slideOutLeft {
2731
- -webkit-animation-name: slideOutLeft;
2732
- animation-name: slideOutLeft
2733
- }
2734
- @-webkit-keyframes slideOutRight {
2735
- from {
2736
- -webkit-transform: translate3d(0, 0, 0);
2737
- transform: translate3d(0, 0, 0)
2738
- }
2739
- to {
2740
- visibility: hidden;
2741
- -webkit-transform: translate3d(100%, 0, 0);
2742
- transform: translate3d(100%, 0, 0)
2743
- }
2744
- }
2745
- @keyframes slideOutRight {
2746
- from {
2747
- -webkit-transform: translate3d(0, 0, 0);
2748
- transform: translate3d(0, 0, 0)
2749
- }
2750
- to {
2751
- visibility: hidden;
2752
- -webkit-transform: translate3d(100%, 0, 0);
2753
- transform: translate3d(100%, 0, 0)
2754
- }
2755
- }
2756
- .slideOutRight {
2757
- -webkit-animation-name: slideOutRight;
2758
- animation-name: slideOutRight
2759
- }
2760
- @-webkit-keyframes slideOutUp {
2761
- from {
2762
- -webkit-transform: translate3d(0, 0, 0);
2763
- transform: translate3d(0, 0, 0)
2764
- }
2765
- to {
2766
- visibility: hidden;
2767
- -webkit-transform: translate3d(0, -100%, 0);
2768
- transform: translate3d(0, -100%, 0)
2769
- }
2770
- }
2771
- @keyframes slideOutUp {
2772
- from {
2773
- -webkit-transform: translate3d(0, 0, 0);
2774
- transform: translate3d(0, 0, 0)
2775
- }
2776
- to {
2777
- visibility: hidden;
2778
- -webkit-transform: translate3d(0, -100%, 0);
2779
- transform: translate3d(0, -100%, 0)
2780
- }
2781
- }
2782
- .ycd-slideOutUp {
2783
- -webkit-animation-name: slideOutUp;
2784
- animation-name: slideOutUp
2785
  }
1
+ .ycd-circle-video {
2
+ position: absolute !important;
3
+ top: 0 !important;
4
+ left: 0 !important;
5
+ display: block !important;
6
+ transform-origin: top left;
7
+ }
8
+
9
+ .ycd-countdown-wrapper {
10
+ position: relative;
11
+ }
12
+
13
+ .ycd-circle-after-countdown,
14
+ .ycd-circle-before-countdown {
15
+ position: relative;
16
+ z-index: 999999;
17
+ }
18
+
19
+ .ycd-time-circle {
20
+ transform-origin: top left;
21
+ }
22
+
23
+ .time_circles>div>h4,.time_circles>div>span{margin:0;padding:0;text-align:center;font-family:'Century Gothic',Arial;line-height:1}.time_circles{position:relative;width:100%;height:100%}.time_circles>div{position:absolute;text-align:center}.time_circles>div>h4{text-transform:uppercase}.time_circles>div>span{display:block;width:100%;font-weight:700}
24
+
25
+ /*!
26
+ Animate.css - http://daneden.me/animate
27
+ Licensed under the MIT license - http://opensource.org/licenses/MIT
28
+
29
+ Copyright (c) 2015 Daniel Eden
30
+ */
31
+
32
+ .ycd-animated {
33
+ -webkit-animation-duration: 1s;
34
+ animation-duration: 1s;
35
+ -webkit-animation-fill-mode: none;
36
+ animation-fill-mode: none;
37
+ }
38
+ .ycd-animated.infinite {
39
+ -webkit-animation-iteration-count: infinite;
40
+ animation-iteration-count: infinite
41
+ }
42
+ .ycd-animated.hinge {
43
+ -webkit-animation-duration: 2s;
44
+ animation-duration: 2s
45
+ }
46
+ .ycd-animated.bounceIn,
47
+ .ycd-animated.bounceOut,
48
+ .ycd-animated.flipOutX,
49
+ .ycd-animated.flipOutY {
50
+ -webkit-animation-duration: .75s;
51
+ animation-duration: .75s
52
+ }
53
+ @-webkit-keyframes bounce {
54
+ 20%, 53%, 80%, from, to {
55
+ -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
56
+ animation-timing-function: cubic-bezier(.215, .61, .355, 1);
57
+ -webkit-transform: translate3d(0, 0, 0);
58
+ transform: translate3d(0, 0, 0)
59
+ }
60
+ 40%,
61
+ 43% {
62
+ -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
63
+ animation-timing-function: cubic-bezier(.755, .050, .855, .060);
64
+ -webkit-transform: translate3d(0, -30px, 0);
65
+ transform: translate3d(0, -30px, 0)
66
+ }
67
+ 70% {
68
+ -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
69
+ animation-timing-function: cubic-bezier(.755, .050, .855, .060);
70
+ -webkit-transform: translate3d(0, -15px, 0);
71
+ transform: translate3d(0, -15px, 0)
72
+ }
73
+ 90% {
74
+ -webkit-transform: translate3d(0, -4px, 0);
75
+ transform: translate3d(0, -4px, 0)
76
+ }
77
+ }
78
+ @keyframes bounce {
79
+ 20%, 53%, 80%, from, to {
80
+ -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
81
+ animation-timing-function: cubic-bezier(.215, .61, .355, 1);
82
+ -webkit-transform: translate3d(0, 0, 0);
83
+ transform: translate3d(0, 0, 0)
84
+ }
85
+ 40%,
86
+ 43% {
87
+ -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
88
+ animation-timing-function: cubic-bezier(.755, .050, .855, .060);
89
+ -webkit-transform: translate3d(0, -30px, 0);
90
+ transform: translate3d(0, -30px, 0)
91
+ }
92
+ 70% {
93
+ -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
94
+ animation-timing-function: cubic-bezier(.755, .050, .855, .060);
95
+ -webkit-transform: translate3d(0, -15px, 0);
96
+ transform: translate3d(0, -15px, 0)
97
+ }
98
+ 90% {
99
+ -webkit-transform: translate3d(0, -4px, 0);
100
+ transform: translate3d(0, -4px, 0)
101
+ }
102
+ }
103
+ .ycd-bounce {
104
+ -webkit-animation-name: bounce;
105
+ animation-name: bounce;
106
+ -webkit-transform-origin: center bottom;
107
+ transform-origin: center bottom
108
+ }
109
+ @-webkit-keyframes flash {
110
+ 50%, from, to {
111
+ opacity: 1
112
+ }
113
+ 25%,
114
+ 75% {
115
+ opacity: 0
116
+ }
117
+ }
118
+ @keyframes flash {
119
+ 50%, from, to {
120
+ opacity: 1
121
+ }
122
+ 25%,
123
+ 75% {
124
+ opacity: 0
125
+ }
126
+ }
127
+ .ycd-flash {
128
+ -webkit-animation-name: flash;
129
+ animation-name: flash
130
+ }
131
+ @-webkit-keyframes pulse {
132
+ from, to {
133
+ -webkit-transform: scale3d(1, 1, 1);
134
+ transform: scale3d(1, 1, 1)
135
+ }
136
+ 50% {
137
+ -webkit-transform: scale3d(1.05, 1.05, 1.05);
138
+ transform: scale3d(1.05, 1.05, 1.05)
139
+ }
140
+ }
141
+ @keyframes pulse {
142
+ from, to {
143
+ -webkit-transform: scale3d(1, 1, 1);
144
+ transform: scale3d(1, 1, 1)
145
+ }
146
+ 50% {
147
+ -webkit-transform: scale3d(1.05, 1.05, 1.05);
148
+ transform: scale3d(1.05, 1.05, 1.05)
149
+ }
150
+ }
151
+ .ycd-pulse {
152
+ -webkit-animation-name: pulse;
153
+ animation-name: pulse
154
+ }
155
+ @-webkit-keyframes rubberBand {
156
+ from, to {
157
+ -webkit-transform: scale3d(1, 1, 1);
158
+ transform: scale3d(1, 1, 1)
159
+ }
160
+ 30% {
161
+ -webkit-transform: scale3d(1.25, .75, 1);
162
+ transform: scale3d(1.25, .75, 1)
163
+ }
164
+ 40% {
165
+ -webkit-transform: scale3d(.75, 1.25, 1);
166
+ transform: scale3d(.75, 1.25, 1)
167
+ }
168
+ 50% {
169
+ -webkit-transform: scale3d(1.15, .85, 1);
170
+ transform: scale3d(1.15, .85, 1)
171
+ }
172
+ 65% {
173
+ -webkit-transform: scale3d(.95, 1.05, 1);
174
+ transform: scale3d(.95, 1.05, 1)
175
+ }
176
+ 75% {
177
+ -webkit-transform: scale3d(1.05, .95, 1);
178
+ transform: scale3d(1.05, .95, 1)
179
+ }
180
+ }
181
+ @keyframes rubberBand {
182
+ from, to {
183
+ -webkit-transform: scale3d(1, 1, 1);
184
+ transform: scale3d(1, 1, 1)
185
+ }
186
+ 30% {
187
+ -webkit-transform: scale3d(1.25, .75, 1);
188
+ transform: scale3d(1.25, .75, 1)
189
+ }
190
+ 40% {
191
+ -webkit-transform: scale3d(.75, 1.25, 1);
192
+ transform: scale3d(.75, 1.25, 1)
193
+ }
194
+ 50% {
195
+ -webkit-transform: scale3d(1.15, .85, 1);
196
+ transform: scale3d(1.15, .85, 1)
197
+ }
198
+ 65% {
199
+ -webkit-transform: scale3d(.95, 1.05, 1);
200
+ transform: scale3d(.95, 1.05, 1)
201
+ }
202
+ 75% {
203
+ -webkit-transform: scale3d(1.05, .95, 1);
204
+ transform: scale3d(1.05, .95, 1)
205
+ }
206
+ }
207
+ .ycd-rubberBand {
208
+ -webkit-animation-name: rubberBand;
209
+ animation-name: rubberBand
210
+ }
211
+ @-webkit-keyframes shake {
212
+ from, to {
213
+ -webkit-transform: translate3d(0, 0, 0);
214
+ transform: translate3d(0, 0, 0)
215
+ }
216
+ 10%,
217
+ 30%,
218
+ 50%,
219
+ 70%,
220
+ 90% {
221
+ -webkit-transform: translate3d(-10px, 0, 0);
222
+ transform: translate3d(-10px, 0, 0)
223
+ }
224
+ 20%,
225
+ 40%,
226
+ 60%,
227
+ 80% {
228
+ -webkit-transform: translate3d(10px, 0, 0);
229
+ transform: translate3d(10px, 0, 0)
230
+ }
231
+ }
232
+ @keyframes shake {
233
+ from, to {
234
+ -webkit-transform: translate3d(0, 0, 0);
235
+ transform: translate3d(0, 0, 0)
236
+ }
237
+ 10%,
238
+ 30%,
239
+ 50%,
240
+ 70%,
241
+ 90% {
242
+ -webkit-transform: translate3d(-10px, 0, 0);
243
+ transform: translate3d(-10px, 0, 0)
244
+ }
245
+ 20%,
246
+ 40%,
247
+ 60%,
248
+ 80% {
249
+ -webkit-transform: translate3d(10px, 0, 0);
250
+ transform: translate3d(10px, 0, 0)
251
+ }
252
+ }
253
+ .ycd-shake {
254
+ -webkit-animation-name: shake;
255
+ animation-name: shake
256
+ }
257
+ @-webkit-keyframes swing {
258
+ 20% {
259
+ -webkit-transform: rotate3d(0, 0, 1, 15deg);
260
+ transform: rotate3d(0, 0, 1, 15deg)
261
+ }
262
+ 40% {
263
+ -webkit-transform: rotate3d(0, 0, 1, -10deg);
264
+ transform: rotate3d(0, 0, 1, -10deg)
265
+ }
266
+ 60% {
267
+ -webkit-transform: rotate3d(0, 0, 1, 5deg);
268
+ transform: rotate3d(0, 0, 1, 5deg)
269
+ }
270
+ 80% {
271
+ -webkit-transform: rotate3d(0, 0, 1, -5deg);
272
+ transform: rotate3d(0, 0, 1, -5deg)
273
+ }
274
+ to {
275
+ -webkit-transform: rotate3d(0, 0, 1, 0deg);
276
+ transform: rotate3d(0, 0, 1, 0deg)
277
+ }
278
+ }
279
+ @keyframes swing {
280
+ 20% {
281
+ -webkit-transform: rotate3d(0, 0, 1, 15deg);
282
+ transform: rotate3d(0, 0, 1, 15deg)
283
+ }
284
+ 40% {
285
+ -webkit-transform: rotate3d(0, 0, 1, -10deg);
286
+ transform: rotate3d(0, 0, 1, -10deg)
287
+ }
288
+ 60% {
289
+ -webkit-transform: rotate3d(0, 0, 1, 5deg);
290
+ transform: rotate3d(0, 0, 1, 5deg)
291
+ }
292
+ 80% {
293
+ -webkit-transform: rotate3d(0, 0, 1, -5deg);
294
+ transform: rotate3d(0, 0, 1, -5deg)
295
+ }
296
+ to {
297
+ -webkit-transform: rotate3d(0, 0, 1, 0deg);
298
+ transform: rotate3d(0, 0, 1, 0deg)
299
+ }
300
+ }
301
+ .ycd-swing {
302
+ -webkit-transform-origin: top center;
303
+ transform-origin: top center;
304
+ -webkit-animation-name: swing;
305
+ animation-name: swing
306
+ }
307
+ @-webkit-keyframes tada {
308
+ from, to {
309
+ -webkit-transform: scale3d(1, 1, 1);
310
+ transform: scale3d(1, 1, 1)
311
+ }
312
+ 10%,
313
+ 20% {
314
+ -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
315
+ transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
316
+ }
317
+ 30%,
318
+ 50%,
319
+ 70%,
320
+ 90% {
321
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
322
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
323
+ }
324
+ 40%,
325
+ 60%,
326
+ 80% {
327
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
328
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
329
+ }
330
+ }
331
+ @keyframes tada {
332
+ from, to {
333
+ -webkit-transform: scale3d(1, 1, 1);
334
+ transform: scale3d(1, 1, 1)
335
+ }
336
+ 10%,
337
+ 20% {
338
+ -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
339
+ transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
340
+ }
341
+ 30%,
342
+ 50%,
343
+ 70%,
344
+ 90% {
345
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
346
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
347
+ }
348
+ 40%,
349
+ 60%,
350
+ 80% {
351
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
352
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
353
+ }
354
+ }
355
+ .ycd-tada {
356
+ -webkit-animation-name: tada;
357
+ animation-name: tada
358
+ }
359
+ @-webkit-keyframes wobble {
360
+ from, to {
361
+ -webkit-transform: none;
362
+ transform: none
363
+ }
364
+ 15% {
365
+ -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
366
+ transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
367
+ }
368
+ 30% {
369
+ -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
370
+ transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
371
+ }
372
+ 45% {
373
+ -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
374
+ transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
375
+ }
376
+ 60% {
377
+ -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
378
+ transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
379
+ }
380
+ 75% {
381
+ -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
382
+ transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
383
+ }
384
+ }
385
+ @keyframes wobble {
386
+ from, to {
387
+ -webkit-transform: none;
388
+ transform: none
389
+ }
390
+ 15% {
391
+ -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
392
+ transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
393
+ }
394
+ 30% {
395
+ -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
396
+ transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
397
+ }
398
+ 45% {
399
+ -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
400
+ transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
401
+ }
402
+ 60% {
403
+ -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
404
+ transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
405
+ }
406
+ 75% {
407
+ -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
408
+ transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
409
+ }
410
+ }
411
+ .ycd-wobble {
412
+ -webkit-animation-name: wobble;
413
+ animation-name: wobble
414
+ }
415
+ @-webkit-keyframes jello {
416
+ 11.1%, from, to {
417
+ -webkit-transform: none;
418
+ transform: none
419
+ }
420
+ 22.2% {
421
+ -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
422
+ transform: skewX(-12.5deg) skewY(-12.5deg)
423
+ }
424
+ 33.3% {
425
+ -webkit-transform: skewX(6.25deg) skewY(6.25deg);
426
+ transform: skewX(6.25deg) skewY(6.25deg)
427
+ }
428
+ 44.4% {
429
+ -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
430
+ transform: skewX(-3.125deg) skewY(-3.125deg)
431
+ }
432
+ 55.5% {
433
+ -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
434
+ transform: skewX(1.5625deg) skewY(1.5625deg)
435
+ }
436
+ 66.6% {
437
+ -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
438
+ transform: skewX(-.78125deg) skewY(-.78125deg)
439
+ }
440
+ 77.7% {
441
+ -webkit-transform: skewX(.390625deg) skewY(.390625deg);
442
+ transform: skewX(.390625deg) skewY(.390625deg)
443
+ }
444
+ 88.8% {
445
+ -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
446
+ transform: skewX(-.1953125deg) skewY(-.1953125deg)
447
+ }
448
+ }
449
+ @keyframes jello {
450
+ 11.1%, from, to {
451
+ -webkit-transform: none;
452
+ transform: none
453
+ }
454
+ 22.2% {
455
+ -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
456
+ transform: skewX(-12.5deg) skewY(-12.5deg)
457
+ }
458
+ 33.3% {
459
+ -webkit-transform: skewX(6.25deg) skewY(6.25deg);
460
+ transform: skewX(6.25deg) skewY(6.25deg)
461
+ }
462
+ 44.4% {
463
+ -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
464
+ transform: skewX(-3.125deg) skewY(-3.125deg)
465
+ }
466
+ 55.5% {
467
+ -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
468
+ transform: skewX(1.5625deg) skewY(1.5625deg)
469
+ }
470
+ 66.6% {
471
+ -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
472
+ transform: skewX(-.78125deg) skewY(-.78125deg)
473
+ }
474
+ 77.7% {
475
+ -webkit-transform: skewX(.390625deg) skewY(.390625deg);
476
+ transform: skewX(.390625deg) skewY(.390625deg)
477
+ }
478
+ 88.8% {
479
+ -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
480
+ transform: skewX(-.1953125deg) skewY(-.1953125deg)
481
+ }
482
+ }
483
+ .ycd-jello {
484
+ -webkit-animation-name: jello;
485
+ animation-name: jello;
486
+ -webkit-transform-origin: center;
487
+ transform-origin: center
488
+ }
489
+ @-webkit-keyframes bounceIn {
490
+ 20%, 40%, 60%, 80%, from, to {
491
+ -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
492
+ animation-timing-function: cubic-bezier(.215, .61, .355, 1)
493
+ }
494
+ 0% {
495
+ opacity: 0;
496
+ -webkit-transform: scale3d(.3, .3, .3);
497
+ transform: scale3d(.3, .3, .3)
498
+ }
499
+ 20% {
500
+ -webkit-transform: scale3d(1.1, 1.1, 1.1);
501
+ transform: scale3d(1.1, 1.1, 1.1)
502
+ }
503
+ 40% {
504
+ -webkit-transform: scale3d(.9, .9, .9);
505
+ transform: scale3d(.9, .9, .9)
506
+ }
507
+ 60% {
508
+ opacity: 1;
509
+ -webkit-transform: scale3d(1.03, 1.03, 1.03);
510
+ transform: scale3d(1.03, 1.03, 1.03)
511
+ }
512
+ 80% {
513
+ -webkit-transform: scale3d(.97, .97, .97);
514
+ transform: scale3d(.97, .97, .97)
515
+ }
516
+ to {
517
+ opacity: 1;
518
+ -webkit-transform: scale3d(1, 1, 1);
519
+ transform: scale3d(1, 1, 1)
520
+ }
521
+ }
522
+ @keyframes bounceIn {
523
+ 20%, 40%, 60%, 80%, from, to {
524
+ -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
525
+ animation-timing-function: cubic-bezier(.215, .61, .355, 1)
526
+ }
527
+ 0% {
528
+ opacity: 0;
529
+ -webkit-transform: scale3d(.3, .3, .3);
530
+ transform: scale3d(.3, .3, .3)
531
+ }
532
+ 20% {
533
+ -webkit-transform: scale3d(1.1, 1.1, 1.1);
534
+ transform: scale3d(1.1, 1.1, 1.1)
535
+ }
536
+ 40% {
537
+ -webkit-transform: scale3d(.9, .9, .9);
538
+ transform: scale3d(.9, .9, .9)
539
+ }
540
+ 60% {
541
+ opacity: 1;
542
+ -webkit-transform: scale3d(1.03, 1.03, 1.03);
543
+ transform: scale3d(1.03, 1.03, 1.03)
544
+ }
545
+ 80% {
546
+ -webkit-transform: scale3d(.97, .97, .97);
547
+ transform: scale3d(.97, .97, .97)
548
+ }
549
+ to {
550
+ opacity: 1;
551
+ -webkit-transform: scale3d(1, 1, 1);
552
+ transform: scale3d(1, 1, 1)
553
+ }
554
+ }
555
+ .ycd-bounceIn {
556
+ -webkit-animation-name: bounceIn;
557
+ animation-name: bounceIn
558
+ }
559
+ @-webkit-keyframes bounceInDown {
560
+ 60%, 75%, 90%, from, to {
561
+ -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
562
+ animation-timing-function: cubic-bezier(.215, .61, .355, 1)
563
+ }
564
+ 0% {
565
+ opacity: 0;
566
+ -webkit-transform: translate3d(0, -3000px, 0);
567
+ transform: translate3d(0, -3000px, 0)
568
+ }
569
+ 60% {
570
+ opacity: 1;
571
+ -webkit-transform: translate3d(0, 25px, 0);
572
+ transform: translate3d(0, 25px, 0)
573
+ }
574
+ 75% {
575
+ -webkit-transform: translate3d(0, -10px, 0);
576
+ transform: translate3d(0, -10px, 0)
577
+ }
578
+ 90% {
579
+ -webkit-transform: translate3d(0, 5px, 0);
580
+ transform: translate3d(0, 5px, 0)
581
+ }
582
+ to {
583
+ -webkit-transform: none;
584
+ transform: none
585
+ }
586
+ }
587
+ @keyframes bounceInDown {
588
+ 60%, 75%, 90%, from, to {
589
+ -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
590
+ animation-timing-function: cubic-bezier(.215, .61, .355, 1)
591
+ }
592
+ 0% {
593
+ opacity: 0;
594
+ -webkit-transform: translate3d(0, -3000px, 0);
595
+ transform: translate3d(0, -3000px, 0)
596
+ }
597
+ 60% {
598
+ opacity: 1;
599
+ -webkit-transform: translate3d(0, 25px, 0);
600
+ transform: translate3d(0, 25px, 0)
601
+ }
602
+ 75% {
603
+ -webkit-transform: translate3d(0, -10px, 0);
604
+ transform: translate3d(0, -10px, 0)
605
+ }
606
+ 90% {
607
+ -webkit-transform: translate3d(0, 5px, 0);
608
+ transform: translate3d(0, 5px, 0)
609
+ }
610
+ to {
611
+ -webkit-transform: none;
612
+ transform: none
613
+ }
614
+ }
615
+ .bounceInDown {
616
+ -webkit-animation-name: bounceInDown;
617
+ animation-name: bounceInDown
618
+ }
619
+ @-webkit-keyframes bounceInLeft {
620
+ 60%, 75%, 90%, from, to {
621
+ -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
622
+ animation-timing-function: cubic-bezier(.215, .61, .355, 1)
623
+ }
624
+ 0% {
625
+ opacity: 0;
626
+ -webkit-transform: translate3d(-3000px, 0, 0);
627
+ transform: translate3d(-3000px, 0, 0)
628
+ }
629
+ 60% {
630
+ opacity: 1;
631
+ -webkit-transform: translate3d(25px, 0, 0);
632
+ transform: translate3d(25px, 0, 0)
633
+ }
634
+ 75% {
635
+ -webkit-transform: translate3d(-10px, 0, 0);
636
+ transform: translate3d(-10px, 0, 0)
637
+ }
638
+ 90% {
639
+ -webkit-transform: translate3d(5px, 0, 0);
640
+ transform: translate3d(5px, 0, 0)
641
+ }
642
+ to {
643
+ -webkit-transform: none;
644
+ transform: none
645
+ }
646
+ }
647
+ @keyframes bounceInLeft {
648
+ 60%, 75%, 90%, from, to {
649
+ -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
650
+ animation-timing-function: cubic-bezier(.215, .61, .355, 1)
651
+ }
652
+ 0% {
653
+ opacity: 0;
654
+ -webkit-transform: translate3d(-3000px, 0, 0);
655
+ transform: translate3d(-3000px, 0, 0)
656
+ }
657
+ 60% {
658
+ opacity: 1;
659
+ -webkit-transform: translate3d(25px, 0, 0);
660
+ transform: translate3d(25px, 0, 0)
661
+ }
662
+ 75% {
663
+ -webkit-transform: translate3d(-10px, 0, 0);
664
+ transform: translate3d(-10px, 0, 0)
665
+ }
666
+ 90% {
667
+ -webkit-transform: translate3d(5px, 0, 0);
668
+ transform: translate3d(5px, 0, 0)
669
+ }
670
+ to {
671
+ -webkit-transform: none;
672
+ transform: none
673
+ }
674
+ }
675
+ .ycd-bounceInLeft {
676
+ -webkit-animation-name: bounceInLeft;
677
+ animation-name: bounceInLeft
678
+ }
679
+ @-webkit-keyframes bounceInRight {
680
+ 60%, 75%, 90%, from, to {
681
+ -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
682
+ animation-timing-function: cubic-bezier(.215, .61, .355, 1)
683
+ }
684
+ from {
685
+ opacity: 0;
686
+ -webkit-transform: translate3d(3000px, 0, 0);
687
+ transform: translate3d(3000px, 0, 0)
688
+ }
689
+ 60% {
690
+ opacity: 1;
691
+ -webkit-transform: translate3d(-25px, 0, 0);
692
+ transform: translate3d(-25px, 0, 0)
693
+ }
694
+ 75% {
695
+ -webkit-transform: translate3d(10px, 0, 0);
696
+ transform: translate3d(10px, 0, 0)
697
+ }
698
+ 90% {
699
+ -webkit-transform: translate3d(-5px, 0, 0);
700
+ transform: translate3d(-5px, 0, 0)
701
+ }
702
+ to {
703
+ -webkit-transform: none;
704
+ transform: none
705
+ }
706
+ }
707
+ @keyframes bounceInRight {
708
+ 60%, 75%, 90%, from, to {
709
+ -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
710
+ animation-timing-function: cubic-bezier(.215, .61, .355, 1)
711
+ }
712
+ from {
713
+ opacity: 0;
714
+ -webkit-transform: translate3d(3000px, 0, 0);
715
+ transform: translate3d(3000px, 0, 0)
716
+ }
717
+ 60% {
718
+ opacity: 1;
719
+ -webkit-transform: translate3d(-25px, 0, 0);
720
+ transform: translate3d(-25px, 0, 0)
721
+ }
722
+ 75% {
723
+ -webkit-transform: translate3d(10px, 0, 0);
724
+ transform: translate3d(10px, 0, 0)
725
+ }
726
+ 90% {
727
+ -webkit-transform: translate3d(-5px, 0, 0);
728
+ transform: translate3d(-5px, 0, 0)
729
+ }
730
+ to {
731
+ -webkit-transform: none;
732
+ transform: none
733
+ }
734
+ }
735
+ .ycd-bounceInRight {
736
+ -webkit-animation-name: bounceInRight;
737
+ animation-name: bounceInRight
738
+ }
739
+ @-webkit-keyframes bounceInUp {
740
+ 60%, 75%, 90%, from, to {
741
+ -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
742
+ animation-timing-function: cubic-bezier(.215, .61, .355, 1)
743
+ }
744
+ from {
745
+ opacity: 0;
746
+ -webkit-transform: translate3d(0, 3000px, 0);
747
+ transform: translate3d(0, 3000px, 0)
748
+ }
749
+ 60% {
750
+ opacity: 1;
751
+ -webkit-transform: translate3d(0, -20px, 0);
752
+ transform: translate3d(0, -20px, 0)
753
+ }
754
+ 75% {
755
+ -webkit-transform: translate3d(0, 10px, 0);
756
+ transform: translate3d(0, 10px, 0)
757
+ }
758
+ 90% {
759
+ -webkit-transform: translate3d(0, -5px, 0);
760
+ transform: translate3d(0, -5px, 0)
761
+ }
762
+ to {
763
+ -webkit-transform: translate3d(0, 0, 0);
764
+ transform: translate3d(0, 0, 0)
765
+ }
766
+ }
767
+ @keyframes bounceInUp {
768
+ 60%, 75%, 90%, from, to {
769
+ -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
770
+ animation-timing-function: cubic-bezier(.215, .61, .355, 1)
771
+ }
772
+ from {
773
+ opacity: 0;
774
+ -webkit-transform: translate3d(0, 3000px, 0);
775
+ transform: translate3d(0, 3000px, 0)
776
+ }
777
+ 60% {
778
+ opacity: 1;
779
+ -webkit-transform: translate3d(0, -20px, 0);
780
+ transform: translate3d(0, -20px, 0)
781
+ }
782
+ 75% {
783
+ -webkit-transform: translate3d(0, 10px, 0);
784
+ transform: translate3d(0, 10px, 0)
785
+ }
786
+ 90% {
787
+ -webkit-transform: translate3d(0, -5px, 0);
788
+ transform: translate3d(0, -5px, 0)
789
+ }
790
+ to {
791
+ -webkit-transform: translate3d(0, 0, 0);
792
+ transform: translate3d(0, 0, 0)
793
+ }
794
+ }
795
+ .ycd-bounceInUp {
796
+ -webkit-animation-name: bounceInUp;
797
+ animation-name: bounceInUp
798
+ }
799
+
800
+ @-webkit-keyframes bounceOut {
801
+ 20% {
802
+ -webkit-transform: scale3d(.9, .9, .9);
803
+ transform: scale3d(.9, .9, .9)
804
+ }
805
+ 50%,
806
+ 55% {
807
+ opacity: 1;
808
+ -webkit-transform: scale3d(1.1, 1.1, 1.1);
809
+ transform: scale3d(1.1, 1.1, 1.1)
810
+ }
811
+ to {
812
+ opacity: 0;
813
+ -webkit-transform: scale3d(.3, .3, .3);
814
+ transform: scale3d(.3, .3, .3)
815
+ }
816
+ }
817
+ @keyframes bounceOut {
818
+ 20% {
819
+ -webkit-transform: scale3d(.9, .9, .9);
820
+ transform: scale3d(.9, .9, .9)
821
+ }
822
+ 50%,
823
+ 55% {
824
+ opacity: 1;
825
+ -webkit-transform: scale3d(1.1, 1.1, 1.1);
826
+ transform: scale3d(1.1, 1.1, 1.1)
827
+ }
828
+ to {
829
+ opacity: 0;
830
+ -webkit-transform: scale3d(.3, .3, .3);
831
+ transform: scale3d(.3, .3, .3)
832
+ }
833
+ }
834
+ .ycd-bounceOut {
835
+ -webkit-animation-name: bounceOut;
836
+ animation-name: bounceOut
837
+ }
838
+ @-webkit-keyframes bounceOutDown {
839
+ 20% {
840
+ -webkit-transform: translate3d(0, 10px, 0);
841
+ transform: translate3d(0, 10px, 0)
842
+ }
843
+ 40%,
844
+ 45% {
845
+ opacity: 1;
846
+ -webkit-transform: translate3d(0, -20px, 0);
847
+ transform: translate3d(0, -20px, 0)
848
+ }
849
+ to {
850
+ opacity: 0;
851
+ -webkit-transform: translate3d(0, 2000px, 0);
852
+ transform: translate3d(0, 2000px, 0)
853
+ }
854
+ }
855
+ @keyframes bounceOutDown {
856
+ 20% {
857
+ -webkit-transform: translate3d(0, 10px, 0);
858
+ transform: translate3d(0, 10px, 0)
859
+ }
860
+ 40%,
861
+ 45% {
862
+ opacity: 1;
863
+ -webkit-transform: translate3d(0, -20px, 0);
864
+ transform: translate3d(0, -20px, 0)
865
+ }
866
+ to {
867
+ opacity: 0;
868
+ -webkit-transform: translate3d(0, 2000px, 0);
869
+ transform: translate3d(0, 2000px, 0)
870
+ }
871
+ }
872
+ .bounceOutDown {
873
+ -webkit-animation-name: bounceOutDown;
874
+ animation-name: bounceOutDown
875
+ }
876
+ @-webkit-keyframes bounceOutLeft {
877
+ 20% {
878
+ opacity: 1;
879
+ -webkit-transform: translate3d(20px, 0, 0);
880
+ transform: translate3d(20px, 0, 0)
881
+ }
882
+ to {
883
+ opacity: 0;
884
+ -webkit-transform: translate3d(-2000px, 0, 0);
885
+ transform: translate3d(-2000px, 0, 0)
886
+ }
887
+ }
888
+ @keyframes bounceOutLeft {
889
+ 20% {
890
+ opacity: 1;
891
+ -webkit-transform: translate3d(20px, 0, 0);
892
+ transform: translate3d(20px, 0, 0)
893
+ }
894
+ to {
895
+ opacity: 0;
896
+ -webkit-transform: translate3d(-2000px, 0, 0);
897
+ transform: translate3d(-2000px, 0, 0)
898
+ }
899
+ }
900
+ .ycd-bounceOutLeft {
901
+ -webkit-animation-name: bounceOutLeft;
902
+ animation-name: bounceOutLeft
903
+ }
904
+ @-webkit-keyframes bounceOutRight {
905
+ 20% {
906
+ opacity: 1;
907
+ -webkit-transform: translate3d(-20px, 0, 0);
908
+ transform: translate3d(-20px, 0, 0)
909
+ }
910
+ to {
911
+ opacity: 0;
912
+ -webkit-transform: translate3d(2000px, 0, 0);
913
+ transform: translate3d(2000px, 0, 0)
914
+ }
915
+ }
916
+ @keyframes bounceOutRight {
917
+ 20% {
918
+ opacity: 1;
919
+ -webkit-transform: translate3d(-20px, 0, 0);
920
+ transform: translate3d(-20px, 0, 0)
921
+ }
922
+ to {
923
+ opacity: 0;
924
+ -webkit-transform: translate3d(2000px, 0, 0);
925
+ transform: translate3d(2000px, 0, 0)
926
+ }
927
+ }
928
+ .bounceOutRight {
929
+ -webkit-animation-name: bounceOutRight;
930
+ animation-name: bounceOutRight
931
+ }
932
+ @-webkit-keyframes bounceOutUp {
933
+ 20% {
934
+ -webkit-transform: translate3d(0, -10px, 0);
935
+ transform: translate3d(0, -10px, 0)
936
+ }
937
+ 40%,
938
+ 45% {
939
+ opacity: 1;
940
+ -webkit-transform: translate3d(0, 20px, 0);
941
+ transform: translate3d(0, 20px, 0)
942
+ }
943
+ to {
944
+ opacity: 0;
945
+ -webkit-transform: translate3d(0, -2000px, 0);
946
+ transform: translate3d(0, -2000px, 0)
947
+ }
948
+ }
949
+ @keyframes bounceOutUp {
950
+ 20% {
951
+ -webkit-transform: translate3d(0, -10px, 0);
952
+ transform: translate3d(0, -10px, 0)
953
+ }
954
+ 40%,
955
+ 45% {
956
+ opacity: 1;
957
+ -webkit-transform: translate3d(0, 20px, 0);
958
+ transform: translate3d(0, 20px, 0)
959
+ }
960
+ to {
961
+ opacity: 0;
962
+ -webkit-transform: translate3d(0, -2000px, 0);
963
+ transform: translate3d(0, -2000px, 0)
964
+ }
965
+ }
966
+ .bounceOutUp {
967
+ -webkit-animation-name: bounceOutUp;
968
+ animation-name: bounceOutUp
969
+ }
970
+ @-webkit-keyframes fadeIn {
971
+ from {
972
+ opacity: 0
973
+ }
974
+ to {
975
+ opacity: 1
976
+ }
977
+ }
978
+ @keyframes fadeIn {
979
+ from {
980
+ opacity: 0
981
+ }
982
+ to {
983
+ opacity: 1
984
+ }
985
+ }
986
+ .ycd-fadeIn {
987
+ -webkit-animation-name: fadeIn;
988
+ animation-name: fadeIn
989
+ }
990
+ @-webkit-keyframes fadeInDown {
991
+ from {
992
+ opacity: 0;
993
+ -webkit-transform: translate3d(0, -100%, 0);
994
+ transform: translate3d(0, -100%, 0)
995
+ }
996
+ to {
997
+ opacity: 1;
998
+ -webkit-transform: none;
999
+ transform: none
1000
+ }
1001
+ }
1002
+ @keyframes fadeInDown {
1003
+ from {
1004
+ opacity: 0;
1005
+ -webkit-transform: translate3d(0, -100%, 0);
1006
+ transform: translate3d(0, -100%, 0)
1007
+ }
1008
+ to {
1009
+ opacity: 1;
1010
+ -webkit-transform: none;
1011
+ transform: none
1012
+ }
1013
+ }
1014
+ .fadeInDown {
1015
+ -webkit-animation-name: fadeInDown;
1016
+ animation-name: fadeInDown
1017
+ }
1018
+ @-webkit-keyframes fadeInDownBig {
1019
+ from {
1020
+ opacity: 0;
1021
+ -webkit-transform: translate3d(0, -2000px, 0);
1022
+ transform: translate3d(0, -2000px, 0)
1023
+ }
1024
+ to {
1025
+ opacity: 1;
1026
+ -webkit-transform: none;
1027
+ transform: none
1028
+ }
1029
+ }
1030
+ @keyframes fadeInDownBig {
1031
+ from {
1032
+ opacity: 0;
1033
+ -webkit-transform: translate3d(0, -2000px, 0);
1034
+ transform: translate3d(0, -2000px, 0)
1035
+ }
1036
+ to {
1037
+ opacity: 1;
1038
+ -webkit-transform: none;
1039
+ transform: none
1040
+ }
1041
+ }
1042
+ .fadeInDownBig {
1043
+ -webkit-animation-name: fadeInDownBig;
1044
+ animation-name: fadeInDownBig
1045
+ }
1046
+ @-webkit-keyframes fadeInLeft {
1047
+ from {
1048
+ opacity: 0;
1049
+ -webkit-transform: translate3d(-100%, 0, 0);
1050
+ transform: translate3d(-100%, 0, 0)
1051
+ }
1052
+ to {
1053
+ opacity: 1;
1054
+ -webkit-transform: none;
1055
+ transform: none
1056
+ }
1057
+ }
1058
+ @keyframes fadeInLeft {
1059
+ from {
1060
+ opacity: 0;
1061
+ -webkit-transform: translate3d(-100%, 0, 0);
1062
+ transform: translate3d(-100%, 0, 0)
1063
+ }
1064
+ to {
1065
+ opacity: 1;
1066
+ -webkit-transform: none;
1067
+ transform: none
1068
+ }
1069
+ }
1070
+ .fadeInLeft {
1071
+ -webkit-animation-name: fadeInLeft;
1072
+ animation-name: fadeInLeft
1073
+ }
1074
+ @-webkit-keyframes fadeInLeftBig {
1075
+ from {
1076
+ opacity: 0;
1077
+ -webkit-transform: translate3d(-2000px, 0, 0);
1078
+ transform: translate3d(-2000px, 0, 0)
1079
+ }
1080
+ to {
1081
+ opacity: 1;
1082
+ -webkit-transform: none;
1083
+ transform: none
1084
+ }
1085
+ }
1086
+ @keyframes fadeInLeftBig {
1087
+ from {
1088
+ opacity: 0;
1089
+ -webkit-transform: translate3d(-2000px, 0, 0);
1090
+ transform: translate3d(-2000px, 0, 0)
1091
+ }
1092
+ to {
1093
+ opacity: 1;
1094
+ -webkit-transform: none;
1095
+ transform: none
1096
+ }
1097
+ }
1098
+ .fadeInLeftBig {
1099
+ -webkit-animation-name: fadeInLeftBig;
1100
+ animation-name: fadeInLeftBig
1101
+ }
1102
+ @-webkit-keyframes fadeInRight {
1103
+ from {
1104
+ opacity: 0;
1105
+ -webkit-transform: translate3d(100%, 0, 0);
1106
+ transform: translate3d(100%, 0, 0)
1107
+ }
1108
+ to {
1109
+ opacity: 1;
1110
+ -webkit-transform: none;
1111
+ transform: none
1112
+ }
1113
+ }
1114
+ @keyframes fadeInRight {
1115
+ from {
1116
+ opacity: 0;
1117
+ -webkit-transform: translate3d(100%, 0, 0);
1118
+ transform: translate3d(100%, 0, 0)
1119
+ }
1120
+ to {
1121
+ opacity: 1;
1122
+ -webkit-transform: none;
1123
+ transform: none
1124
+ }
1125
+ }
1126
+ .fadeInRight {
1127
+ -webkit-animation-name: fadeInRight;
1128
+ animation-name: fadeInRight
1129
+ }
1130
+ @-webkit-keyframes fadeInRightBig {
1131
+ from {
1132
+ opacity: 0;
1133
+ -webkit-transform: translate3d(2000px, 0, 0);
1134
+ transform: translate3d(2000px, 0, 0)
1135
+ }
1136
+ to {
1137
+ opacity: 1;
1138
+ -webkit-transform: none;
1139
+ transform: none
1140
+ }
1141
+ }
1142
+ @keyframes fadeInRightBig {
1143
+ from {
1144
+ opacity: 0;
1145
+ -webkit-transform: translate3d(2000px, 0, 0);
1146
+ transform: translate3d(2000px, 0, 0)
1147
+ }
1148
+ to {
1149
+ opacity: 1;
1150
+ -webkit-transform: none;
1151
+ transform: none
1152
+ }
1153
+ }
1154
+ .fadeInRightBig {
1155
+ -webkit-animation-name: fadeInRightBig;
1156
+ animation-name: fadeInRightBig
1157
+ }
1158
+ @-webkit-keyframes fadeInUp {
1159
+ from {
1160
+ opacity: 0;
1161
+ -webkit-transform: translate3d(0, 100%, 0);
1162
+ transform: translate3d(0, 100%, 0)
1163
+ }
1164
+ to {
1165
+ opacity: 1;
1166
+ -webkit-transform: none;
1167
+ transform: none
1168
+ }
1169
+ }
1170
+ @keyframes fadeInUp {
1171
+ from {
1172
+ opacity: 0;
1173
+ -webkit-transform: translate3d(0, 100%, 0);
1174
+ transform: translate3d(0, 100%, 0)
1175
+ }
1176
+ to {
1177
+ opacity: 1;
1178
+ -webkit-transform: none;
1179
+ transform: none
1180
+ }
1181
+ }
1182
+ .fadeInUp {
1183
+ -webkit-animation-name: fadeInUp;
1184
+ animation-name: fadeInUp
1185
+ }
1186
+ @-webkit-keyframes fadeInUpBig {
1187
+ from {
1188
+ opacity: 0;
1189
+ -webkit-transform: translate3d(0, 2000px, 0);
1190
+ transform: translate3d(0, 2000px, 0)
1191
+ }
1192
+ to {
1193
+ opacity: 1;
1194
+ -webkit-transform: none;
1195
+ transform: none
1196
+ }
1197
+ }
1198
+ @keyframes fadeInUpBig {
1199
+ from {
1200
+ opacity: 0;
1201
+ -webkit-transform: translate3d(0, 2000px, 0);
1202
+ transform: translate3d(0, 2000px, 0)
1203
+ }
1204
+ to {
1205
+ opacity: 1;
1206
+ -webkit-transform: none;
1207
+ transform: none
1208
+ }
1209
+ }
1210
+ .fadeInUpBig {
1211
+ -webkit-animation-name: fadeInUpBig;
1212
+ animation-name: fadeInUpBig
1213
+ }
1214
+ @-webkit-keyframes fadeOut {
1215
+ from {
1216
+ opacity: 1
1217
+ }
1218
+ to {
1219
+ opacity: 0
1220
+ }
1221
+ }
1222
+ @keyframes fadeOut {
1223
+ from {
1224
+ opacity: 1
1225
+ }
1226
+ to {
1227
+ opacity: 0
1228
+ }
1229
+ }
1230
+ .ycd-fadeOut {
1231
+ -webkit-animation-name: fadeOut;
1232
+ animation-name: fadeOut
1233
+ }
1234
+ @-webkit-keyframes fadeOutDown {
1235
+ from {
1236
+ opacity: 1
1237
+ }
1238
+ to {
1239
+ opacity: 0;
1240
+ -webkit-transform: translate3d(0, 100%, 0);
1241
+ transform: translate3d(0, 100%, 0)
1242
+ }
1243
+ }
1244
+ @keyframes fadeOutDown {
1245
+ from {
1246
+ opacity: 1
1247
+ }
1248
+ to {
1249
+ opacity: 0;
1250
+ -webkit-transform: translate3d(0, 100%, 0);
1251
+ transform: translate3d(0, 100%, 0)
1252
+ }
1253
+ }
1254
+ .fadeOutDown {
1255
+ -webkit-animation-name: fadeOutDown;
1256
+ animation-name: fadeOutDown
1257
+ }
1258
+ @-webkit-keyframes fadeOutDownBig {
1259
+ from {
1260
+ opacity: 1
1261
+ }
1262
+ to {
1263
+ opacity: 0;
1264
+ -webkit-transform: translate3d(0, 2000px, 0);
1265
+ transform: translate3d(0, 2000px, 0)
1266
+ }
1267
+ }
1268
+ @keyframes fadeOutDownBig {
1269
+ from {
1270
+ opacity: 1
1271
+ }
1272
+ to {
1273
+ opacity: 0;
1274
+ -webkit-transform: translate3d(0, 2000px, 0);
1275
+ transform: translate3d(0, 2000px, 0)
1276
+ }
1277
+ }
1278
+ .fadeOutDownBig {
1279
+ -webkit-animation-name: fadeOutDownBig;
1280
+ animation-name: fadeOutDownBig
1281
+ }
1282
+ @-webkit-keyframes fadeOutLeft {
1283
+ from {
1284
+ opacity: 1
1285
+ }
1286
+ to {
1287
+ opacity: 0;
1288
+ -webkit-transform: translate3d(-100%, 0, 0);
1289
+ transform: translate3d(-100%, 0, 0)
1290
+ }
1291
+ }
1292
+ @keyframes fadeOutLeft {
1293
+ from {
1294
+ opacity: 1
1295
+ }
1296
+ to {
1297
+ opacity: 0;
1298
+ -webkit-transform: translate3d(-100%, 0, 0);
1299
+ transform: translate3d(-100%, 0, 0)
1300
+ }
1301
+ }
1302
+ .fadeOutLeft {
1303
+ -webkit-animation-name: fadeOutLeft;
1304
+ animation-name: fadeOutLeft
1305
+ }
1306
+ @-webkit-keyframes fadeOutLeftBig {
1307
+ from {
1308
+ opacity: 1
1309
+ }
1310
+ to {
1311
+ opacity: 0;
1312
+ -webkit-transform: translate3d(-2000px, 0, 0);
1313
+ transform: translate3d(-2000px, 0, 0)
1314
+ }
1315
+ }
1316
+ @keyframes fadeOutLeftBig {
1317
+ from {
1318
+ opacity: 1
1319
+ }
1320
+ to {
1321
+ opacity: 0;
1322
+ -webkit-transform: translate3d(-2000px, 0, 0);
1323
+ transform: translate3d(-2000px, 0, 0)
1324
+ }
1325
+ }
1326
+ .fadeOutLeftBig {
1327
+ -webkit-animation-name: fadeOutLeftBig;
1328
+ animation-name: fadeOutLeftBig
1329
+ }
1330
+ @-webkit-keyframes fadeOutRight {
1331
+ from {
1332
+ opacity: 1
1333
+ }
1334
+ to {
1335
+ opacity: 0;
1336
+ -webkit-transform: translate3d(100%, 0, 0);
1337
+ transform: translate3d(100%, 0, 0)
1338
+ }
1339
+ }
1340
+ @keyframes fadeOutRight {
1341
+ from {
1342
+ opacity: 1
1343
+ }
1344
+ to {
1345
+ opacity: 0;
1346
+ -webkit-transform: translate3d(100%, 0, 0);
1347
+ transform: translate3d(100%, 0, 0)
1348
+ }
1349
+ }
1350
+ .fadeOutRight {
1351
+ -webkit-animation-name: fadeOutRight;
1352
+ animation-name: fadeOutRight
1353
+ }
1354
+ @-webkit-keyframes fadeOutRightBig {
1355
+ from {
1356
+ opacity: 1
1357
+ }
1358
+ to {
1359
+ opacity: 0;
1360
+ -webkit-transform: translate3d(2000px, 0, 0);
1361
+ transform: translate3d(2000px, 0, 0)
1362
+ }
1363
+ }
1364
+ @keyframes fadeOutRightBig {
1365
+ from {
1366
+ opacity: 1
1367
+ }
1368
+ to {
1369
+ opacity: 0;
1370
+ -webkit-transform: translate3d(2000px, 0, 0);
1371
+ transform: translate3d(2000px, 0, 0)
1372
+ }
1373
+ }
1374
+ .fadeOutRightBig {
1375
+ -webkit-animation-name: fadeOutRightBig;
1376
+ animation-name: fadeOutRightBig
1377
+ }
1378
+ @-webkit-keyframes fadeOutUp {
1379
+ from {
1380
+ opacity: 1
1381
+ }
1382
+ to {
1383
+ opacity: 0;
1384
+ -webkit-transform: translate3d(0, -100%, 0);
1385
+ transform: translate3d(0, -100%, 0)
1386
+ }
1387
+ }
1388
+ @keyframes fadeOutUp {
1389
+ from {
1390
+ opacity: 1
1391
+ }
1392
+ to {
1393
+ opacity: 0;
1394
+ -webkit-transform: translate3d(0, -100%, 0);
1395
+ transform: translate3d(0, -100%, 0)
1396
+ }
1397
+ }
1398
+ .fadeOutUp {
1399
+ -webkit-animation-name: fadeOutUp;
1400
+ animation-name: fadeOutUp
1401
+ }
1402
+ @-webkit-keyframes fadeOutUpBig {
1403
+ from {
1404
+ opacity: 1
1405
+ }
1406
+ to {
1407
+ opacity: 0;
1408
+ -webkit-transform: translate3d(0, -2000px, 0);
1409
+ transform: translate3d(0, -2000px, 0)
1410
+ }
1411
+ }
1412
+ @keyframes fadeOutUpBig {
1413
+ from {
1414
+ opacity: 1
1415
+ }
1416
+ to {
1417
+ opacity: 0;
1418
+ -webkit-transform: translate3d(0, -2000px, 0);
1419
+ transform: translate3d(0, -2000px, 0)
1420
+ }
1421
+ }
1422
+ .fadeOutUpBig {
1423
+ -webkit-animation-name: fadeOutUpBig;
1424
+ animation-name: fadeOutUpBig
1425
+ }
1426
+ @-webkit-keyframes flip {
1427
+ from {
1428
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1429
+ transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1430
+ -webkit-animation-timing-function: ease-out;
1431
+ animation-timing-function: ease-out
1432
+ }
1433
+ 40% {
1434
+ -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1435
+ transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1436
+ -webkit-animation-timing-function: ease-out;
1437
+ animation-timing-function: ease-out
1438
+ }
1439
+ 50% {
1440
+ -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1441
+ transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1442
+ -webkit-animation-timing-function: ease-in;
1443
+ animation-timing-function: ease-in
1444
+ }
1445
+ 80% {
1446
+ -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
1447
+ transform: perspective(400px) scale3d(.95, .95, .95);
1448
+ -webkit-animation-timing-function: ease-in;
1449
+ animation-timing-function: ease-in
1450
+ }
1451
+ to {
1452
+ -webkit-transform: perspective(400px);
1453
+ transform: perspective(400px);
1454
+ -webkit-animation-timing-function: ease-in;
1455
+ animation-timing-function: ease-in
1456
+ }
1457
+ }
1458
+ @keyframes flip {
1459
+ from {
1460
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1461
+ transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1462
+ -webkit-animation-timing-function: ease-out;
1463
+ animation-timing-function: ease-out
1464
+ }
1465
+ 40% {
1466
+ -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1467
+ transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1468
+ -webkit-animation-timing-function: ease-out;
1469
+ animation-timing-function: ease-out
1470
+ }
1471
+ 50% {
1472
+ -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1473
+ transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1474
+ -webkit-animation-timing-function: ease-in;
1475
+ animation-timing-function: ease-in
1476
+ }
1477
+ 80% {
1478
+ -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
1479
+ transform: perspective(400px) scale3d(.95, .95, .95);
1480
+ -webkit-animation-timing-function: ease-in;
1481
+ animation-timing-function: ease-in
1482
+ }
1483
+ to {
1484
+ -webkit-transform: perspective(400px);
1485
+ transform: perspective(400px);
1486
+ -webkit-animation-timing-function: ease-in;
1487
+ animation-timing-function: ease-in
1488
+ }
1489
+ }
1490
+ .ycd-animated.ycd-flip {
1491
+ -webkit-backface-visibility: visible;
1492
+ backface-visibility: visible;
1493
+ -webkit-animation-name: flip;
1494
+ animation-name: flip
1495
+ }
1496
+ @-webkit-keyframes flipInX {
1497
+ from {
1498
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1499
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1500
+ -webkit-animation-timing-function: ease-in;
1501
+ animation-timing-function: ease-in;
1502
+ opacity: 0
1503
+ }
1504
+ 40% {
1505
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1506
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1507
+ -webkit-animation-timing-function: ease-in;
1508
+ animation-timing-function: ease-in
1509
+ }
1510
+ 60% {
1511
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1512
+ transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1513
+ opacity: 1
1514
+ }
1515
+ 80% {
1516
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1517
+ transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
1518
+ }
1519
+ to {
1520
+ -webkit-transform: perspective(400px);
1521
+ transform: perspective(400px)
1522
+ }
1523
+ }
1524
+ @keyframes flipInX {
1525
+ from {
1526
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1527
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1528
+ -webkit-animation-timing-function: ease-in;
1529
+ animation-timing-function: ease-in;
1530
+ opacity: 0
1531
+ }
1532
+ 40% {
1533
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1534
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1535
+ -webkit-animation-timing-function: ease-in;
1536
+ animation-timing-function: ease-in
1537
+ }
1538
+ 60% {
1539
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1540
+ transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1541
+ opacity: 1
1542
+ }
1543
+ 80% {
1544
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1545
+ transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
1546
+ }
1547
+ to {
1548
+ -webkit-transform: perspective(400px);
1549
+ transform: perspective(400px)
1550
+ }
1551
+ }
1552
+ .ycd-flipInX {
1553
+ backface-visibility: visible!important;
1554
+ -webkit-animation-name: flipInX;
1555
+ animation-name: flipInX
1556
+ }
1557
+ .flipInX,
1558
+ .flipInY {
1559
+ -webkit-backface-visibility: visible!important
1560
+ }
1561
+ @-webkit-keyframes flipInY {
1562
+ from {
1563
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1564
+ transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1565
+ -webkit-animation-timing-function: ease-in;
1566
+ animation-timing-function: ease-in;
1567
+ opacity: 0
1568
+ }
1569
+ 40% {
1570
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1571
+ transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1572
+ -webkit-animation-timing-function: ease-in;
1573
+ animation-timing-function: ease-in
1574
+ }
1575
+ 60% {
1576
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1577
+ transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1578
+ opacity: 1
1579
+ }
1580
+ 80% {
1581
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1582
+ transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
1583
+ }
1584
+ to {
1585
+ -webkit-transform: perspective(400px);
1586
+ transform: perspective(400px)
1587
+ }
1588
+ }
1589
+ @keyframes flipInY {
1590
+ from {
1591
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1592
+ transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1593
+ -webkit-animation-timing-function: ease-in;
1594
+ animation-timing-function: ease-in;
1595
+ opacity: 0
1596
+ }
1597
+ 40% {
1598
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1599
+ transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1600
+ -webkit-animation-timing-function: ease-in;
1601
+ animation-timing-function: ease-in
1602
+ }
1603
+ 60% {
1604
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1605
+ transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1606
+ opacity: 1
1607
+ }
1608
+ 80% {
1609
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1610
+ transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
1611
+ }
1612
+ to {
1613
+ -webkit-transform: perspective(400px);
1614
+ transform: perspective(400px)
1615
+ }
1616
+ }
1617
+ .flipInY {
1618
+ backface-visibility: visible!important;
1619
+ -webkit-animation-name: flipInY;
1620
+ animation-name: flipInY
1621
+ }
1622
+ @-webkit-keyframes flipOutX {
1623
+ from {
1624
+ -webkit-transform: perspective(400px);
1625
+ transform: perspective(400px)
1626
+ }
1627
+ 30% {
1628
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1629
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1630
+ opacity: 1
1631
+ }
1632
+ to {
1633
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1634
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1635
+ opacity: 0
1636
+ }
1637
+ }
1638
+ @keyframes flipOutX {
1639
+ from {
1640
+ -webkit-transform: perspective(400px);
1641
+ transform: perspective(400px)
1642
+ }
1643
+ 30% {
1644
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1645
+ transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1646
+ opacity: 1
1647
+ }
1648
+ to {
1649
+ -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1650
+ transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1651
+ opacity: 0
1652
+ }
1653
+ }
1654
+ .flipOutX {
1655
+ -webkit-animation-name: flipOutX;
1656
+ animation-name: flipOutX;
1657
+ backface-visibility: visible!important
1658
+ }
1659
+ .flipOutX,
1660
+ .flipOutY {
1661
+ -webkit-backface-visibility: visible!important
1662
+ }
1663
+ @-webkit-keyframes flipOutY {
1664
+ from {
1665
+ -webkit-transform: perspective(400px);
1666
+ transform: perspective(400px)
1667
+ }
1668
+ 30% {
1669
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
1670
+ transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
1671
+ opacity: 1
1672
+ }
1673
+ to {
1674
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1675
+ transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1676
+ opacity: 0
1677
+ }
1678
+ }
1679
+ @keyframes flipOutY {
1680
+ from {
1681
+ -webkit-transform: perspective(400px);
1682
+ transform: perspective(400px)
1683
+ }
1684
+ 30% {
1685
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
1686
+ transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
1687
+ opacity: 1
1688
+ }
1689
+ to {
1690
+ -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1691
+ transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1692
+ opacity: 0
1693
+ }
1694
+ }
1695
+ .flipOutY {
1696
+ backface-visibility: visible!important;
1697
+ -webkit-animation-name: flipOutY;
1698
+ animation-name: flipOutY
1699
+ }
1700
+ @-webkit-keyframes lightSpeedIn {
1701
+ from {
1702
+ -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
1703
+ transform: translate3d(100%, 0, 0) skewX(-30deg);
1704
+ opacity: 0
1705
+ }
1706
+ 60% {
1707
+ -webkit-transform: skewX(20deg);
1708
+ transform: skewX(20deg);
1709
+ opacity: 1
1710
+ }
1711
+ 80% {
1712
+ -webkit-transform: skewX(-5deg);
1713
+ transform: skewX(-5deg);
1714
+ opacity: 1
1715
+ }
1716
+ to {
1717
+ -webkit-transform: none;
1718
+ transform: none;
1719
+ opacity: 1
1720
+ }
1721
+ }
1722
+ @keyframes lightSpeedIn {
1723
+ from {
1724
+ -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
1725
+ transform: translate3d(100%, 0, 0) skewX(-30deg);
1726
+ opacity: 0
1727
+ }
1728
+ 60% {
1729
+ -webkit-transform: skewX(20deg);
1730
+ transform: skewX(20deg);
1731
+ opacity: 1
1732
+ }
1733
+ 80% {
1734
+ -webkit-transform: skewX(-5deg);
1735
+ transform: skewX(-5deg);
1736
+ opacity: 1
1737
+ }
1738
+ to {
1739
+ -webkit-transform: none;
1740
+ transform: none;
1741
+ opacity: 1
1742
+ }
1743
+ }
1744
+ .lightSpeedIn {
1745
+ -webkit-animation-name: lightSpeedIn;
1746
+ animation-name: lightSpeedIn;
1747
+ -webkit-animation-timing-function: ease-out;
1748
+ animation-timing-function: ease-out
1749
+ }
1750
+ @-webkit-keyframes lightSpeedOut {
1751
+ from {
1752
+ opacity: 1
1753
+ }
1754
+ to {
1755
+ -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
1756
+ transform: translate3d(100%, 0, 0) skewX(30deg);
1757
+ opacity: 0
1758
+ }
1759
+ }
1760
+ @keyframes lightSpeedOut {
1761
+ from {
1762
+ opacity: 1
1763
+ }
1764
+ to {
1765
+ -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
1766
+ transform: translate3d(100%, 0, 0) skewX(30deg);
1767
+ opacity: 0
1768
+ }
1769
+ }
1770
+ .lightSpeedOut {
1771
+ -webkit-animation-name: lightSpeedOut;
1772
+ animation-name: lightSpeedOut;
1773
+ -webkit-animation-timing-function: ease-in;
1774
+ animation-timing-function: ease-in
1775
+ }
1776
+ @-webkit-keyframes rotateIn {
1777
+ from {
1778
+ -webkit-transform-origin: center;
1779
+ transform-origin: center;
1780
+ -webkit-transform: rotate3d(0, 0, 1, -200deg);
1781
+ transform: rotate3d(0, 0, 1, -200deg);
1782
+ opacity: 0
1783
+ }
1784
+ to {
1785
+ -webkit-transform-origin: center;
1786
+ transform-origin: center;
1787
+ -webkit-transform: none;
1788
+ transform: none;
1789
+ opacity: 1
1790
+ }
1791
+ }
1792
+ @keyframes rotateIn {
1793
+ from {
1794
+ -webkit-transform-origin: center;
1795
+ transform-origin: center;
1796
+ -webkit-transform: rotate3d(0, 0, 1, -200deg);
1797
+ transform: rotate3d(0, 0, 1, -200deg);
1798
+ opacity: 0
1799
+ }
1800
+ to {
1801
+ -webkit-transform-origin: center;
1802
+ transform-origin: center;
1803
+ -webkit-transform: none;
1804
+ transform: none;
1805
+ opacity: 1
1806
+ }
1807
+ }
1808
+ .ycd-rotateIn {
1809
+ -webkit-animation-name: rotateIn;
1810
+ animation-name: rotateIn
1811
+ }
1812
+ @-webkit-keyframes rotateInDownLeft {
1813
+ from {
1814
+ -webkit-transform-origin: left bottom;
1815
+ transform-origin: left bottom;
1816
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
1817
+ transform: rotate3d(0, 0, 1, -45deg);
1818
+ opacity: 0
1819
+ }
1820
+ to {
1821
+ -webkit-transform-origin: left bottom;
1822
+ transform-origin: left bottom;
1823
+ -webkit-transform: none;
1824
+ transform: none;
1825
+ opacity: 1
1826
+ }
1827
+ }
1828
+ @keyframes rotateInDownLeft {
1829
+ from {
1830
+ -webkit-transform-origin: left bottom;
1831
+ transform-origin: left bottom;
1832
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
1833
+ transform: rotate3d(0, 0, 1, -45deg);
1834
+ opacity: 0
1835
+ }
1836
+ to {
1837
+ -webkit-transform-origin: left bottom;
1838
+ transform-origin: left bottom;
1839
+ -webkit-transform: none;
1840
+ transform: none;
1841
+ opacity: 1
1842
+ }
1843
+ }
1844
+ .ycd-rotateInDownLeft {
1845
+ -webkit-animation-name: rotateInDownLeft;
1846
+ animation-name: rotateInDownLeft
1847
+ }
1848
+ @-webkit-keyframes rotateInDownRight {
1849
+ from {
1850
+ -webkit-transform-origin: right bottom;
1851
+ transform-origin: right bottom;
1852
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
1853
+ transform: rotate3d(0, 0, 1, 45deg);
1854
+ opacity: 0
1855
+ }
1856
+ to {
1857
+ -webkit-transform-origin: right bottom;
1858
+ transform-origin: right bottom;
1859
+ -webkit-transform: none;
1860
+ transform: none;
1861
+ opacity: 1
1862
+ }
1863
+ }
1864
+ @keyframes rotateInDownRight {
1865
+ from {
1866
+ -webkit-transform-origin: right bottom;
1867
+ transform-origin: right bottom;
1868
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
1869
+ transform: rotate3d(0, 0, 1, 45deg);
1870
+ opacity: 0
1871
+ }
1872
+ to {
1873
+ -webkit-transform-origin: right bottom;
1874
+ transform-origin: right bottom;
1875
+ -webkit-transform: none;
1876
+ transform: none;
1877
+ opacity: 1
1878
+ }
1879
+ }
1880
+ .rotateInDownRight {
1881
+ -webkit-animation-name: rotateInDownRight;
1882
+ animation-name: rotateInDownRight
1883
+ }
1884
+ @-webkit-keyframes rotateInUpLeft {
1885
+ from {
1886
+ -webkit-transform-origin: left bottom;
1887
+ transform-origin: left bottom;
1888
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
1889
+ transform: rotate3d(0, 0, 1, 45deg);
1890
+ opacity: 0
1891
+ }
1892
+ to {
1893
+ -webkit-transform-origin: left bottom;
1894
+ transform-origin: left bottom;
1895
+ -webkit-transform: none;
1896
+ transform: none;
1897
+ opacity: 1
1898
+ }
1899
+ }
1900
+ @keyframes rotateInUpLeft {
1901
+ from {
1902
+ -webkit-transform-origin: left bottom;
1903
+ transform-origin: left bottom;
1904
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
1905
+ transform: rotate3d(0, 0, 1, 45deg);
1906
+ opacity: 0
1907
+ }
1908
+ to {
1909
+ -webkit-transform-origin: left bottom;
1910
+ transform-origin: left bottom;
1911
+ -webkit-transform: none;
1912
+ transform: none;
1913
+ opacity: 1
1914
+ }
1915
+ }
1916
+ .rotateInUpLeft {
1917
+ -webkit-animation-name: rotateInUpLeft;
1918
+ animation-name: rotateInUpLeft
1919
+ }
1920
+ @-webkit-keyframes rotateInUpRight {
1921
+ from {
1922
+ -webkit-transform-origin: right bottom;
1923
+ transform-origin: right bottom;
1924
+ -webkit-transform: rotate3d(0, 0, 1, -90deg);
1925
+ transform: rotate3d(0, 0, 1, -90deg);
1926
+ opacity: 0
1927
+ }
1928
+ to {
1929
+ -webkit-transform-origin: right bottom;
1930
+ transform-origin: right bottom;
1931
+ -webkit-transform: none;
1932
+ transform: none;
1933
+ opacity: 1
1934
+ }
1935
+ }
1936
+ @keyframes rotateInUpRight {
1937
+ from {
1938
+ -webkit-transform-origin: right bottom;
1939
+ transform-origin: right bottom;
1940
+ -webkit-transform: rotate3d(0, 0, 1, -90deg);
1941
+ transform: rotate3d(0, 0, 1, -90deg);
1942
+ opacity: 0
1943
+ }
1944
+ to {
1945
+ -webkit-transform-origin: right bottom;
1946
+ transform-origin: right bottom;
1947
+ -webkit-transform: none;
1948
+ transform: none;
1949
+ opacity: 1
1950
+ }
1951
+ }
1952
+ .rotateInUpRight {
1953
+ -webkit-animation-name: rotateInUpRight;
1954
+ animation-name: rotateInUpRight
1955
+ }
1956
+ @-webkit-keyframes rotateOut {
1957
+ from {
1958
+ -webkit-transform-origin: center;
1959
+ transform-origin: center;
1960
+ opacity: 1
1961
+ }
1962
+ to {
1963
+ -webkit-transform-origin: center;
1964
+ transform-origin: center;
1965
+ -webkit-transform: rotate3d(0, 0, 1, 200deg);
1966
+ transform: rotate3d(0, 0, 1, 200deg);
1967
+ opacity: 0
1968
+ }
1969
+ }
1970
+ @keyframes rotateOut {
1971
+ from {
1972
+ -webkit-transform-origin: center;
1973
+ transform-origin: center;
1974
+ opacity: 1
1975
+ }
1976
+ to {
1977
+ -webkit-transform-origin: center;
1978
+ transform-origin: center;
1979
+ -webkit-transform: rotate3d(0, 0, 1, 200deg);
1980
+ transform: rotate3d(0, 0, 1, 200deg);
1981
+ opacity: 0
1982
+ }
1983
+ }
1984
+ .ycd-rotateOut {
1985
+ -webkit-animation-name: rotateOut;
1986
+ animation-name: rotateOut
1987
+ }
1988
+ @-webkit-keyframes rotateOutDownLeft {
1989
+ from {
1990
+ -webkit-transform-origin: left bottom;
1991
+ transform-origin: left bottom;
1992
+ opacity: 1
1993
+ }
1994
+ to {
1995
+ -webkit-transform-origin: left bottom;
1996
+ transform-origin: left bottom;
1997
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
1998
+ transform: rotate3d(0, 0, 1, 45deg);
1999
+ opacity: 0
2000
+ }
2001
+ }
2002
+ @keyframes rotateOutDownLeft {
2003
+ from {
2004
+ -webkit-transform-origin: left bottom;
2005
+ transform-origin: left bottom;
2006
+ opacity: 1
2007
+ }
2008
+ to {
2009
+ -webkit-transform-origin: left bottom;
2010
+ transform-origin: left bottom;
2011
+ -webkit-transform: rotate3d(0, 0, 1, 45deg);
2012
+ transform: rotate3d(0, 0, 1, 45deg);
2013
+ opacity: 0
2014
+ }
2015
+ }
2016
+ .rotateOutDownLeft {
2017
+ -webkit-animation-name: rotateOutDownLeft;
2018
+ animation-name: rotateOutDownLeft
2019
+ }
2020
+ @-webkit-keyframes rotateOutDownRight {
2021
+ from {
2022
+ -webkit-transform-origin: right bottom;
2023
+ transform-origin: right bottom;
2024
+ opacity: 1
2025
+ }
2026
+ to {
2027
+ -webkit-transform-origin: right bottom;
2028
+ transform-origin: right bottom;
2029
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
2030
+ transform: rotate3d(0, 0, 1, -45deg);
2031
+ opacity: 0
2032
+ }
2033
+ }
2034
+ @keyframes rotateOutDownRight {
2035
+ from {
2036
+ -webkit-transform-origin: right bottom;
2037
+ transform-origin: right bottom;
2038
+ opacity: 1
2039
+ }
2040
+ to {
2041
+ -webkit-transform-origin: right bottom;
2042
+ transform-origin: right bottom;
2043
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
2044
+ transform: rotate3d(0, 0, 1, -45deg);
2045
+ opacity: 0
2046
+ }
2047
+ }
2048
+ .rotateOutDownRight {
2049
+ -webkit-animation-name: rotateOutDownRight;
2050
+ animation-name: rotateOutDownRight
2051
+ }
2052
+ @-webkit-keyframes rotateOutUpLeft {
2053
+ from {
2054
+ -webkit-transform-origin: left bottom;
2055
+ transform-origin: left bottom;
2056
+ opacity: 1
2057
+ }
2058
+ to {
2059
+ -webkit-transform-origin: left bottom;
2060
+ transform-origin: left bottom;
2061
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
2062
+ transform: rotate3d(0, 0, 1, -45deg);
2063
+ opacity: 0
2064
+ }
2065
+ }
2066
+ @keyframes rotateOutUpLeft {
2067
+ from {
2068
+ -webkit-transform-origin: left bottom;
2069
+ transform-origin: left bottom;
2070
+ opacity: 1
2071
+ }
2072
+ to {
2073
+ -webkit-transform-origin: left bottom;
2074
+ transform-origin: left bottom;
2075
+ -webkit-transform: rotate3d(0, 0, 1, -45deg);
2076
+ transform: rotate3d(0, 0, 1, -45deg);
2077
+ opacity: 0
2078
+ }
2079
+ }
2080
+ .rotateOutUpLeft {
2081
+ -webkit-animation-name: rotateOutUpLeft;
2082
+ animation-name: rotateOutUpLeft
2083
+ }
2084
+ @-webkit-keyframes rotateOutUpRight {
2085
+ from {
2086
+ -webkit-transform-origin: right bottom;
2087
+ transform-origin: right bottom;
2088
+ opacity: 1
2089
+ }
2090
+ to {
2091
+ -webkit-transform-origin: right bottom;
2092
+ transform-origin: right bottom;
2093
+ -webkit-transform: rotate3d(0, 0, 1, 90deg);
2094
+ transform: rotate3d(0, 0, 1, 90deg);
2095
+ opacity: 0
2096
+ }
2097
+ }
2098
+ @keyframes rotateOutUpRight {
2099
+ from {
2100
+ -webkit-transform-origin: right bottom;
2101
+ transform-origin: right bottom;
2102
+ opacity: 1
2103
+ }
2104
+ to {
2105
+ -webkit-transform-origin: right bottom;
2106
+ transform-origin: right bottom;
2107
+ -webkit-transform: rotate3d(0, 0, 1, 90deg);
2108
+ transform: rotate3d(0, 0, 1, 90deg);
2109
+ opacity: 0
2110
+ }
2111
+ }
2112
+ .rotateOutUpRight {
2113
+ -webkit-animation-name: rotateOutUpRight;
2114
+ animation-name: rotateOutUpRight
2115
+ }
2116
+ @-webkit-keyframes hinge {
2117
+ 0% {
2118
+ -webkit-transform-origin: top left;
2119
+ transform-origin: top left;
2120
+ -webkit-animation-timing-function: ease-in-out;
2121
+ animation-timing-function: ease-in-out
2122
+ }
2123
+ 20%,
2124
+ 60% {
2125
+ -webkit-transform: rotate3d(0, 0, 1, 80deg);
2126
+ transform: rotate3d(0, 0, 1, 80deg);
2127
+ -webkit-transform-origin: top left;
2128
+ transform-origin: top left;
2129
+ -webkit-animation-timing-function: ease-in-out;
2130
+ animation-timing-function: ease-in-out
2131
+ }
2132
+ 40%,
2133
+ 80% {
2134
+ -webkit-transform: rotate3d(0, 0, 1, 60deg);
2135
+ transform: rotate3d(0, 0, 1, 60deg);
2136
+ -webkit-transform-origin: top left;
2137
+ transform-origin: top left;
2138
+ -webkit-animation-timing-function: ease-in-out;
2139
+ animation-timing-function: ease-in-out;
2140
+ opacity: 1
2141
+ }
2142
+ to {
2143
+ -webkit-transform: translate3d(0, 700px, 0);
2144
+ transform: translate3d(0, 700px, 0);
2145
+ opacity: 0
2146
+ }
2147
+ }
2148
+ @keyframes hinge {
2149
+ 0% {
2150
+ -webkit-transform-origin: top left;
2151
+ transform-origin: top left;
2152
+ -webkit-animation-timing-function: ease-in-out;
2153
+ animation-timing-function: ease-in-out
2154
+ }
2155
+ 20%,
2156
+ 60% {
2157
+ -webkit-transform: rotate3d(0, 0, 1, 80deg);
2158
+ transform: rotate3d(0, 0, 1, 80deg);
2159
+ -webkit-transform-origin: top left;
2160
+ transform-origin: top left;
2161
+ -webkit-animation-timing-function: ease-in-out;
2162
+ animation-timing-function: ease-in-out
2163
+ }
2164
+ 40%,
2165
+ 80% {
2166
+ -webkit-transform: rotate3d(0, 0, 1, 60deg);
2167
+ transform: rotate3d(0, 0, 1, 60deg);
2168
+ -webkit-transform-origin: top left;
2169
+ transform-origin: top left;
2170
+ -webkit-animation-timing-function: ease-in-out;
2171
+ animation-timing-function: ease-in-out;
2172
+ opacity: 1
2173
+ }
2174
+ to {
2175
+ -webkit-transform: translate3d(0, 700px, 0);
2176
+ transform: translate3d(0, 700px, 0);
2177
+ opacity: 0
2178
+ }
2179
+ }
2180
+ .hinge {
2181
+ -webkit-animation-name: hinge;
2182
+ animation-name: hinge
2183
+ }
2184
+ @-webkit-keyframes rollIn {
2185
+ from {
2186
+ opacity: 0;
2187
+ -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2188
+ transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
2189
+ }
2190
+ to {
2191
+ opacity: 1;
2192
+ -webkit-transform: none;
2193
+ transform: none
2194
+ }
2195
+ }
2196
+ @keyframes rollIn {
2197
+ from {
2198
+ opacity: 0;
2199
+ -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2200
+ transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
2201
+ }
2202
+ to {
2203
+ opacity: 1;
2204
+ -webkit-transform: none;
2205
+ transform: none
2206
+ }
2207
+ }
2208
+ .rollIn {
2209
+ -webkit-animation-name: rollIn;
2210
+ animation-name: rollIn
2211
+ }
2212
+ @-webkit-keyframes rollOut {
2213
+ from {
2214
+ opacity: 1
2215
+ }
2216
+ to {
2217
+ opacity: 0;
2218
+ -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2219
+ transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
2220
+ }
2221
+ }
2222
+ @keyframes rollOut {
2223
+ from {
2224
+ opacity: 1
2225
+ }
2226
+ to {
2227
+ opacity: 0;
2228
+ -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2229
+ transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
2230
+ }
2231
+ }
2232
+ .rollOut {
2233
+ -webkit-animation-name: rollOut;
2234
+ animation-name: rollOut
2235
+ }
2236
+ @-webkit-keyframes zoomIn {
2237
+ from {
2238
+ opacity: 0;
2239
+ -webkit-transform: scale3d(.3, .3, .3);
2240
+ transform: scale3d(.3, .3, .3)
2241
+ }
2242
+ 50% {
2243
+ opacity: 1
2244
+ }
2245
+ }
2246
+ @keyframes zoomIn {
2247
+ from {
2248
+ opacity: 0;
2249
+ -webkit-transform: scale3d(.3, .3, .3);
2250
+ transform: scale3d(.3, .3, .3)
2251
+ }
2252
+ 50% {
2253
+ opacity: 1
2254
+ }
2255
+ }
2256
+ .zoomIn {
2257
+ -webkit-animation-name: zoomIn;
2258
+ animation-name: zoomIn
2259
+ }
2260
+ @-webkit-keyframes zoomInDown {
2261
+ from {
2262
+ opacity: 0;
2263
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2264
+ transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2265
+ -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
2266
+ animation-timing-function: cubic-bezier(.55, .055, .675, .19)
2267
+ }
2268
+ 60% {
2269
+ opacity: 1;
2270
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2271
+ transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2272
+ -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
2273
+ animation-timing-function: cubic-bezier(.175, .885, .32, 1)
2274
+ }
2275
+ }
2276
+ @keyframes zoomInDown {
2277
+ from {
2278
+ opacity: 0;
2279
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2280
+ transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2281
+ -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
2282
+ animation-timing-function: cubic-bezier(.55, .055, .675, .19)
2283
+ }
2284
+ 60% {
2285
+ opacity: 1;
2286
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2287
+ transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2288
+ -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
2289
+ animation-timing-function: cubic-bezier(.175, .885, .32, 1)
2290
+ }
2291
+ }
2292
+ .zoomInDown {
2293
+ -webkit-animation-name: zoomInDown;
2294
+ animation-name: zoomInDown
2295
+ }
2296
+ @-webkit-keyframes zoomInLeft {
2297
+ from {
2298
+ opacity: 0;
2299
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2300
+ transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2301
+ -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
2302
+ animation-timing-function: cubic-bezier(.55, .055, .675, .19)
2303
+ }
2304
+ 60% {
2305
+ opacity: 1;
2306
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2307
+ transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2308
+ -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
2309
+ animation-timing-function: cubic-bezier(.175, .885, .32, 1)
2310
+ }
2311
+ }
2312
+ @keyframes zoomInLeft {
2313
+ from {
2314
+ opacity: 0;
2315
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2316
+ transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2317
+ -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
2318
+ animation-timing-function: cubic-bezier(.55, .055, .675, .19)
2319
+ }
2320
+ 60% {
2321
+ opacity: 1;
2322
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2323
+ transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2324
+ -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
2325
+ animation-timing-function: cubic-bezier(.175, .885, .32, 1)
2326
+ }
2327
+ }
2328
+ .zoomInLeft {
2329
+ -webkit-animation-name: zoomInLeft;
2330
+ animation-name: zoomInLeft
2331
+ }
2332
+ @-webkit-keyframes zoomInRight {
2333
+ from {
2334
+ opacity: 0;
2335
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2336
+ transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2337
+ -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
2338
+ animation-timing-function: cubic-bezier(.55, .055, .675, .19)
2339
+ }
2340
+ 60% {
2341
+ opacity: 1;
2342
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2343
+ transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2344
+ -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
2345
+ animation-timing-function: cubic-bezier(.175, .885, .32, 1)
2346
+ }
2347
+ }
2348
+ @keyframes zoomInRight {
2349
+ from {
2350
+ opacity: 0;
2351
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2352
+ transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2353
+ -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
2354
+ animation-timing-function: cubic-bezier(.55, .055, .675, .19)
2355
+ }
2356
+ 60% {
2357
+ opacity: 1;
2358
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2359
+ transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2360
+ -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
2361
+ animation-timing-function: cubic-bezier(.175, .885, .32, 1)
2362
+ }
2363
+ }
2364
+ .zoomInRight {
2365
+ -webkit-animation-name: zoomInRight;
2366
+ animation-name: zoomInRight
2367
+ }
2368
+ @-webkit-keyframes zoomInUp {
2369
+ from {
2370
+ opacity: 0;
2371
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2372
+ transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2373
+ -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
2374
+ animation-timing-function: cubic-bezier(.55, .055, .675, .19)
2375
+ }
2376
+ 60% {
2377
+ opacity: 1;
2378
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2379
+ transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2380
+ -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
2381
+ animation-timing-function: cubic-bezier(.175, .885, .32, 1)
2382
+ }
2383
+ }
2384
+ @keyframes zoomInUp {
2385
+ from {
2386
+ opacity: 0;
2387
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2388
+ transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2389
+ -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
2390
+ animation-timing-function: cubic-bezier(.55, .055, .675, .19)
2391
+ }
2392
+ 60% {
2393
+ opacity: 1;
2394
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2395
+ transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2396
+ -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
2397
+ animation-timing-function: cubic-bezier(.175, .885, .32, 1)
2398
+ }
2399
+ }
2400
+ .zoomInUp {
2401
+ -webkit-animation-name: zoomInUp;
2402
+ animation-name: zoomInUp
2403
+ }
2404
+ @-webkit-keyframes zoomOut {
2405
+ from {
2406
+ opacity: 1
2407
+ }
2408
+ 50% {
2409
+ opacity: 0;
2410
+ -webkit-transform: scale3d(.3, .3, .3);
2411
+ transform: scale3d(.3, .3, .3)
2412
+ }
2413
+ to {
2414
+ opacity: 0
2415
+ }
2416
+ }
2417
+ @keyframes zoomOut {
2418
+ from {
2419
+ opacity: 1
2420
+ }
2421
+ 50% {
2422
+ opacity: 0;
2423
+ -webkit-transform: scale3d(.3, .3, .3);
2424
+ transform: scale3d(.3, .3, .3)
2425
+ }
2426
+ to {
2427
+ opacity: 0
2428
+ }
2429
+ }
2430
+ .zoomOut {
2431
+ -webkit-animation-name: zoomOut;
2432
+ animation-name: zoomOut
2433
+ }
2434
+ @-webkit-keyframes zoomOutDown {
2435
+ 40% {
2436
+ opacity: 1;
2437
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2438
+ transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2439
+ -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
2440
+ animation-timing-function: cubic-bezier(.55, .055, .675, .19)
2441
+ }
2442
+ to {
2443
+ opacity: 0;
2444
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2445
+ transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2446
+ -webkit-transform-origin: center bottom;
2447
+ transform-origin: center bottom;
2448
+ -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
2449
+ animation-timing-function: cubic-bezier(.175, .885, .32, 1)
2450
+ }
2451
+ }
2452
+ @keyframes zoomOutDown {
2453
+ 40% {
2454
+ opacity: 1;
2455
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2456
+ transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2457
+ -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
2458
+ animation-timing-function: cubic-bezier(.55, .055, .675, .19)
2459
+ }
2460
+ to {
2461
+ opacity: 0;
2462
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2463
+ transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2464
+ -webkit-transform-origin: center bottom;
2465
+ transform-origin: center bottom;
2466
+ -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
2467
+ animation-timing-function: cubic-bezier(.175, .885, .32, 1)
2468
+ }
2469
+ }
2470
+ .zoomOutDown {
2471
+ -webkit-animation-name: zoomOutDown;
2472
+ animation-name: zoomOutDown
2473
+ }
2474
+ @-webkit-keyframes zoomOutLeft {
2475
+ 40% {
2476
+ opacity: 1;
2477
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
2478
+ transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
2479
+ }
2480
+ to {
2481
+ opacity: 0;
2482
+ -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
2483
+ transform: scale(.1) translate3d(-2000px, 0, 0);
2484
+ -webkit-transform-origin: left center;
2485
+ transform-origin: left center
2486
+ }
2487
+ }
2488
+ @keyframes zoomOutLeft {
2489
+ 40% {
2490
+ opacity: 1;
2491
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
2492
+ transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
2493
+ }
2494
+ to {
2495
+ opacity: 0;
2496
+ -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
2497
+ transform: scale(.1) translate3d(-2000px, 0, 0);
2498
+ -webkit-transform-origin: left center;
2499
+ transform-origin: left center
2500
+ }
2501
+ }
2502
+ .zoomOutLeft {
2503
+ -webkit-animation-name: zoomOutLeft;
2504
+ animation-name: zoomOutLeft
2505
+ }
2506
+ @-webkit-keyframes zoomOutRight {
2507
+ 40% {
2508
+ opacity: 1;
2509
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
2510
+ transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
2511
+ }
2512
+ to {
2513
+ opacity: 0;
2514
+ -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
2515
+ transform: scale(.1) translate3d(2000px, 0, 0);
2516
+ -webkit-transform-origin: right center;
2517
+ transform-origin: right center
2518
+ }
2519
+ }
2520
+ @keyframes zoomOutRight {
2521
+ 40% {
2522
+ opacity: 1;
2523
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
2524
+ transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
2525
+ }
2526
+ to {
2527
+ opacity: 0;
2528
+ -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
2529
+ transform: scale(.1) translate3d(2000px, 0, 0);
2530
+ -webkit-transform-origin: right center;
2531
+ transform-origin: right center
2532
+ }
2533
+ }
2534
+ .zoomOutRight {
2535
+ -webkit-animation-name: zoomOutRight;
2536
+ animation-name: zoomOutRight
2537
+ }
2538
+ @-webkit-keyframes zoomOutUp {
2539
+ 40% {
2540
+ opacity: 1;
2541
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2542
+ transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2543
+ -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
2544
+ animation-timing-function: cubic-bezier(.55, .055, .675, .19)
2545
+ }
2546
+ to {
2547
+ opacity: 0;
2548
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
2549
+ transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
2550
+ -webkit-transform-origin: center bottom;
2551
+ transform-origin: center bottom;
2552
+ -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
2553
+ animation-timing-function: cubic-bezier(.175, .885, .32, 1)
2554
+ }
2555
+ }
2556
+ @keyframes zoomOutUp {
2557
+ 40% {
2558
+ opacity: 1;
2559
+ -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2560
+ transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2561
+ -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
2562
+ animation-timing-function: cubic-bezier(.55, .055, .675, .19)
2563
+ }
2564
+ to {
2565
+ opacity: 0;
2566
+ -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
2567
+ transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
2568
+ -webkit-transform-origin: center bottom;
2569
+ transform-origin: center bottom;
2570
+ -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
2571
+ animation-timing-function: cubic-bezier(.175, .885, .32, 1)
2572
+ }
2573
+ }
2574
+ .zoomOutUp {
2575
+ -webkit-animation-name: zoomOutUp;
2576
+ animation-name: zoomOutUp
2577
+ }
2578
+ @-webkit-keyframes slideInDown {
2579
+ from {
2580
+ -webkit-transform: translate3d(0, -100%, 0);
2581
+ transform: translate3d(0, -100%, 0);
2582
+ visibility: visible
2583
+ }
2584
+ to {
2585
+ -webkit-transform: translate3d(0, 0, 0);
2586
+ transform: translate3d(0, 0, 0)
2587
+ }
2588
+ }
2589
+ @keyframes slideInDown {
2590
+ from {
2591
+ -webkit-transform: translate3d(0, -100%, 0);
2592
+ transform: translate3d(0, -100%, 0);
2593
+ visibility: visible
2594
+ }
2595
+ to {
2596
+ -webkit-transform: translate3d(0, 0, 0);
2597
+ transform: translate3d(0, 0, 0)
2598
+ }
2599
+ }
2600
+ .ycd-slideInDown {
2601
+ -webkit-animation-name: slideInDown;
2602
+ animation-name: slideInDown
2603
+ }
2604
+ @-webkit-keyframes slideInLeft {
2605
+ from {
2606
+ -webkit-transform: translate3d(-100%, 0, 0);
2607
+ transform: translate3d(-100%, 0, 0);
2608
+ visibility: visible
2609
+ }
2610
+ to {
2611
+ -webkit-transform: translate3d(0, 0, 0);
2612
+ transform: translate3d(0, 0, 0)
2613
+ }
2614
+ }
2615
+ @keyframes slideInLeft {
2616
+ from {
2617
+ -webkit-transform: translate3d(-100%, 0, 0);
2618
+ transform: translate3d(-100%, 0, 0);
2619
+ visibility: visible
2620
+ }
2621
+ to {
2622
+ -webkit-transform: translate3d(0, 0, 0);
2623
+ transform: translate3d(0, 0, 0)
2624
+ }
2625
+ }
2626
+ .slideInLeft {
2627
+ -webkit-animation-name: slideInLeft;
2628
+ animation-name: slideInLeft
2629
+ }
2630
+ @-webkit-keyframes slideInRight {
2631
+ from {
2632
+ -webkit-transform: translate3d(100%, 0, 0);
2633
+ transform: translate3d(100%, 0, 0);
2634
+ visibility: visible
2635
+ }
2636
+ to {
2637
+ -webkit-transform: translate3d(0, 0, 0);
2638
+ transform: translate3d(0, 0, 0)
2639
+ }
2640
+ }
2641
+ @keyframes slideInRight {
2642
+ from {
2643
+ -webkit-transform: translate3d(100%, 0, 0);
2644
+ transform: translate3d(100%, 0, 0);
2645
+ visibility: visible
2646
+ }
2647
+ to {
2648
+ -webkit-transform: translate3d(0, 0, 0);
2649
+ transform: translate3d(0, 0, 0)
2650
+ }
2651
+ }
2652
+ .slideInRight {
2653
+ -webkit-animation-name: slideInRight;
2654
+ animation-name: slideInRight
2655
+ }
2656
+ @-webkit-keyframes slideInUp {
2657
+ from {
2658
+ -webkit-transform: translate3d(0, 100%, 0);
2659
+ transform: translate3d(0, 100%, 0);
2660
+ visibility: visible
2661
+ }
2662
+ to {
2663
+ -webkit-transform: translate3d(0, 0, 0);
2664
+ transform: translate3d(0, 0, 0)
2665
+ }
2666
+ }
2667
+ @keyframes slideInUp {
2668
+ from {
2669
+ -webkit-transform: translate3d(0, 100%, 0);
2670
+ transform: translate3d(0, 100%, 0);
2671
+ visibility: visible
2672
+ }
2673
+ to {
2674
+ -webkit-transform: translate3d(0, 0, 0);
2675
+ transform: translate3d(0, 0, 0)
2676
+ }
2677
+ }
2678
+ .ycd-slideInUp {
2679
+ -webkit-animation-name: slideInUp;
2680
+ animation-name: slideInUp
2681
+ }
2682
+ @-webkit-keyframes slideOutDown {
2683
+ from {
2684
+ -webkit-transform: translate3d(0, 0, 0);
2685
+ transform: translate3d(0, 0, 0)
2686
+ }
2687
+ to {
2688
+ visibility: hidden;
2689
+ -webkit-transform: translate3d(0, 100%, 0);
2690
+ transform: translate3d(0, 100%, 0)
2691
+ }
2692
+ }
2693
+ @keyframes slideOutDown {
2694
+ from {
2695
+ -webkit-transform: translate3d(0, 0, 0);
2696
+ transform: translate3d(0, 0, 0)
2697
+ }
2698
+ to {
2699
+ visibility: hidden;
2700
+ -webkit-transform: translate3d(0, 100%, 0);
2701
+ transform: translate3d(0, 100%, 0)
2702
+ }
2703
+ }
2704
+ .ycd-slideOutDown {
2705
+ -webkit-animation-name: slideOutDown;
2706
+ animation-name: slideOutDown
2707
+ }
2708
+ @-webkit-keyframes slideOutLeft {
2709
+ from {
2710
+ -webkit-transform: translate3d(0, 0, 0);
2711
+ transform: translate3d(0, 0, 0)
2712
+ }
2713
+ to {
2714
+ visibility: hidden;
2715
+ -webkit-transform: translate3d(-100%, 0, 0);
2716
+ transform: translate3d(-100%, 0, 0)
2717
+ }
2718
+ }
2719
+ @keyframes slideOutLeft {
2720
+ from {
2721
+ -webkit-transform: translate3d(0, 0, 0);
2722
+ transform: translate3d(0, 0, 0)
2723
+ }
2724
+ to {
2725
+ visibility: hidden;
2726
+ -webkit-transform: translate3d(-100%, 0, 0);
2727
+ transform: translate3d(-100%, 0, 0)
2728
+ }
2729
+ }
2730
+ .slideOutLeft {
2731
+ -webkit-animation-name: slideOutLeft;
2732
+ animation-name: slideOutLeft
2733
+ }
2734
+ @-webkit-keyframes slideOutRight {
2735
+ from {
2736
+ -webkit-transform: translate3d(0, 0, 0);
2737
+ transform: translate3d(0, 0, 0)
2738
+ }
2739
+ to {
2740
+ visibility: hidden;
2741
+ -webkit-transform: translate3d(100%, 0, 0);
2742
+ transform: translate3d(100%, 0, 0)
2743
+ }
2744
+ }
2745
+ @keyframes slideOutRight {
2746
+ from {
2747
+ -webkit-transform: translate3d(0, 0, 0);
2748
+ transform: translate3d(0, 0, 0)
2749
+ }
2750
+ to {
2751
+ visibility: hidden;
2752
+ -webkit-transform: translate3d(100%, 0, 0);
2753
+ transform: translate3d(100%, 0, 0)
2754
+ }
2755
+ }
2756
+ .slideOutRight {
2757
+ -webkit-animation-name: slideOutRight;
2758
+ animation-name: slideOutRight
2759
+ }
2760
+ @-webkit-keyframes slideOutUp {
2761
+ from {
2762
+ -webkit-transform: translate3d(0, 0, 0);
2763
+ transform: translate3d(0, 0, 0)
2764
+ }
2765
+ to {
2766
+ visibility: hidden;
2767
+ -webkit-transform: translate3d(0, -100%, 0);
2768
+ transform: translate3d(0, -100%, 0)
2769
+ }
2770
+ }
2771
+ @keyframes slideOutUp {
2772
+ from {
2773
+ -webkit-transform: translate3d(0, 0, 0);
2774
+ transform: translate3d(0, 0, 0)
2775
+ }
2776
+ to {
2777
+ visibility: hidden;
2778
+ -webkit-transform: translate3d(0, -100%, 0);
2779
+ transform: translate3d(0, -100%, 0)
2780
+ }
2781
+ }
2782
+ .ycd-slideOutUp {
2783
+ -webkit-animation-name: slideOutUp;
2784
+ animation-name: slideOutUp
2785
  }
assets/css/admin.css CHANGED
@@ -1,746 +1,746 @@
1
- .ycd-bootstrap-wrapper .row {
2
- margin-left: 0;
3
- margin-right: 0;
4
- }
5
-
6
- .ycd-sub-option {
7
- padding-left: 45px !important;
8
- }
9
-
10
- .ycd-hide-content,
11
- .ycd-hide {
12
- display: none;
13
- }
14
-
15
- .ycd-error {
16
- color: red;
17
- }
18
-
19
- .countdowns-div {
20
- width: 250px;
21
- height: 180px;
22
- border: 1px solid #CCCCCC;
23
- float: left;
24
- margin-right: 10px;
25
- margin-bottom: 10px;
26
- background-color: #DEDEDE;
27
- background-size: 100%;
28
- transition: all .1s ease-in-out;
29
- }
30
-
31
- .countdowns-div:hover {
32
- background-color: #CDCDCD;
33
- transform: scale(1.05);
34
- }
35
-
36
- .circle-countdown {
37
- background-image: url("../img/Cricle.png");
38
- background-size: 100% 100%;
39
- }
40
-
41
- .clock1-countdown {
42
- background-image: url("../img/clock1.png");
43
- background-size: 100% 100%;
44
- }
45
-
46
- .clock2-countdown {
47
- background-image: url("../img/clock2.png");
48
- background-size: 100% 100%;
49
- }
50
-
51
- .clock3-countdown {
52
- background-image: url("../img/clock3.png");
53
- background-size: 100% 100%;
54
- }
55
-
56
- .analytics-countdown-pro {
57
- background-image: url("../img/analytic.png");
58
- background-size: 100% 100%;
59
- }
60
-
61
- .countdownButton-countdown-pro {
62
- background-image: url("../img/buttonExt.jpg");
63
- background-size: 100% 100%;
64
- }
65
-
66
- .clock4-countdown,
67
- .clock4-countdown-pro {
68
- background-image: url("../img/clock4.png");
69
- background-size: 100% 100%;
70
- }
71
-
72
- .clock5-countdown,
73
- .clock5-countdown-pro {
74
- background-image: url("../img/clock5.png");
75
- background-size: 100% 100%;
76
- }
77
-
78
- .clock6-countdown,
79
- .clock6-countdown-pro {
80
- background-image: url("../img/clock6.png");
81
- background-size: 100% 100%;
82
- }
83
-
84
- .clock7-countdown,
85
- .clock7-countdown-pro {
86
- background-image: url("../img/clock7.png");
87
- background-size: 100% 100%;
88
- }
89
-
90
- .timer-countdown {
91
- background-image: url("../img/DigtalCountdown.jpg");
92
- background-size: 100% 100%;
93
- }
94
-
95
- .flipClock-countdown,
96
- .flipClock-countdown-pro {
97
- background-image: url("../img/Flipclock.png");
98
- background-size: 100% 100%;
99
- }
100
-
101
- .circlePopup-countdown,
102
- .circlePopup-countdown-pro {
103
- background-image: url("../img/CirclePopup.png");
104
- background-repeat: no-repeat;
105
- background-position: 13%;
106
- background-color: black;
107
- }
108
-
109
- .flipClockPopup-countdown,
110
- .flipClockPopup-countdown-pro {
111
- background-image: url("../img/FlipClockPopup.png");
112
- background-size: 100% 100%;
113
- }
114
-
115
- .sticky-countdown,
116
- .sticky-countdown-pro {
117
- background-image: url("../img/Sticky.png");
118
- background-size: 100% 100%;
119
- }
120
-
121
- .woo-countdown,
122
- .woo-countdown-pro {
123
- background-image: url("../img/woo.png");
124
- background-size: 100% 100%;
125
- }
126
-
127
- .circleTimer-countdown,
128
- .circleTimer-countdown-pro {
129
- background-image: url("../img/circleTimer.png");
130
- background-size: 100% 100%;
131
- }
132
-
133
- .circlePopup-countdown:hover,
134
- .circlePopup-countdown-pro:hover {
135
- background-color: black;
136
- }
137
-
138
- .countdowns-div {
139
- position: relative;
140
- }
141
-
142
- .ycd-type-title-extensions-pro {
143
- top: 42px !important;
144
- }
145
-
146
- .ycd-type-title-pro {
147
- font-size: 23px;
148
- font-weight: 600;
149
- color: red;
150
- opacity: 1;
151
- overflow-wrap: break-word;
152
- width: auto;
153
- margin-top: -15px;
154
- -ms-transform: rotate(7deg);
155
- /* -webkit-transform: rotate(7deg); */
156
- transform: rotate(36deg);
157
- top: 32px;
158
- right: -14px;
159
- position: absolute;
160
- }
161
-
162
- .ycd-coming-soon-type {
163
- color: #fe6300;
164
- top: 26px;
165
- }
166
-
167
- .ycd-promotion-video {
168
- z-index: 99999999999999999;
169
- }
170
-
171
- .ycd-type-div {
172
- height: 127px;
173
- background-size: 100% 100%;
174
- }
175
-
176
- .ycd-type-view-footer {
177
- background-color: #F1F1F1;
178
- position: absolute;
179
- height: 50px;
180
- width: 100%;
181
- bottom: 0px;
182
- }
183
-
184
- .ycd-promotion-video {
185
- display: inline-block;
186
- margin-top: 13px;
187
- margin-left: 9px;
188
- }
189
-
190
- .ycd-play-promotion-video {
191
- background-image: url(../img/videoPlay.svg);
192
- width: 25px;
193
- height: 25px;
194
- display: inline-block;
195
- background-size: contain;
196
- vertical-align: middle;
197
- margin-left: 6px
198
- }
199
-
200
- .js-ycd-select {
201
- min-width: 100% !important;
202
- width: 100% !important;
203
- }
204
-
205
- /*Checkbox slider start*/
206
- /* The switch - the box around the slider */
207
- .ycd-switch {
208
- position: relative;
209
- display: inline-block;
210
- width: 60px;
211
- height: 34px;
212
- }
213
-
214
- /* Hide default HTML checkbox */
215
- .ycd-switch input {display:none;}
216
-
217
- /* The slider */
218
- .ycd-slider {
219
- position: absolute;
220
- cursor: pointer;
221
- top: 0;
222
- left: 0;
223
- right: 0;
224
- bottom: 0;
225
- background-color: #ccc;
226
- -webkit-transition: .4s;
227
- transition: .4s;
228
- transform: scale(0.8, 0.8);
229
- }
230
-
231
- .ycd-slider:before {
232
- position: absolute;
233
- content: "";
234
- height: 26px;
235
- width: 26px;
236
- left: 4px;
237
- bottom: 4px;
238
- background-color: white;
239
- -webkit-transition: .4s;
240
- transition: .4s;
241
- }
242
-
243
- input:checked + .ycd-slider {
244
- background-color: #2196F3;
245
- }
246
-
247
- input:focus + .ycd-slider {
248
- box-shadow: 0 0 1px #2196F3;
249
- }
250
-
251
- input:checked + .ycd-slider:before {
252
- -webkit-transform: translateX(26px);
253
- -ms-transform: translateX(26px);
254
- transform: translateX(26px);
255
- }
256
-
257
- /* Rounded sliders */
258
- .ycd-slider.ycd-round {
259
- border-radius: 34px;
260
- }
261
-
262
- .ycd-slider.ycd-round:before {
263
- border-radius: 50%;
264
- }
265
- /*Checkbox slider end*/
266
-
267
- .ycd-live-preview {
268
- position: fixed;
269
- right: 0;
270
- bottom: 5px;
271
- background-color: white;
272
- border: 1px solid #ccc;
273
- min-width: 400px;
274
- z-index: 999;
275
- }
276
-
277
- .ycd-live-preview h3 {
278
- text-align: center;
279
- }
280
-
281
- .ycd-pro-span {
282
- display: inline-block;
283
- color: red;
284
- margin-left: 5px;
285
- }
286
-
287
- .ycd-circle-popup-shortcode {
288
- padding: 10px;
289
- }
290
-
291
- .ycd-circles-width-wrapper .irs-single,
292
- .ycd-timer-font-size .irs-single{
293
- display: none;
294
- }
295
-
296
- .irs-line {
297
- margin-top: -14px;
298
- }
299
-
300
- .irs-bar {
301
- cursor: pointer;
302
- }
303
-
304
- .ycd-range-slider-wrapper {
305
- margin-top: 7px;
306
- }
307
-
308
- .ycd-label-of-select {
309
- margin-top: 4px;
310
- }
311
-
312
- .ycd-label-of-switch,
313
- .ycd-label-of-input {
314
- margin-top: 6px;
315
- }
316
-
317
- .ycd-label-of-color {
318
- margin-top: 5px;
319
- }
320
-
321
- .ycd-label-of-select {
322
- margin-top: 3px;
323
- }
324
-
325
- .ycd-live-preview-text {
326
- border-bottom: 1px solid #CCCCCC;
327
- position: relative;
328
- margin-top: 10px;
329
- cursor: move;
330
- }
331
-
332
- .ycd-live-preview-text h3 {
333
- margin-top: 0;
334
- }
335
-
336
- .ycd-toggle-icon-open:before {
337
- content: "\f142";
338
- display: inline-block;
339
- font: 400 20px/1 dashicons;
340
- speak: none;
341
- -webkit-font-smoothing: antialiased;
342
- -moz-osx-font-smoothing: grayscale;
343
- text-decoration: none!important;
344
- cursor: pointer;
345
- }
346
-
347
- .ycd-toggle-icon-close:before {
348
- content: "\f140";
349
- display: inline-block;
350
- font: 400 20px/1 dashicons;
351
- speak: none;
352
- -webkit-font-smoothing: antialiased;
353
- -moz-osx-font-smoothing: grayscale;
354
- text-decoration: none!important;
355
- cursor: pointer;
356
- }
357
-
358
- .ycd-toggle-icon {
359
- margin-top: 4px;
360
- width: 54px;
361
- height: 35px;
362
- border-radius: 50%;
363
- text-indent: -1px;
364
- position: absolute;
365
- top: -5px;
366
- right: 11px;
367
- text-align: right;
368
- cursor: pointer;
369
- }
370
-
371
- .ycd-upgrade-button-red {
372
- background: #d10303;
373
- border: 1px solid #d10303;
374
- padding: 4px 5px 5px 5px;
375
- color: #fff !important;
376
- font-size: 16px;
377
- border-radius: 3px;
378
- cursor: pointer;
379
- align-items: flex-start;
380
- text-align: center !important;
381
- }
382
-
383
- .ycd-upgrade-button-red:hover {
384
- background: #fff;
385
- color: #d10303 !important;
386
- border: 1px solid #d10303 !important;
387
- }
388
-
389
- .ycd-upgrade-button-red .h2 {
390
- font-size: 22px !important;
391
- margin: 0 0 5px 0 !important;
392
- display: inline-block !important;
393
- }
394
-
395
- .ycf-pro-wrapper {
396
- text-align: center;
397
- }
398
-
399
- .ycd-popup-theme {
400
- margin-left: 8px !important;
401
- }
402
-
403
- .ycd-popup-theme:first-child {
404
- margin-left: 0 !important;
405
- }
406
-
407
- .ycd-accordion-content {
408
- padding-left: 45px;
409
- }
410
-
411
- .ycd-bootstrap-wrapper {
412
- position: relative;
413
- }
414
-
415
- .ycd-pro-options-div {
416
- position: absolute;
417
- width: 100%;
418
- height: 100%;
419
- background-color: rgba(238,238,238,0.4);
420
- top: 0;
421
- cursor: pointer;
422
- }
423
-
424
- .ycd-pro-options-title {
425
- position: absolute;
426
- top: 30%;
427
- left: 54%;
428
- font-size: 30px;
429
- color: red;
430
- opacity: 1;
431
- overflow-wrap: break-word;
432
- }
433
-
434
- .ycd-tabs-content {
435
- position: relative;
436
- background-color: white;
437
- }
438
-
439
- .ycd-tabe-content {
440
- background: white;
441
- }
442
-
443
- .ycd-tabs-text-header {
444
- border-bottom: 1px solid #CCCCCC;
445
- position: relative;
446
- margin-top: 10px;
447
- cursor: pointer;
448
- }
449
-
450
- .ycd-tabs-text-header {
451
- padding: 4px 8px;
452
- }
453
-
454
- .ycd-tabs-text-header h3 {
455
- margin-top: 2px;
456
- }
457
-
458
- div.ycd-tabs-text-header > div.ycd-toggle-icon-open {
459
- margin-top: 13px !important;
460
- }
461
-
462
- .ycd-tabe-content {
463
- padding: 10px;
464
- }
465
-
466
- .ycd-settings-wrapper {
467
- margin-top: 20px;
468
- }
469
-
470
- .js-preview-sound {
471
- color: blue;
472
- margin-top: 7px;
473
- cursor: pointer;
474
- }
475
-
476
- .ycd-inline-label-radio {
477
- display: inline-block !important;
478
- margin-left: 8px;
479
- }
480
-
481
- .add-new-h2 {
482
- margin-left: 4px;
483
- padding: 4px 8px;
484
- position: relative;
485
- top: -3px;
486
- text-decoration: none;
487
- border: none;
488
- border-radius: 2px;
489
- background: #f7f7f7;
490
- text-shadow: none;
491
- font-weight: 600;
492
- font-size: 13px;
493
- line-height: normal;
494
- color: #0073aa;
495
- cursor: pointer;
496
- outline: 0;
497
- }
498
-
499
- .add-new-h2:hover {
500
- border-color: #008EC2;
501
- background: #00a0d2;
502
- color: #fff;
503
- }
504
-
505
- .ycd-option-wrapper-pro {
506
- pointer-events: none;
507
- opacity: 0.4;
508
- }
509
-
510
- .ycd-livew-preview-content {
511
- text-align: center !important;
512
- }
513
-
514
- .ycd-float-none {
515
- float: none !important;
516
- }
517
-
518
- .ycd-options-content {
519
- padding: 10px;
520
- }
521
-
522
- .ycd-validation-error {
523
- color: red;
524
- margin-bottom: 15px;
525
- font-weight: bold;
526
- }
527
-
528
- .ycd-alert {
529
- padding: 15px;
530
- margin-bottom: 20px;
531
- border: 1px solid transparent;
532
- border-radius: 4px;
533
- }
534
-
535
- .ycd-alert-info {
536
- color: #31708f;
537
- background-color: #d9edf7;
538
- border-color: #bce8f1;
539
- }
540
-
541
- .ycd-sub-options-settings {
542
- padding-left: 15px;
543
- }
544
-
545
- .ycd-sub-options-settings label {
546
- font-weight: 500 !important;
547
- }
548
-
549
- .ycd-select-wrapper .select2-container {
550
- width: 100% !important;
551
- }
552
-
553
- #ycd-woo-selected-products > div > div.col-md-5 > span > span.selection > span {
554
- width: 300px !important;
555
- }
556
-
557
- .ycd-bootstrap-wrapper .CodeMirror-scroll {
558
- margin-right: 0 !important;
559
- border: 1px solid #ccc;
560
- }
561
-
562
- .ycd-preview-icon {
563
- background-image: url(../img/preview-eye.png);
564
- width: 30px;
565
- height: 30px;
566
- display: inline-block;
567
- cursor: pointer;
568
- }
569
-
570
- .ycd-condition-delete {
571
- display: none !important;
572
- }
573
-
574
- .ycd-condition-add {
575
- display: none !important;
576
- }
577
-
578
- .ycd-condion-wrapper:not(:only-child) .ycd-condition-delete {
579
- display: inline-block !important;
580
- }
581
-
582
- .ycd-condion-wrapper:nth-last-child .ycd-condition-add {
583
- display: inline-block !important;
584
- }
585
-
586
- .ycd-condion-wrapper:last-child .ycd-condition-add {
587
- display: inline-block !important;
588
- }
589
-
590
- .ycd-condition-delete {
591
- margin-left: 5px;
592
- }
593
-
594
- .ycd-add-new-extensions-wrapper {
595
- width: 100%;
596
- height: 20px;
597
- border-bottom: 1px solid #DEDEDE;
598
- text-align: center;
599
- margin-bottom: 25px;
600
- }
601
-
602
- .ycd-add-new-extensions {
603
- font-size: 35px;
604
- background-color: #F1F1F1;
605
- padding: 0 12px;
606
- display: inline-block;
607
- margin-top: 8px;
608
- }
609
-
610
- /*More plugins section*/
611
- #ycd-plugins-wrapper .plugin-card .action-links {
612
- top: -3px !important;
613
- }
614
- #ycd-plugins-wrapper {
615
- width: 90%;
616
- margin: 0 auto;
617
- padding-top: 30px;
618
- }
619
-
620
- .plugin-icon {
621
- top: 0px !important;
622
- left: 10px !important;
623
- }
624
-
625
- .plugin-card .desc {
626
- margin-right: 0px;
627
- }
628
-
629
- .plugin-card-top {
630
- padding-top: 0px !important;
631
- }
632
-
633
- .plugin-card .compatibility-compatible:before {
634
- content: "\f147" !important;
635
- }
636
-
637
- #ycd-plugins-wrapper .column-compatibility {
638
- width: 100%;
639
- text-align: inherit;
640
- }
641
-
642
- #ycd-plugins-wrapper .plugin-card {
643
- cursor: pointer;
644
- }
645
-
646
- #plugin-icon-contact-form {
647
- width:128px;
648
- height:128px;
649
- background-image: url(//ps.w.org/contact-form-master/assets/icon-128x128.png?rev=1293306);
650
- background-size:128px 128px;
651
- }
652
-
653
- #plugin-icon-readmore {
654
- width:128px;
655
- height:128px;
656
- background-image: url(https://ps.w.org/expand-maker/assets/icon-128x128.png?rev=1696507);
657
- background-size:128px 128px;
658
- }
659
-
660
- #plugin-icon-download {
661
- width:128px;
662
- height:128px;
663
- background-image: url(https://ps.w.org/ydn-download/assets/icon-128x128.png?rev=1696507);
664
- background-size:128px 128px;
665
- }
666
-
667
- #plugin-icon-scroll-top {
668
- width:128px;
669
- height:128px;
670
- background-image: url(https://ps.w.org/scroll-to-top-builder/assets/icon-128x128.png?rev=1696507);
671
- background-size:128px 128px;
672
- }
673
-
674
- .ycd-extentsion-pro {
675
- margin-right: 15px;
676
- }
677
-
678
- /*tooltip*/
679
- .ycd-tooltip {
680
- position: relative;
681
- }
682
-
683
- .ycd-tooltip .ycd-tooltiptext {
684
- visibility: hidden;
685
- width: 140px;
686
- background-color: #555;
687
- color: #fff;
688
- text-align: center;
689
- border-radius: 6px;
690
- padding: 5px;
691
- position: absolute;
692
- z-index: 1;
693
- bottom: 150%;
694
- left: 50%;
695
- margin-left: -75px;
696
- opacity: 0;
697
- transition: opacity 0.3s;
698
- }
699
-
700
- .ycd-tooltip .ycd-tooltiptext::after {
701
- content: "";
702
- position: absolute;
703
- top: 100%;
704
- left: 50%;
705
- margin-left: -5px;
706
- border-width: 5px;
707
- border-style: solid;
708
- border-color: #555 transparent transparent transparent;
709
- }
710
-
711
- .ycd-tooltip:hover .ycd-tooltiptext {
712
- visibility: visible;
713
- opacity: 1;
714
- }
715
-
716
- .savae-changes-label {
717
- padding-top: 6px;
718
- }
719
-
720
- .ycd-postbox-container {
721
- width: 100%;
722
- }
723
-
724
- .ycd-support-button-red {
725
- border: 2px solid #e74c3c !important;
726
- color: #e74c3c !important;
727
- border-radius: 5px;
728
- cursor: pointer !important;
729
- padding: 5px 25px 5px 26px;
730
- text-transform: uppercase;
731
- font-weight: 600;
732
- outline: 0;
733
- transition: background-color .2s ease-out;
734
- text-decoration: none;
735
- margin: 5px auto;
736
- }
737
-
738
- .ycd-support-button-red:hover {
739
- background-color: #e74c3c !important;
740
- color: #ffffff !important;
741
- }
742
-
743
- .ycd-sub-options-wrapper label {
744
- font-weight: normal;
745
- padding-left: 20px;
746
  }
1
+ .ycd-bootstrap-wrapper .row {
2
+ margin-left: 0;
3
+ margin-right: 0;
4
+ }
5
+
6
+ .ycd-sub-option {
7
+ padding-left: 45px !important;
8
+ }
9
+
10
+ .ycd-hide-content,
11
+ .ycd-hide {
12
+ display: none;
13
+ }
14
+
15
+ .ycd-error {
16
+ color: red;
17
+ }
18
+
19
+ .countdowns-div {
20
+ width: 250px;
21
+ height: 180px;
22
+ border: 1px solid #CCCCCC;
23
+ float: left;
24
+ margin-right: 10px;
25
+ margin-bottom: 10px;
26
+ background-color: #DEDEDE;
27
+ background-size: 100%;
28
+ transition: all .1s ease-in-out;
29
+ }
30
+
31
+ .countdowns-div:hover {
32
+ background-color: #CDCDCD;
33
+ transform: scale(1.05);
34
+ }
35
+
36
+ .circle-countdown {
37
+ background-image: url("../img/Cricle.png");
38
+ background-size: 100% 100%;
39
+ }
40
+
41
+ .clock1-countdown {
42
+ background-image: url("../img/clock1.png");
43
+ background-size: 100% 100%;
44
+ }
45
+
46
+ .clock2-countdown {
47
+ background-image: url("../img/clock2.png");
48
+ background-size: 100% 100%;
49
+ }
50
+
51
+ .clock3-countdown {
52
+ background-image: url("../img/clock3.png");
53
+ background-size: 100% 100%;
54
+ }
55
+
56
+ .analytics-countdown-pro {
57
+ background-image: url("../img/analytic.png");
58
+ background-size: 100% 100%;
59
+ }
60
+
61
+ .countdownButton-countdown-pro {
62
+ background-image: url("../img/buttonExt.jpg");
63
+ background-size: 100% 100%;
64
+ }
65
+
66
+ .clock4-countdown,
67
+ .clock4-countdown-pro {
68
+ background-image: url("../img/clock4.png");
69
+ background-size: 100% 100%;
70
+ }
71
+
72
+ .clock5-countdown,
73
+ .clock5-countdown-pro {
74
+ background-image: url("../img/clock5.png");
75
+ background-size: 100% 100%;
76
+ }
77
+
78
+ .clock6-countdown,
79
+ .clock6-countdown-pro {
80
+ background-image: url("../img/clock6.png");
81
+ background-size: 100% 100%;
82
+ }
83
+
84
+ .clock7-countdown,
85
+ .clock7-countdown-pro {
86
+ background-image: url("../img/clock7.png");
87
+ background-size: 100% 100%;
88
+ }
89
+
90
+ .timer-countdown {
91
+ background-image: url("../img/DigtalCountdown.jpg");
92
+ background-size: 100% 100%;
93
+ }
94
+
95
+ .flipClock-countdown,
96
+ .flipClock-countdown-pro {
97
+ background-image: url("../img/Flipclock.png");
98
+ background-size: 100% 100%;
99
+ }
100
+
101
+ .circlePopup-countdown,
102
+ .circlePopup-countdown-pro {
103
+ background-image: url("../img/CirclePopup.png");
104
+ background-repeat: no-repeat;
105
+ background-position: 13%;
106
+ background-color: black;
107
+ }
108
+
109
+ .flipClockPopup-countdown,
110
+ .flipClockPopup-countdown-pro {
111
+ background-image: url("../img/FlipClockPopup.png");
112
+ background-size: 100% 100%;
113
+ }
114
+
115
+ .sticky-countdown,
116
+ .sticky-countdown-pro {
117
+ background-image: url("../img/Sticky.png");
118
+ background-size: 100% 100%;
119
+ }
120
+
121
+ .woo-countdown,
122
+ .woo-countdown-pro {
123
+ background-image: url("../img/woo.png");
124
+ background-size: 100% 100%;
125
+ }
126
+
127
+ .circleTimer-countdown,
128
+ .circleTimer-countdown-pro {
129
+ background-image: url("../img/circleTimer.png");
130
+ background-size: 100% 100%;
131
+ }
132
+
133
+ .circlePopup-countdown:hover,
134
+ .circlePopup-countdown-pro:hover {
135
+ background-color: black;
136
+ }
137
+
138
+ .countdowns-div {
139
+ position: relative;
140
+ }
141
+
142
+ .ycd-type-title-extensions-pro {
143
+ top: 42px !important;
144
+ }
145
+
146
+ .ycd-type-title-pro {
147
+ font-size: 23px;
148
+ font-weight: 600;
149
+ color: red;
150
+ opacity: 1;
151
+ overflow-wrap: break-word;
152
+ width: auto;
153
+ margin-top: -15px;
154
+ -ms-transform: rotate(7deg);
155
+ /* -webkit-transform: rotate(7deg); */
156
+ transform: rotate(36deg);
157
+ top: 32px;
158
+ right: -14px;
159
+ position: absolute;
160
+ }
161
+
162
+ .ycd-coming-soon-type {
163
+ color: #fe6300;
164
+ top: 26px;
165
+ }
166
+
167
+ .ycd-promotion-video {
168
+ z-index: 99999999999999999;
169
+ }
170
+
171
+ .ycd-type-div {
172
+ height: 127px;
173
+ background-size: 100% 100%;
174
+ }
175
+
176
+ .ycd-type-view-footer {
177
+ background-color: #F1F1F1;
178
+ position: absolute;
179
+ height: 50px;
180
+ width: 100%;
181
+ bottom: 0px;
182
+ }
183
+
184
+ .ycd-promotion-video {
185
+ display: inline-block;
186
+ margin-top: 13px;
187
+ margin-left: 9px;
188
+ }
189
+
190
+ .ycd-play-promotion-video {
191
+ background-image: url(../img/videoPlay.svg);
192
+ width: 25px;
193
+ height: 25px;
194
+ display: inline-block;
195
+ background-size: contain;
196
+ vertical-align: middle;
197
+ margin-left: 6px
198
+ }
199
+
200
+ .js-ycd-select {
201
+ min-width: 100% !important;
202
+ width: 100% !important;
203
+ }
204
+
205
+ /*Checkbox slider start*/
206
+ /* The switch - the box around the slider */
207
+ .ycd-switch {
208
+ position: relative;
209
+ display: inline-block;
210
+ width: 60px;
211
+ height: 34px;
212
+ }
213
+
214
+ /* Hide default HTML checkbox */
215
+ .ycd-switch input {display:none;}
216
+
217
+ /* The slider */
218
+ .ycd-slider {
219
+ position: absolute;
220
+ cursor: pointer;
221
+ top: 0;
222
+ left: 0;
223
+ right: 0;
224
+ bottom: 0;
225
+ background-color: #ccc;
226
+ -webkit-transition: .4s;
227
+ transition: .4s;
228
+ transform: scale(0.8, 0.8);
229
+ }
230
+
231
+ .ycd-slider:before {
232
+ position: absolute;
233
+ content: "";
234
+ height: 26px;
235
+ width: 26px;
236
+ left: 4px;
237
+ bottom: 4px;
238
+ background-color: white;
239
+ -webkit-transition: .4s;
240
+ transition: .4s;
241
+ }
242
+
243
+ input:checked + .ycd-slider {
244
+ background-color: #2196F3;
245
+ }
246
+
247
+ input:focus + .ycd-slider {
248
+ box-shadow: 0 0 1px #2196F3;
249
+ }
250
+
251
+ input:checked + .ycd-slider:before {
252
+ -webkit-transform: translateX(26px);
253
+ -ms-transform: translateX(26px);
254
+ transform: translateX(26px);
255
+ }
256
+
257
+ /* Rounded sliders */
258
+ .ycd-slider.ycd-round {
259
+ border-radius: 34px;
260
+ }
261
+
262
+ .ycd-slider.ycd-round:before {
263
+ border-radius: 50%;
264
+ }
265
+ /*Checkbox slider end*/
266
+
267
+ .ycd-live-preview {
268
+ position: fixed;
269
+ right: 0;
270
+ bottom: 5px;
271
+ background-color: white;
272
+ border: 1px solid #ccc;
273
+ min-width: 400px;
274
+ z-index: 999;
275
+ }
276
+
277
+ .ycd-live-preview h3 {
278
+ text-align: center;
279
+ }
280
+
281
+ .ycd-pro-span {
282
+ display: inline-block;
283
+ color: red;
284
+ margin-left: 5px;
285
+ }
286
+
287
+ .ycd-circle-popup-shortcode {
288
+ padding: 10px;
289
+ }
290
+
291
+ .ycd-circles-width-wrapper .irs-single,
292
+ .ycd-timer-font-size .irs-single{
293
+ display: none;
294
+ }
295
+
296
+ .irs-line {
297
+ margin-top: -14px;
298
+ }
299
+
300
+ .irs-bar {
301
+ cursor: pointer;
302
+ }
303
+
304
+ .ycd-range-slider-wrapper {
305
+ margin-top: 7px;
306
+ }
307
+
308
+ .ycd-label-of-select {
309
+ margin-top: 4px;
310
+ }
311
+
312
+ .ycd-label-of-switch,
313
+ .ycd-label-of-input {
314
+ margin-top: 6px;
315
+ }
316
+
317
+ .ycd-label-of-color {
318
+ margin-top: 5px;
319
+ }
320
+
321
+ .ycd-label-of-select {
322
+ margin-top: 3px;
323
+ }
324
+
325
+ .ycd-live-preview-text {
326
+ border-bottom: 1px solid #CCCCCC;
327
+ position: relative;
328
+ margin-top: 10px;
329
+ cursor: move;
330
+ }
331
+
332
+ .ycd-live-preview-text h3 {
333
+ margin-top: 0;
334
+ }
335
+
336
+ .ycd-toggle-icon-open:before {
337
+ content: "\f142";
338
+ display: inline-block;
339
+ font: 400 20px/1 dashicons;
340
+ speak: none;
341
+ -webkit-font-smoothing: antialiased;
342
+ -moz-osx-font-smoothing: grayscale;
343
+ text-decoration: none!important;
344
+ cursor: pointer;
345
+ }
346
+
347
+ .ycd-toggle-icon-close:before {
348
+ content: "\f140";
349
+ display: inline-block;
350
+ font: 400 20px/1 dashicons;
351
+ speak: none;
352
+ -webkit-font-smoothing: antialiased;
353
+ -moz-osx-font-smoothing: grayscale;
354
+ text-decoration: none!important;
355
+ cursor: pointer;
356
+ }
357
+
358
+ .ycd-toggle-icon {
359
+ margin-top: 4px;
360
+ width: 54px;
361
+ height: 35px;
362
+ border-radius: 50%;
363
+ text-indent: -1px;
364
+ position: absolute;
365
+ top: -5px;
366
+ right: 11px;
367
+ text-align: right;
368
+ cursor: pointer;
369
+ }
370
+
371
+ .ycd-upgrade-button-red {
372
+ background: #d10303;
373
+ border: 1px solid #d10303;
374
+ padding: 4px 5px 5px 5px;
375
+ color: #fff !important;
376
+ font-size: 16px;
377
+ border-radius: 3px;
378
+ cursor: pointer;
379
+ align-items: flex-start;
380
+ text-align: center !important;
381
+ }
382
+
383
+ .ycd-upgrade-button-red:hover {
384
+ background: #fff;
385
+ color: #d10303 !important;
386
+ border: 1px solid #d10303 !important;
387
+ }
388
+
389
+ .ycd-upgrade-button-red .h2 {
390
+ font-size: 22px !important;
391
+ margin: 0 0 5px 0 !important;
392
+ display: inline-block !important;
393
+ }
394
+
395
+ .ycf-pro-wrapper {
396
+ text-align: center;
397
+ }
398
+
399
+ .ycd-popup-theme {
400
+ margin-left: 8px !important;
401
+ }
402
+
403
+ .ycd-popup-theme:first-child {
404
+ margin-left: 0 !important;
405
+ }
406
+
407
+ .ycd-accordion-content {
408
+ padding-left: 45px;
409
+ }
410
+
411
+ .ycd-bootstrap-wrapper {
412
+ position: relative;
413
+ }
414
+
415
+ .ycd-pro-options-div {
416
+ position: absolute;
417
+ width: 100%;
418
+ height: 100%;
419
+ background-color: rgba(238,238,238,0.4);
420
+ top: 0;
421
+ cursor: pointer;
422
+ }
423
+
424
+ .ycd-pro-options-title {
425
+ position: absolute;
426
+ top: 30%;
427
+ left: 54%;
428
+ font-size: 30px;
429
+ color: red;
430
+ opacity: 1;
431
+ overflow-wrap: break-word;
432
+ }
433
+
434
+ .ycd-tabs-content {
435
+ position: relative;
436
+ background-color: white;
437
+ }
438
+
439
+ .ycd-tabe-content {
440
+ background: white;
441
+ }
442
+
443
+ .ycd-tabs-text-header {
444
+ border-bottom: 1px solid #CCCCCC;
445
+ position: relative;
446
+ margin-top: 10px;
447
+ cursor: pointer;
448
+ }
449
+
450
+ .ycd-tabs-text-header {
451
+ padding: 4px 8px;
452
+ }
453
+
454
+ .ycd-tabs-text-header h3 {
455
+ margin-top: 2px;
456
+ }
457
+
458
+ div.ycd-tabs-text-header > div.ycd-toggle-icon-open {
459
+ margin-top: 13px !important;
460
+ }
461
+
462
+ .ycd-tabe-content {
463
+ padding: 10px;
464
+ }
465
+
466
+ .ycd-settings-wrapper {
467
+ margin-top: 20px;
468
+ }
469
+
470
+ .js-preview-sound {
471
+ color: blue;
472
+ margin-top: 7px;
473
+ cursor: pointer;
474
+ }
475
+
476
+ .ycd-inline-label-radio {
477
+ display: inline-block !important;
478
+ margin-left: 8px;
479
+ }
480
+
481
+ .add-new-h2 {
482
+ margin-left: 4px;
483
+ padding: 4px 8px;
484
+ position: relative;
485
+ top: -3px;
486
+ text-decoration: none;
487
+ border: none;
488
+ border-radius: 2px;
489
+ background: #f7f7f7;
490
+ text-shadow: none;
491
+ font-weight: 600;
492
+ font-size: 13px;
493
+ line-height: normal;
494
+ color: #0073aa;
495
+ cursor: pointer;
496
+ outline: 0;
497
+ }
498
+
499
+ .add-new-h2:hover {
500
+ border-color: #008EC2;
501
+ background: #00a0d2;
502
+ color: #fff;
503
+ }
504
+
505
+ .ycd-option-wrapper-pro {
506
+ pointer-events: none;
507
+ opacity: 0.4;
508
+ }
509
+
510
+ .ycd-livew-preview-content {
511
+ text-align: center !important;
512
+ }
513
+
514
+ .ycd-float-none {
515
+ float: none !important;
516
+ }
517
+
518
+ .ycd-options-content {
519
+ padding: 10px;
520
+ }
521
+
522
+ .ycd-validation-error {
523
+ color: red;
524
+ margin-bottom: 15px;
525
+ font-weight: bold;
526
+ }
527
+
528
+ .ycd-alert {
529
+ padding: 15px;
530
+ margin-bottom: 20px;
531
+ border: 1px solid transparent;
532
+ border-radius: 4px;
533
+ }
534
+
535
+ .ycd-alert-info {
536
+ color: #31708f;
537
+ background-color: #d9edf7;
538
+ border-color: #bce8f1;
539
+ }
540
+
541
+ .ycd-sub-options-settings {
542
+ padding-left: 15px;
543
+ }
544
+
545
+ .ycd-sub-options-settings label {
546
+ font-weight: 500 !important;
547
+ }
548
+
549
+ .ycd-select-wrapper .select2-container {
550
+ width: 100% !important;
551
+ }
552
+
553
+ #ycd-woo-selected-products > div > div.col-md-5 > span > span.selection > span {
554
+ width: 300px !important;
555
+ }
556
+
557
+ .ycd-bootstrap-wrapper .CodeMirror-scroll {
558
+ margin-right: 0 !important;
559
+ border: 1px solid #ccc;
560
+ }
561
+
562
+ .ycd-preview-icon {
563
+ background-image: url(../img/preview-eye.png);
564
+ width: 30px;
565
+ height: 30px;
566
+ display: inline-block;
567
+ cursor: pointer;
568
+ }
569
+
570
+ .ycd-condition-delete {
571
+ display: none !important;
572
+ }
573
+
574
+ .ycd-condition-add {
575
+ display: none !important;
576
+ }
577
+
578
+ .ycd-condion-wrapper:not(:only-child) .ycd-condition-delete {
579
+ display: inline-block !important;
580
+ }
581
+
582
+ .ycd-condion-wrapper:nth-last-child .ycd-condition-add {
583
+ display: inline-block !important;
584
+ }
585
+
586
+ .ycd-condion-wrapper:last-child .ycd-condition-add {
587
+ display: inline-block !important;
588
+ }
589
+
590
+ .ycd-condition-delete {
591
+ margin-left: 5px;
592
+ }
593
+
594
+ .ycd-add-new-extensions-wrapper {
595
+ width: 100%;
596
+ height: 20px;
597
+ border-bottom: 1px solid #DEDEDE;
598
+ text-align: center;
599
+ margin-bottom: 25px;
600
+ }
601
+
602
+ .ycd-add-new-extensions {
603
+ font-size: 35px;
604
+ background-color: #F1F1F1;
605
+ padding: 0 12px;
606
+ display: inline-block;
607
+ margin-top: 8px;
608
+ }
609
+
610
+ /*More plugins section*/
611
+ #ycd-plugins-wrapper .plugin-card .action-links {
612
+ top: -3px !important;
613
+ }
614
+ #ycd-plugins-wrapper {
615
+ width: 90%;
616
+ margin: 0 auto;
617
+ padding-top: 30px;
618
+ }
619
+
620
+ .plugin-icon {
621
+ top: 0px !important;
622
+ left: 10px !important;
623
+ }
624
+
625
+ .plugin-card .desc {
626
+ margin-right: 0px;
627
+ }
628
+
629
+ .plugin-card-top {
630
+ padding-top: 0px !important;
631
+ }
632
+
633
+ .plugin-card .compatibility-compatible:before {
634
+ content: "\f147" !important;
635
+ }
636
+
637
+ #ycd-plugins-wrapper .column-compatibility {
638
+ width: 100%;
639
+ text-align: inherit;
640
+ }
641
+
642
+ #ycd-plugins-wrapper .plugin-card {
643
+ cursor: pointer;
644
+ }
645
+
646
+ #plugin-icon-contact-form {
647
+ width:128px;
648
+ height:128px;
649
+ background-image: url(//ps.w.org/contact-form-master/assets/icon-128x128.png?rev=1293306);
650
+ background-size:128px 128px;
651
+ }
652
+
653
+ #plugin-icon-readmore {
654
+ width:128px;
655
+ height:128px;
656
+ background-image: url(https://ps.w.org/expand-maker/assets/icon-128x128.png?rev=1696507);
657
+ background-size:128px 128px;
658
+ }
659
+
660
+ #plugin-icon-download {
661
+ width:128px;
662
+ height:128px;
663
+ background-image: url(https://ps.w.org/ydn-download/assets/icon-128x128.png?rev=1696507);
664
+ background-size:128px 128px;
665
+ }
666
+
667
+ #plugin-icon-scroll-top {
668
+ width:128px;
669
+ height:128px;
670
+ background-image: url(https://ps.w.org/scroll-to-top-builder/assets/icon-128x128.png?rev=1696507);
671
+ background-size:128px 128px;
672
+ }
673
+
674
+ .ycd-extentsion-pro {
675
+ margin-right: 15px;
676
+ }
677
+
678
+ /*tooltip*/
679
+ .ycd-tooltip {
680
+ position: relative;
681
+ }
682
+
683
+ .ycd-tooltip .ycd-tooltiptext {
684
+ visibility: hidden;
685
+ width: 140px;
686
+ background-color: #555;
687
+ color: #fff;
688
+ text-align: center;
689
+ border-radius: 6px;
690
+ padding: 5px;
691
+ position: absolute;
692
+ z-index: 1;
693
+ bottom: 150%;
694
+ left: 50%;
695
+ margin-left: -75px;
696
+ opacity: 0;
697
+ transition: opacity 0.3s;
698
+ }
699
+
700
+ .ycd-tooltip .ycd-tooltiptext::after {
701
+ content: "";
702
+ position: absolute;
703
+ top: 100%;
704
+ left: 50%;
705
+ margin-left: -5px;
706
+ border-width: 5px;
707
+ border-style: solid;
708
+ border-color: #555 transparent transparent transparent;
709
+ }
710
+
711
+ .ycd-tooltip:hover .ycd-tooltiptext {
712
+ visibility: visible;
713
+ opacity: 1;
714
+ }
715
+
716
+ .savae-changes-label {
717
+ padding-top: 6px;
718
+ }
719
+
720
+ .ycd-postbox-container {
721
+ width: 100%;
722
+ }
723
+
724
+ .ycd-support-button-red {
725
+ border: 2px solid #e74c3c !important;
726
+ color: #e74c3c !important;
727
+ border-radius: 5px;
728
+ cursor: pointer !important;
729
+ padding: 5px 25px 5px 26px;
730
+ text-transform: uppercase;
731
+ font-weight: 600;
732
+ outline: 0;
733
+ transition: background-color .2s ease-out;
734
+ text-decoration: none;
735
+ margin: 5px auto;
736
+ }
737
+
738
+ .ycd-support-button-red:hover {
739
+ background-color: #e74c3c !important;
740
+ color: #ffffff !important;
741
+ }
742
+
743
+ .ycd-sub-options-wrapper label {
744
+ font-weight: normal;
745
+ padding-left: 20px;
746
  }
assets/css/bootstrap.css CHANGED
@@ -1,6846 +1,6846 @@
1
- .ycd-bootstrap-wrapper {
2
- /*!
3
- * Bootstrap v3.3.6 (http://getbootstrap.com)
4
- * Copyright 2011-2015 Twitter, Inc.
5
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6
- */
7
- /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
8
- /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
9
- /*# sourceMappingURL=bootstrap.css.map */
10
- }
11
- .ycd-bootstrap-wrapper html {
12
- font-family: sans-serif;
13
- -webkit-text-size-adjust: 100%;
14
- -ms-text-size-adjust: 100%;
15
- }
16
- .ycd-bootstrap-wrapper body {
17
- margin: 0;
18
- }
19
- .ycd-bootstrap-wrapper article,
20
- .ycd-bootstrap-wrapper aside,
21
- .ycd-bootstrap-wrapper details,
22
- .ycd-bootstrap-wrapper figcaption,
23
- .ycd-bootstrap-wrapper figure,
24
- .ycd-bootstrap-wrapper footer,
25
- .ycd-bootstrap-wrapper header,
26
- .ycd-bootstrap-wrapper hgroup,
27
- .ycd-bootstrap-wrapper main,
28
- .ycd-bootstrap-wrapper menu,
29
- .ycd-bootstrap-wrapper nav,
30
- .ycd-bootstrap-wrapper section,
31
- .ycd-bootstrap-wrapper summary {
32
- display: block;
33
- }
34
- .ycd-bootstrap-wrapper audio,
35
- .ycd-bootstrap-wrapper canvas,
36
- .ycd-bootstrap-wrapper progress,
37
- .ycd-bootstrap-wrapper video {
38
- display: inline-block;
39
- vertical-align: baseline;
40
- }
41
- .ycd-bootstrap-wrapper audio:not([controls]) {
42
- display: none;
43
- height: 0;
44
- }
45
- .ycd-bootstrap-wrapper [hidden],
46
- .ycd-bootstrap-wrapper template {
47
- display: none;
48
- }
49
- .ycd-bootstrap-wrapper a {
50
- background-color: transparent;
51
- }
52
- .ycd-bootstrap-wrapper a:active,
53
- .ycd-bootstrap-wrapper a:hover {
54
- outline: 0;
55
- }
56
- .ycd-bootstrap-wrapper abbr[title] {
57
- border-bottom: 1px dotted;
58
- }
59
- .ycd-bootstrap-wrapper b,
60
- .ycd-bootstrap-wrapper strong {
61
- font-weight: bold;
62
- }
63
- .ycd-bootstrap-wrapper dfn {
64
- font-style: italic;
65
- }
66
- .ycd-bootstrap-wrapper h1 {
67
- margin: .67em 0;
68
- font-size: 2em;
69
- }
70
- .ycd-bootstrap-wrapper mark {
71
- color: #000;
72
- background: #ff0;
73
- }
74
- .ycd-bootstrap-wrapper small {
75
- font-size: 80%;
76
- }
77
- .ycd-bootstrap-wrapper sub,
78
- .ycd-bootstrap-wrapper sup {
79
- position: relative;
80
- font-size: 75%;
81
- line-height: 0;
82
- vertical-align: baseline;
83
- }
84
- .ycd-bootstrap-wrapper sup {
85
- top: -0.5em;
86
- }
87
- .ycd-bootstrap-wrapper sub {
88
- bottom: -0.25em;
89
- }
90
- .ycd-bootstrap-wrapper img {
91
- border: 0;
92
- }
93
- .ycd-bootstrap-wrapper svg:not(:root) {
94
- overflow: hidden;
95
- }
96
- .ycd-bootstrap-wrapper figure {
97
- margin: 1em 40px;
98
- }
99
- .ycd-bootstrap-wrapper hr {
100
- height: 0;
101
- -webkit-box-sizing: content-box;
102
- -moz-box-sizing: content-box;
103
- box-sizing: content-box;
104
- }
105
- .ycd-bootstrap-wrapper pre {
106
- overflow: auto;
107
- }
108
- .ycd-bootstrap-wrapper code,
109
- .ycd-bootstrap-wrapper kbd,
110
- .ycd-bootstrap-wrapper pre,
111
- .ycd-bootstrap-wrapper samp {
112
- font-family: monospace, monospace;
113
- font-size: 1em;
114
- }
115
- .ycd-bootstrap-wrapper button,
116
- .ycd-bootstrap-wrapper input,
117
- .ycd-bootstrap-wrapper optgroup,
118
- .ycd-bootstrap-wrapper select,
119
- .ycd-bootstrap-wrapper textarea {
120
- margin: 0;
121
- font: inherit;
122
- color: inherit;
123
- }
124
- .ycd-bootstrap-wrapper button {
125
- overflow: visible;
126
- }
127
- .ycd-bootstrap-wrapper button,
128
- .ycd-bootstrap-wrapper select {
129
- text-transform: none;
130
- }
131
- .ycd-bootstrap-wrapper button,
132
- .ycd-bootstrap-wrapper html input[type="button"],
133
- .ycd-bootstrap-wrapper input[type="reset"],
134
- .ycd-bootstrap-wrapper input[type="submit"] {
135
- -webkit-appearance: button;
136
- cursor: pointer;
137
- }
138
- .ycd-bootstrap-wrapper button[disabled],
139
- .ycd-bootstrap-wrapper html input[disabled] {
140
- cursor: default;
141
- }
142
- .ycd-bootstrap-wrapper button::-moz-focus-inner,
143
- .ycd-bootstrap-wrapper input::-moz-focus-inner {
144
- padding: 0;
145
- border: 0;
146
- }
147
- .ycd-bootstrap-wrapper input {
148
- line-height: normal;
149
- }
150
- .ycd-bootstrap-wrapper input[type="checkbox"],
151
- .ycd-bootstrap-wrapper input[type="radio"] {
152
- -webkit-box-sizing: border-box;
153
- -moz-box-sizing: border-box;
154
- box-sizing: border-box;
155
- padding: 0;
156
- }
157
- .ycd-bootstrap-wrapper input[type="number"]::-webkit-inner-spin-button,
158
- .ycd-bootstrap-wrapper input[type="number"]::-webkit-outer-spin-button {
159
- height: auto;
160
- }
161
- .ycd-bootstrap-wrapper input[type="search"] {
162
- -webkit-box-sizing: content-box;
163
- -moz-box-sizing: content-box;
164
- box-sizing: content-box;
165
- -webkit-appearance: textfield;
166
- }
167
- .ycd-bootstrap-wrapper input[type="search"]::-webkit-search-cancel-button,
168
- .ycd-bootstrap-wrapper input[type="search"]::-webkit-search-decoration {
169
- -webkit-appearance: none;
170
- }
171
- .ycd-bootstrap-wrapper fieldset {
172
- padding: .35em .625em .75em;
173
- margin: 0 2px;
174
- border: 1px solid #c0c0c0;
175
- }
176
- .ycd-bootstrap-wrapper legend {
177
- padding: 0;
178
- border: 0;
179
- }
180
- .ycd-bootstrap-wrapper textarea {
181
- overflow: auto;
182
- }
183
- .ycd-bootstrap-wrapper optgroup {
184
- font-weight: bold;
185
- }
186
- .ycd-bootstrap-wrapper table {
187
- border-spacing: 0;
188
- border-collapse: collapse;
189
- }
190
- .ycd-bootstrap-wrapper td,
191
- .ycd-bootstrap-wrapper th {
192
- padding: 0;
193
- }
194
- @media print {
195
- .ycd-bootstrap-wrapper *,
196
- .ycd-bootstrap-wrapper *:before,
197
- .ycd-bootstrap-wrapper *:after {
198
- color: #000 !important;
199
- text-shadow: none !important;
200
- background: transparent !important;
201
- -webkit-box-shadow: none !important;
202
- box-shadow: none !important;
203
- }
204
- .ycd-bootstrap-wrapper a,
205
- .ycd-bootstrap-wrapper a:visited {
206
- text-decoration: underline;
207
- }
208
- .ycd-bootstrap-wrapper a[href]:after {
209
- content: " (" attr(href) ")";
210
- }
211
- .ycd-bootstrap-wrapper abbr[title]:after {
212
- content: " (" attr(title) ")";
213
- }
214
- .ycd-bootstrap-wrapper a[href^="#"]:after,
215
- .ycd-bootstrap-wrapper a[href^="javascript:"]:after {
216
- content: "";
217
- }
218
- .ycd-bootstrap-wrapper pre,
219
- .ycd-bootstrap-wrapper blockquote {
220
- border: 1px solid #999;
221
- page-break-inside: avoid;
222
- }
223
- .ycd-bootstrap-wrapper thead {
224
- display: table-header-group;
225
- }
226
- .ycd-bootstrap-wrapper tr,
227
- .ycd-bootstrap-wrapper img {
228
- page-break-inside: avoid;
229
- }
230
- .ycd-bootstrap-wrapper img {
231
- max-width: 100% !important;
232
- }
233
- .ycd-bootstrap-wrapper p,
234
- .ycd-bootstrap-wrapper h2,
235
- .ycd-bootstrap-wrapper h3 {
236
- orphans: 3;
237
- widows: 3;
238
- }
239
- .ycd-bootstrap-wrapper h2,
240
- .ycd-bootstrap-wrapper h3 {
241
- page-break-after: avoid;
242
- }
243
- .ycd-bootstrap-wrapper .navbar {
244
- display: none;
245
- }
246
- .ycd-bootstrap-wrapper .btn > .caret,
247
- .ycd-bootstrap-wrapper .dropup > .btn > .caret {
248
- border-top-color: #000 !important;
249
- }
250
- .ycd-bootstrap-wrapper .label {
251
- border: 1px solid #000;
252
- }
253
- .ycd-bootstrap-wrapper .table {
254
- border-collapse: collapse !important;
255
- }
256
- .ycd-bootstrap-wrapper .table td,
257
- .ycd-bootstrap-wrapper .table th {
258
- background-color: #fff !important;
259
- }
260
- .ycd-bootstrap-wrapper .table-bordered th,
261
- .ycd-bootstrap-wrapper .table-bordered td {
262
- border: 1px solid #ddd !important;
263
- }
264
- }
265
- @font-face {
266
- font-family: 'Glyphicons Halflings';
267
- src: url('http://localhost/fonts/glyphicons-halflings-regular.eot');
268
- src: url('http://localhost/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('http://localhost/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('http://localhost/fonts/glyphicons-halflings-regular.woff') format('woff'), url('http://localhost/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('http://localhost/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
269
- }
270
- .ycd-bootstrap-wrapper .glyphicon {
271
- position: relative;
272
- top: 1px;
273
- display: inline-block;
274
- font-family: 'Glyphicons Halflings';
275
- font-style: normal;
276
- font-weight: normal;
277
- line-height: 1;
278
- -webkit-font-smoothing: antialiased;
279
- -moz-osx-font-smoothing: grayscale;
280
- }
281
- .ycd-bootstrap-wrapper .glyphicon-asterisk:before {
282
- content: "\002a";
283
- }
284
- .ycd-bootstrap-wrapper .glyphicon-plus:before {
285
- content: "\002b";
286
- }
287
- .ycd-bootstrap-wrapper .glyphicon-euro:before,
288
- .ycd-bootstrap-wrapper .glyphicon-eur:before {
289
- content: "\20ac";
290
- }
291
- .ycd-bootstrap-wrapper .glyphicon-minus:before {
292
- content: "\2212";
293
- }
294
- .ycd-bootstrap-wrapper .glyphicon-cloud:before {
295
- content: "\2601";
296
- }
297
- .ycd-bootstrap-wrapper .glyphicon-envelope:before {
298
- content: "\2709";
299
- }
300
- .ycd-bootstrap-wrapper .glyphicon-pencil:before {
301
- content: "\270f";
302
- }
303
- .ycd-bootstrap-wrapper .glyphicon-glass:before {
304
- content: "\e001";
305
- }
306
- .ycd-bootstrap-wrapper .glyphicon-music:before {
307
- content: "\e002";
308
- }
309
- .ycd-bootstrap-wrapper .glyphicon-search:before {
310
- content: "\e003";
311
- }
312
- .ycd-bootstrap-wrapper .glyphicon-heart:before {
313
- content: "\e005";
314
- }
315
- .ycd-bootstrap-wrapper .glyphicon-star:before {
316
- content: "\e006";
317
- }
318
- .ycd-bootstrap-wrapper .glyphicon-star-empty:before {
319
- content: "\e007";
320
- }
321
- .ycd-bootstrap-wrapper .glyphicon-user:before {
322
- content: "\e008";
323
- }
324
- .ycd-bootstrap-wrapper .glyphicon-film:before {
325
- content: "\e009";
326
- }
327
- .ycd-bootstrap-wrapper .glyphicon-th-large:before {
328
- content: "\e010";
329
- }
330
- .ycd-bootstrap-wrapper .glyphicon-th:before {
331
- content: "\e011";
332
- }
333
- .ycd-bootstrap-wrapper .glyphicon-th-list:before {
334
- content: "\e012";
335
- }
336
- .ycd-bootstrap-wrapper .glyphicon-ok:before {
337
- content: "\e013";
338
- }
339
- .ycd-bootstrap-wrapper .glyphicon-remove:before {
340
- content: "\e014";
341
- }
342
- .ycd-bootstrap-wrapper .glyphicon-zoom-in:before {
343
- content: "\e015";
344
- }
345
- .ycd-bootstrap-wrapper .glyphicon-zoom-out:before {
346
- content: "\e016";
347
- }
348
- .ycd-bootstrap-wrapper .glyphicon-off:before {
349
- content: "\e017";
350
- }
351
- .ycd-bootstrap-wrapper .glyphicon-signal:before {
352
- content: "\e018";
353
- }
354
- .ycd-bootstrap-wrapper .glyphicon-cog:before {
355
- content: "\e019";
356
- }
357
- .ycd-bootstrap-wrapper .glyphicon-trash:before {
358
- content: "\e020";
359
- }
360
- .ycd-bootstrap-wrapper .glyphicon-home:before {
361
- content: "\e021";
362
- }
363
- .ycd-bootstrap-wrapper .glyphicon-file:before {
364
- content: "\e022";
365
- }
366
- .ycd-bootstrap-wrapper .glyphicon-time:before {
367
- content: "\e023";
368
- }
369
- .ycd-bootstrap-wrapper .glyphicon-road:before {
370
- content: "\e024";
371
- }
372
- .ycd-bootstrap-wrapper .glyphicon-download-alt:before {
373
- content: "\e025";
374
- }
375
- .ycd-bootstrap-wrapper .glyphicon-download:before {
376
- content: "\e026";
377
- }
378
- .ycd-bootstrap-wrapper .glyphicon-upload:before {
379
- content: "\e027";
380
- }
381
- .ycd-bootstrap-wrapper .glyphicon-inbox:before {
382
- content: "\e028";
383
- }
384
- .ycd-bootstrap-wrapper .glyphicon-play-circle:before {
385
- content: "\e029";
386
- }
387
- .ycd-bootstrap-wrapper .glyphicon-repeat:before {
388
- content: "\e030";
389
- }
390
- .ycd-bootstrap-wrapper .glyphicon-refresh:before {
391
- content: "\e031";
392
- }
393
- .ycd-bootstrap-wrapper .glyphicon-list-alt:before {
394
- content: "\e032";
395
- }
396
- .ycd-bootstrap-wrapper .glyphicon-lock:before {
397
- content: "\e033";
398
- }
399
- .ycd-bootstrap-wrapper .glyphicon-flag:before {
400
- content: "\e034";
401
- }
402
- .ycd-bootstrap-wrapper .glyphicon-headphones:before {
403
- content: "\e035";
404
- }
405
- .ycd-bootstrap-wrapper .glyphicon-volume-off:before {
406
- content: "\e036";
407
- }
408
- .ycd-bootstrap-wrapper .glyphicon-volume-down:before {
409
- content: "\e037";
410
- }
411
- .ycd-bootstrap-wrapper .glyphicon-volume-up:before {
412
- content: "\e038";
413
- }
414
- .ycd-bootstrap-wrapper .glyphicon-qrcode:before {
415
- content: "\e039";
416
- }
417
- .ycd-bootstrap-wrapper .glyphicon-barcode:before {
418
- content: "\e040";
419
- }
420
- .ycd-bootstrap-wrapper .glyphicon-tag:before {
421
- content: "\e041";
422
- }
423
- .ycd-bootstrap-wrapper .glyphicon-tags:before {
424
- content: "\e042";
425
- }
426
- .ycd-bootstrap-wrapper .glyphicon-book:before {
427
- content: "\e043";
428
- }
429
- .ycd-bootstrap-wrapper .glyphicon-bookmark:before {
430
- content: "\e044";
431
- }
432
- .ycd-bootstrap-wrapper .glyphicon-print:before {
433
- content: "\e045";
434
- }
435
- .ycd-bootstrap-wrapper .glyphicon-camera:before {
436
- content: "\e046";
437
- }
438
- .ycd-bootstrap-wrapper .glyphicon-font:before {
439
- content: "\e047";
440
- }
441
- .ycd-bootstrap-wrapper .glyphicon-bold:before {
442
- content: "\e048";
443
- }
444
- .ycd-bootstrap-wrapper .glyphicon-italic:before {
445
- content: "\e049";
446
- }
447
- .ycd-bootstrap-wrapper .glyphicon-text-height:before {
448
- content: "\e050";
449
- }
450
- .ycd-bootstrap-wrapper .glyphicon-text-width:before {
451
- content: "\e051";
452
- }
453
- .ycd-bootstrap-wrapper .glyphicon-align-left:before {
454
- content: "\e052";
455
- }
456
- .ycd-bootstrap-wrapper .glyphicon-align-center:before {
457
- content: "\e053";
458
- }
459
- .ycd-bootstrap-wrapper .glyphicon-align-right:before {
460
- content: "\e054";
461
- }
462
- .ycd-bootstrap-wrapper .glyphicon-align-justify:before {
463
- content: "\e055";
464
- }
465
- .ycd-bootstrap-wrapper .glyphicon-list:before {
466
- content: "\e056";
467
- }
468
- .ycd-bootstrap-wrapper .glyphicon-indent-left:before {
469
- content: "\e057";
470
- }
471
- .ycd-bootstrap-wrapper .glyphicon-indent-right:before {
472
- content: "\e058";
473
- }
474
- .ycd-bootstrap-wrapper .glyphicon-facetime-video:before {
475
- content: "\e059";
476
- }
477
- .ycd-bootstrap-wrapper .glyphicon-picture:before {
478
- content: "\e060";
479
- }
480
- .ycd-bootstrap-wrapper .glyphicon-map-marker:before {
481
- content: "\e062";
482
- }
483
- .ycd-bootstrap-wrapper .glyphicon-adjust:before {
484
- content: "\e063";
485
- }
486
- .ycd-bootstrap-wrapper .glyphicon-tint:before {
487
- content: "\e064";
488
- }
489
- .ycd-bootstrap-wrapper .glyphicon-edit:before {
490
- content: "\e065";
491
- }
492
- .ycd-bootstrap-wrapper .glyphicon-share:before {
493
- content: "\e066";
494
- }
495
- .ycd-bootstrap-wrapper .glyphicon-check:before {
496
- content: "\e067";
497
- }
498
- .ycd-bootstrap-wrapper .glyphicon-move:before {
499
- content: "\e068";
500
- }
501
- .ycd-bootstrap-wrapper .glyphicon-step-backward:before {
502
- content: "\e069";
503
- }
504
- .ycd-bootstrap-wrapper .glyphicon-fast-backward:before {
505
- content: "\e070";
506
- }
507
- .ycd-bootstrap-wrapper .glyphicon-backward:before {
508
- content: "\e071";
509
- }
510
- .ycd-bootstrap-wrapper .glyphicon-play:before {
511
- content: "\e072";
512
- }
513
- .ycd-bootstrap-wrapper .glyphicon-pause:before {
514
- content: "\e073";
515
- }
516
- .ycd-bootstrap-wrapper .glyphicon-stop:before {
517
- content: "\e074";
518
- }
519
- .ycd-bootstrap-wrapper .glyphicon-forward:before {
520
- content: "\e075";
521
- }
522
- .ycd-bootstrap-wrapper .glyphicon-fast-forward:before {
523
- content: "\e076";
524
- }
525
- .ycd-bootstrap-wrapper .glyphicon-step-forward:before {
526
- content: "\e077";
527
- }
528
- .ycd-bootstrap-wrapper .glyphicon-eject:before {
529
- content: "\e078";
530
- }
531
- .ycd-bootstrap-wrapper .glyphicon-chevron-left:before {
532
- content: "\e079";
533
- }
534
- .ycd-bootstrap-wrapper .glyphicon-chevron-right:before {
535
- content: "\e080";
536
- }
537
- .ycd-bootstrap-wrapper .glyphicon-plus-sign:before {
538
- content: "\e081";
539
- }
540
- .ycd-bootstrap-wrapper .glyphicon-minus-sign:before {
541
- content: "\e082";
542
- }
543
- .ycd-bootstrap-wrapper .glyphicon-remove-sign:before {
544
- content: "\e083";
545
- }
546
- .ycd-bootstrap-wrapper .glyphicon-ok-sign:before {
547
- content: "\e084";
548
- }
549
- .ycd-bootstrap-wrapper .glyphicon-question-sign:before {
550
- content: "\e085";
551
- }
552
- .ycd-bootstrap-wrapper .glyphicon-info-sign:before {
553
- content: "\e086";
554
- }
555
- .ycd-bootstrap-wrapper .glyphicon-screenshot:before {
556
- content: "\e087";
557
- }
558
- .ycd-bootstrap-wrapper .glyphicon-remove-circle:before {
559
- content: "\e088";
560
- }
561
- .ycd-bootstrap-wrapper .glyphicon-ok-circle:before {
562
- content: "\e089";
563
- }
564
- .ycd-bootstrap-wrapper .glyphicon-ban-circle:before {
565
- content: "\e090";
566
- }
567
- .ycd-bootstrap-wrapper .glyphicon-arrow-left:before {
568
- content: "\e091";
569
- }
570
- .ycd-bootstrap-wrapper .glyphicon-arrow-right:before {
571
- content: "\e092";
572
- }
573
- .ycd-bootstrap-wrapper .glyphicon-arrow-up:before {
574
- content: "\e093";
575
- }
576
- .ycd-bootstrap-wrapper .glyphicon-arrow-down:before {
577
- content: "\e094";
578
- }
579
- .ycd-bootstrap-wrapper .glyphicon-share-alt:before {
580
- content: "\e095";
581
- }
582
- .ycd-bootstrap-wrapper .glyphicon-resize-full:before {
583
- content: "\e096";
584
- }
585
- .ycd-bootstrap-wrapper .glyphicon-resize-small:before {
586
- content: "\e097";
587
- }
588
- .ycd-bootstrap-wrapper .glyphicon-exclamation-sign:before {
589
- content: "\e101";
590
- }
591
- .ycd-bootstrap-wrapper .glyphicon-gift:before {
592
- content: "\e102";
593
- }
594
- .ycd-bootstrap-wrapper .glyphicon-leaf:before {
595
- content: "\e103";
596
- }
597
- .ycd-bootstrap-wrapper .glyphicon-fire:before {
598
- content: "\e104";
599
- }
600
- .ycd-bootstrap-wrapper .glyphicon-eye-open:before {
601
- content: "\e105";
602
- }
603
- .ycd-bootstrap-wrapper .glyphicon-eye-close:before {
604
- content: "\e106";
605
- }
606
- .ycd-bootstrap-wrapper .glyphicon-warning-sign:before {
607
- content: "\e107";
608
- }
609
- .ycd-bootstrap-wrapper .glyphicon-plane:before {
610
- content: "\e108";
611
- }
612
- .ycd-bootstrap-wrapper .glyphicon-calendar:before {
613
- content: "\e109";
614
- }
615
- .ycd-bootstrap-wrapper .glyphicon-random:before {
616
- content: "\e110";
617
- }
618
- .ycd-bootstrap-wrapper .glyphicon-comment:before {
619
- content: "\e111";
620
- }
621
- .ycd-bootstrap-wrapper .glyphicon-magnet:before {
622
- content: "\e112";
623
- }
624
- .ycd-bootstrap-wrapper .glyphicon-chevron-up:before {
625
- content: "\e113";
626
- }
627
- .ycd-bootstrap-wrapper .glyphicon-chevron-down:before {
628
- content: "\e114";
629
- }
630
- .ycd-bootstrap-wrapper .glyphicon-retweet:before {
631
- content: "\e115";
632
- }
633
- .ycd-bootstrap-wrapper .glyphicon-shopping-cart:before {
634
- content: "\e116";
635
- }
636
- .ycd-bootstrap-wrapper .glyphicon-folder-close:before {
637
- content: "\e117";
638
- }
639
- .ycd-bootstrap-wrapper .glyphicon-folder-open:before {
640
- content: "\e118";
641
- }
642
- .ycd-bootstrap-wrapper .glyphicon-resize-vertical:before {
643
- content: "\e119";
644
- }
645
- .ycd-bootstrap-wrapper .glyphicon-resize-horizontal:before {
646
- content: "\e120";
647
- }
648
- .ycd-bootstrap-wrapper .glyphicon-hdd:before {
649
- content: "\e121";
650
- }
651
- .ycd-bootstrap-wrapper .glyphicon-bullhorn:before {
652
- content: "\e122";
653
- }
654
- .ycd-bootstrap-wrapper .glyphicon-bell:before {
655
- content: "\e123";
656
- }
657
- .ycd-bootstrap-wrapper .glyphicon-certificate:before {
658
- content: "\e124";
659
- }
660
- .ycd-bootstrap-wrapper .glyphicon-thumbs-up:before {
661
- content: "\e125";
662
- }
663
- .ycd-bootstrap-wrapper .glyphicon-thumbs-down:before {
664
- content: "\e126";
665
- }
666
- .ycd-bootstrap-wrapper .glyphicon-hand-right:before {
667
- content: "\e127";
668
- }
669
- .ycd-bootstrap-wrapper .glyphicon-hand-left:before {
670
- content: "\e128";
671
- }
672
- .ycd-bootstrap-wrapper .glyphicon-hand-up:before {
673
- content: "\e129";
674
- }
675
- .ycd-bootstrap-wrapper .glyphicon-hand-down:before {
676
- content: "\e130";
677
- }
678
- .ycd-bootstrap-wrapper .glyphicon-circle-arrow-right:before {
679
- content: "\e131";
680
- }
681
- .ycd-bootstrap-wrapper .glyphicon-circle-arrow-left:before {
682
- content: "\e132";
683
- }
684
- .ycd-bootstrap-wrapper .glyphicon-circle-arrow-up:before {
685
- content: "\e133";
686
- }
687
- .ycd-bootstrap-wrapper .glyphicon-circle-arrow-down:before {
688
- content: "\e134";
689
- }
690
- .ycd-bootstrap-wrapper .glyphicon-globe:before {
691
- content: "\e135";
692
- }
693
- .ycd-bootstrap-wrapper .glyphicon-wrench:before {
694
- content: "\e136";
695
- }
696
- .ycd-bootstrap-wrapper .glyphicon-tasks:before {
697
- content: "\e137";
698
- }
699
- .ycd-bootstrap-wrapper .glyphicon-filter:before {
700
- content: "\e138";
701
- }
702
- .ycd-bootstrap-wrapper .glyphicon-briefcase:before {
703
- content: "\e139";
704
- }
705
- .ycd-bootstrap-wrapper .glyphicon-fullscreen:before {
706
- content: "\e140";
707
- }
708
- .ycd-bootstrap-wrapper .glyphicon-dashboard:before {
709
- content: "\e141";
710
- }
711
- .ycd-bootstrap-wrapper .glyphicon-paperclip:before {
712
- content: "\e142";
713
- }
714
- .ycd-bootstrap-wrapper .glyphicon-heart-empty:before {
715
- content: "\e143";
716
- }
717
- .ycd-bootstrap-wrapper .glyphicon-link:before {
718
- content: "\e144";
719
- }
720
- .ycd-bootstrap-wrapper .glyphicon-phone:before {
721
- content: "\e145";
722
- }
723
- .ycd-bootstrap-wrapper .glyphicon-pushpin:before {
724
- content: "\e146";
725
- }
726
- .ycd-bootstrap-wrapper .glyphicon-usd:before {
727
- content: "\e148";
728
- }
729
- .ycd-bootstrap-wrapper .glyphicon-gbp:before {
730
- content: "\e149";
731
- }
732
- .ycd-bootstrap-wrapper .glyphicon-sort:before {
733
- content: "\e150";
734
- }
735
- .ycd-bootstrap-wrapper .glyphicon-sort-by-alphabet:before {
736
- content: "\e151";
737
- }
738
- .ycd-bootstrap-wrapper .glyphicon-sort-by-alphabet-alt:before {
739
- content: "\e152";
740
- }
741
- .ycd-bootstrap-wrapper .glyphicon-sort-by-order:before {
742
- content: "\e153";
743
- }
744
- .ycd-bootstrap-wrapper .glyphicon-sort-by-order-alt:before {
745
- content: "\e154";
746
- }
747
- .ycd-bootstrap-wrapper .glyphicon-sort-by-attributes:before {
748
- content: "\e155";
749
- }
750
- .ycd-bootstrap-wrapper .glyphicon-sort-by-attributes-alt:before {
751
- content: "\e156";
752
- }
753
- .ycd-bootstrap-wrapper .glyphicon-unchecked:before {
754
- content: "\e157";
755
- }
756
- .ycd-bootstrap-wrapper .glyphicon-expand:before {
757
- content: "\e158";
758
- }
759
- .ycd-bootstrap-wrapper .glyphicon-collapse-down:before {
760
- content: "\e159";
761
- }
762
- .ycd-bootstrap-wrapper .glyphicon-collapse-up:before {
763
- content: "\e160";
764
- }
765
- .ycd-bootstrap-wrapper .glyphicon-log-in:before {
766
- content: "\e161";
767
- }
768
- .ycd-bootstrap-wrapper .glyphicon-flash:before {
769
- content: "\e162";
770
- }
771
- .ycd-bootstrap-wrapper .glyphicon-log-out:before {
772
- content: "\e163";
773
- }
774
- .ycd-bootstrap-wrapper .glyphicon-new-window:before {
775
- content: "\e164";
776
- }
777
- .ycd-bootstrap-wrapper .glyphicon-record:before {
778
- content: "\e165";
779
- }
780
- .ycd-bootstrap-wrapper .glyphicon-save:before {
781
- content: "\e166";
782
- }
783
- .ycd-bootstrap-wrapper .glyphicon-open:before {
784
- content: "\e167";
785
- }
786
- .ycd-bootstrap-wrapper .glyphicon-saved:before {
787
- content: "\e168";
788
- }
789
- .ycd-bootstrap-wrapper .glyphicon-import:before {
790
- content: "\e169";
791
- }
792
- .ycd-bootstrap-wrapper .glyphicon-export:before {
793
- content: "\e170";
794
- }
795
- .ycd-bootstrap-wrapper .glyphicon-send:before {
796
- content: "\e171";
797
- }
798
- .ycd-bootstrap-wrapper .glyphicon-floppy-disk:before {
799
- content: "\e172";
800
- }
801
- .ycd-bootstrap-wrapper .glyphicon-floppy-saved:before {
802
- content: "\e173";
803
- }
804
- .ycd-bootstrap-wrapper .glyphicon-floppy-remove:before {
805
- content: "\e174";
806
- }
807
- .ycd-bootstrap-wrapper .glyphicon-floppy-save:before {
808
- content: "\e175";
809
- }
810
- .ycd-bootstrap-wrapper .glyphicon-floppy-open:before {
811
- content: "\e176";
812
- }
813
- .ycd-bootstrap-wrapper .glyphicon-credit-card:before {
814
- content: "\e177";
815
- }
816
- .ycd-bootstrap-wrapper .glyphicon-transfer:before {
817
- content: "\e178";
818
- }
819
- .ycd-bootstrap-wrapper .glyphicon-cutlery:before {
820
- content: "\e179";
821
- }
822
- .ycd-bootstrap-wrapper .glyphicon-header:before {
823
- content: "\e180";
824
- }
825
- .ycd-bootstrap-wrapper .glyphicon-compressed:before {
826
- content: "\e181";
827
- }
828
- .ycd-bootstrap-wrapper .glyphicon-earphone:before {
829
- content: "\e182";
830
- }
831
- .ycd-bootstrap-wrapper .glyphicon-phone-alt:before {
832
- content: "\e183";
833
- }
834
- .ycd-bootstrap-wrapper .glyphicon-tower:before {
835
- content: "\e184";
836
- }
837
- .ycd-bootstrap-wrapper .glyphicon-stats:before {
838
- content: "\e185";
839
- }
840
- .ycd-bootstrap-wrapper .glyphicon-sd-video:before {
841
- content: "\e186";
842
- }
843
- .ycd-bootstrap-wrapper .glyphicon-hd-video:before {
844
- content: "\e187";
845
- }
846
- .ycd-bootstrap-wrapper .glyphicon-subtitles:before {
847
- content: "\e188";
848
- }
849
- .ycd-bootstrap-wrapper .glyphicon-sound-stereo:before {
850
- content: "\e189";
851
- }
852
- .ycd-bootstrap-wrapper .glyphicon-sound-dolby:before {
853
- content: "\e190";
854
- }
855
- .ycd-bootstrap-wrapper .glyphicon-sound-5-1:before {
856
- content: "\e191";
857
- }
858
- .ycd-bootstrap-wrapper .glyphicon-sound-6-1:before {
859
- content: "\e192";
860
- }
861
- .ycd-bootstrap-wrapper .glyphicon-sound-7-1:before {
862
- content: "\e193";
863
- }
864
- .ycd-bootstrap-wrapper .glyphicon-copyright-mark:before {
865
- content: "\e194";
866
- }
867
- .ycd-bootstrap-wrapper .glyphicon-registration-mark:before {
868
- content: "\e195";
869
- }
870
- .ycd-bootstrap-wrapper .glyphicon-cloud-download:before {
871
- content: "\e197";
872
- }
873
- .ycd-bootstrap-wrapper .glyphicon-cloud-upload:before {
874
- content: "\e198";
875
- }
876
- .ycd-bootstrap-wrapper .glyphicon-tree-conifer:before {
877
- content: "\e199";
878
- }
879
- .ycd-bootstrap-wrapper .glyphicon-tree-deciduous:before {
880
- content: "\e200";
881
- }
882
- .ycd-bootstrap-wrapper .glyphicon-cd:before {
883
- content: "\e201";
884
- }
885
- .ycd-bootstrap-wrapper .glyphicon-save-file:before {
886
- content: "\e202";
887
- }
888
- .ycd-bootstrap-wrapper .glyphicon-open-file:before {
889
- content: "\e203";
890
- }
891
- .ycd-bootstrap-wrapper .glyphicon-level-up:before {
892
- content: "\e204";
893
- }
894
- .ycd-bootstrap-wrapper .glyphicon-copy:before {
895
- content: "\e205";
896
- }
897
- .ycd-bootstrap-wrapper .glyphicon-paste:before {
898
- content: "\e206";
899
- }
900
- .ycd-bootstrap-wrapper .glyphicon-alert:before {
901
- content: "\e209";
902
- }
903
- .ycd-bootstrap-wrapper .glyphicon-equalizer:before {
904
- content: "\e210";
905
- }
906
- .ycd-bootstrap-wrapper .glyphicon-king:before {
907
- content: "\e211";
908
- }
909
- .ycd-bootstrap-wrapper .glyphicon-queen:before {
910
- content: "\e212";
911
- }
912
- .ycd-bootstrap-wrapper .glyphicon-pawn:before {
913
- content: "\e213";
914
- }
915
- .ycd-bootstrap-wrapper .glyphicon-bishop:before {
916
- content: "\e214";
917
- }
918
- .ycd-bootstrap-wrapper .glyphicon-knight:before {
919
- content: "\e215";
920
- }
921
- .ycd-bootstrap-wrapper .glyphicon-baby-formula:before {
922
- content: "\e216";
923
- }
924
- .ycd-bootstrap-wrapper .glyphicon-tent:before {
925
- content: "\26fa";
926
- }
927
- .ycd-bootstrap-wrapper .glyphicon-blackboard:before {
928
- content: "\e218";
929
- }
930
- .ycd-bootstrap-wrapper .glyphicon-bed:before {
931
- content: "\e219";
932
- }
933
- .ycd-bootstrap-wrapper .glyphicon-apple:before {
934
- content: "\f8ff";
935
- }
936
- .ycd-bootstrap-wrapper .glyphicon-erase:before {
937
- content: "\e221";
938
- }
939
- .ycd-bootstrap-wrapper .glyphicon-hourglass:before {
940
- content: "\231b";
941
- }
942
- .ycd-bootstrap-wrapper .glyphicon-lamp:before {
943
- content: "\e223";
944
- }
945
- .ycd-bootstrap-wrapper .glyphicon-duplicate:before {
946
- content: "\e224";
947
- }
948
- .ycd-bootstrap-wrapper .glyphicon-piggy-bank:before {
949
- content: "\e225";
950
- }
951
- .ycd-bootstrap-wrapper .glyphicon-scissors:before {
952
- content: "\e226";
953
- }
954
- .ycd-bootstrap-wrapper .glyphicon-bitcoin:before {
955
- content: "\e227";
956
- }
957
- .ycd-bootstrap-wrapper .glyphicon-btc:before {
958
- content: "\e227";
959
- }
960
- .ycd-bootstrap-wrapper .glyphicon-xbt:before {
961
- content: "\e227";
962
- }
963
- .ycd-bootstrap-wrapper .glyphicon-yen:before {
964
- content: "\00a5";
965
- }
966
- .ycd-bootstrap-wrapper .glyphicon-jpy:before {
967
- content: "\00a5";
968
- }
969
- .ycd-bootstrap-wrapper .glyphicon-ruble:before {
970
- content: "\20bd";
971
- }
972
- .ycd-bootstrap-wrapper .glyphicon-rub:before {
973
- content: "\20bd";
974
- }
975
- .ycd-bootstrap-wrapper .glyphicon-scale:before {
976
- content: "\e230";
977
- }
978
- .ycd-bootstrap-wrapper .glyphicon-ice-lolly:before {
979
- content: "\e231";
980
- }
981
- .ycd-bootstrap-wrapper .glyphicon-ice-lolly-tasted:before {
982
- content: "\e232";
983
- }
984
- .ycd-bootstrap-wrapper .glyphicon-education:before {
985
- content: "\e233";
986
- }
987
- .ycd-bootstrap-wrapper .glyphicon-option-horizontal:before {
988
- content: "\e234";
989
- }
990
- .ycd-bootstrap-wrapper .glyphicon-option-vertical:before {
991
- content: "\e235";
992
- }
993
- .ycd-bootstrap-wrapper .glyphicon-menu-hamburger:before {
994
- content: "\e236";
995
- }
996
- .ycd-bootstrap-wrapper .glyphicon-modal-window:before {
997
- content: "\e237";
998
- }
999
- .ycd-bootstrap-wrapper .glyphicon-oil:before {
1000
- content: "\e238";
1001
- }
1002
- .ycd-bootstrap-wrapper .glyphicon-grain:before {
1003
- content: "\e239";
1004
- }
1005
- .ycd-bootstrap-wrapper .glyphicon-sunglasses:before {
1006
- content: "\e240";
1007
- }
1008
- .ycd-bootstrap-wrapper .glyphicon-text-size:before {
1009
- content: "\e241";
1010
- }
1011
- .ycd-bootstrap-wrapper .glyphicon-text-color:before {
1012
- content: "\e242";
1013
- }
1014
- .ycd-bootstrap-wrapper .glyphicon-text-background:before {
1015
- content: "\e243";
1016
- }
1017
- .ycd-bootstrap-wrapper .glyphicon-object-align-top:before {
1018
- content: "\e244";
1019
- }
1020
- .ycd-bootstrap-wrapper .glyphicon-object-align-bottom:before {
1021
- content: "\e245";
1022
- }
1023
- .ycd-bootstrap-wrapper .glyphicon-object-align-horizontal:before {
1024
- content: "\e246";
1025
- }
1026
- .ycd-bootstrap-wrapper .glyphicon-object-align-left:before {
1027
- content: "\e247";
1028
- }
1029
- .ycd-bootstrap-wrapper .glyphicon-object-align-vertical:before {
1030
- content: "\e248";
1031
- }
1032
- .ycd-bootstrap-wrapper .glyphicon-object-align-right:before {
1033
- content: "\e249";
1034
- }
1035
- .ycd-bootstrap-wrapper .glyphicon-triangle-right:before {
1036
- content: "\e250";
1037
- }
1038
- .ycd-bootstrap-wrapper .glyphicon-triangle-left:before {
1039
- content: "\e251";
1040
- }
1041
- .ycd-bootstrap-wrapper .glyphicon-triangle-bottom:before {
1042
- content: "\e252";
1043
- }
1044
- .ycd-bootstrap-wrapper .glyphicon-triangle-top:before {
1045
- content: "\e253";
1046
- }
1047
- .ycd-bootstrap-wrapper .glyphicon-console:before {
1048
- content: "\e254";
1049
- }
1050
- .ycd-bootstrap-wrapper .glyphicon-superscript:before {
1051
- content: "\e255";
1052
- }
1053
- .ycd-bootstrap-wrapper .glyphicon-subscript:before {
1054
- content: "\e256";
1055
- }
1056
- .ycd-bootstrap-wrapper .glyphicon-menu-left:before {
1057
- content: "\e257";
1058
- }
1059
- .ycd-bootstrap-wrapper .glyphicon-menu-right:before {
1060
- content: "\e258";
1061
- }
1062
- .ycd-bootstrap-wrapper .glyphicon-menu-down:before {
1063
- content: "\e259";
1064
- }
1065
- .ycd-bootstrap-wrapper .glyphicon-menu-up:before {
1066
- content: "\e260";
1067
- }
1068
- .ycd-bootstrap-wrapper * {
1069
- -webkit-box-sizing: border-box;
1070
- -moz-box-sizing: border-box;
1071
- box-sizing: border-box;
1072
- }
1073
- .ycd-bootstrap-wrapper *:before,
1074
- .ycd-bootstrap-wrapper *:after {
1075
- -webkit-box-sizing: border-box;
1076
- -moz-box-sizing: border-box;
1077
- box-sizing: border-box;
1078
- }
1079
- .ycd-bootstrap-wrapper html {
1080
- font-size: 10px;
1081
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
1082
- }
1083
- .ycd-bootstrap-wrapper body {
1084
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
1085
- font-size: 14px;
1086
- line-height: 1.42857143;
1087
- color: #333;
1088
- background-color: #fff;
1089
- }
1090
- .ycd-bootstrap-wrapper input,
1091
- .ycd-bootstrap-wrapper button,
1092
- .ycd-bootstrap-wrapper select,
1093
- .ycd-bootstrap-wrapper textarea {
1094
- font-family: inherit;
1095
- font-size: inherit;
1096
- line-height: inherit;
1097
- }
1098
- .ycd-bootstrap-wrapper a {
1099
- color: #337ab7;
1100
- text-decoration: none;
1101
- }
1102
- .ycd-bootstrap-wrapper a:hover,
1103
- .ycd-bootstrap-wrapper a:focus {
1104
- color: #23527c;
1105
- text-decoration: underline;
1106
- }
1107
- .ycd-bootstrap-wrapper a:focus {
1108
- outline: thin dotted;
1109
- outline: 5px auto -webkit-focus-ring-color;
1110
- outline-offset: -2px;
1111
- }
1112
- .ycd-bootstrap-wrapper figure {
1113
- margin: 0;
1114
- }
1115
- .ycd-bootstrap-wrapper img {
1116
- vertical-align: middle;
1117
- }
1118
- .ycd-bootstrap-wrapper .img-responsive,
1119
- .ycd-bootstrap-wrapper .thumbnail > img,
1120
- .ycd-bootstrap-wrapper .thumbnail a > img,
1121
- .ycd-bootstrap-wrapper .carousel-inner > .item > img,
1122
- .ycd-bootstrap-wrapper .carousel-inner > .item > a > img {
1123
- display: block;
1124
- max-width: 100%;
1125
- height: auto;
1126
- }
1127
- .ycd-bootstrap-wrapper .img-rounded {
1128
- border-radius: 6px;
1129
- }
1130
- .ycd-bootstrap-wrapper .img-thumbnail {
1131
- display: inline-block;
1132
- max-width: 100%;
1133
- height: auto;
1134
- padding: 4px;
1135
- line-height: 1.42857143;
1136
- background-color: #fff;
1137
- border: 1px solid #ddd;
1138
- border-radius: 4px;
1139
- -webkit-transition: all 0.2s ease-in-out;
1140
- -o-transition: all 0.2s ease-in-out;
1141
- transition: all 0.2s ease-in-out;
1142
- }
1143
- .ycd-bootstrap-wrapper .img-circle {
1144
- border-radius: 50%;
1145
- }
1146
- .ycd-bootstrap-wrapper hr {
1147
- margin-top: 20px;
1148
- margin-bottom: 20px;
1149
- border: 0;
1150
- border-top: 1px solid #eee;
1151
- }
1152
- .ycd-bootstrap-wrapper .sr-only {
1153
- position: absolute;
1154
- width: 1px;
1155
- height: 1px;
1156
- padding: 0;
1157
- margin: -1px;
1158
- overflow: hidden;
1159
- clip: rect(0, 0, 0, 0);
1160
- border: 0;
1161
- }
1162
- .ycd-bootstrap-wrapper .sr-only-focusable:active,
1163
- .ycd-bootstrap-wrapper .sr-only-focusable:focus {
1164
- position: static;
1165
- width: auto;
1166
- height: auto;
1167
- margin: 0;
1168
- overflow: visible;
1169
- clip: auto;
1170
- }
1171
- .ycd-bootstrap-wrapper [role="button"] {
1172
- cursor: pointer;
1173
- }
1174
- .ycd-bootstrap-wrapper h1,
1175
- .ycd-bootstrap-wrapper h2,
1176
- .ycd-bootstrap-wrapper h3,
1177
- .ycd-bootstrap-wrapper h4,
1178
- .ycd-bootstrap-wrapper h5,
1179
- .ycd-bootstrap-wrapper h6,
1180
- .ycd-bootstrap-wrapper .h1,
1181
- .ycd-bootstrap-wrapper .h2,
1182
- .ycd-bootstrap-wrapper .h3,
1183
- .ycd-bootstrap-wrapper .h4,
1184
- .ycd-bootstrap-wrapper .h5,
1185
- .ycd-bootstrap-wrapper .h6 {
1186
- font-family: inherit;
1187
- font-weight: 500;
1188
- line-height: 1.1;
1189
- color: inherit;
1190
- }
1191
- .ycd-bootstrap-wrapper h1 small,
1192
- .ycd-bootstrap-wrapper h2 small,
1193
- .ycd-bootstrap-wrapper h3 small,
1194
- .ycd-bootstrap-wrapper h4 small,
1195
- .ycd-bootstrap-wrapper h5 small,
1196
- .ycd-bootstrap-wrapper h6 small,
1197
- .ycd-bootstrap-wrapper .h1 small,
1198
- .ycd-bootstrap-wrapper .h2 small,
1199
- .ycd-bootstrap-wrapper .h3 small,
1200
- .ycd-bootstrap-wrapper .h4 small,
1201
- .ycd-bootstrap-wrapper .h5 small,
1202
- .ycd-bootstrap-wrapper .h6 small,
1203
- .ycd-bootstrap-wrapper h1 .small,
1204
- .ycd-bootstrap-wrapper h2 .small,
1205
- .ycd-bootstrap-wrapper h3 .small,
1206
- .ycd-bootstrap-wrapper h4 .small,
1207
- .ycd-bootstrap-wrapper h5 .small,
1208
- .ycd-bootstrap-wrapper h6 .small,
1209
- .ycd-bootstrap-wrapper .h1 .small,
1210
- .ycd-bootstrap-wrapper .h2 .small,
1211
- .ycd-bootstrap-wrapper .h3 .small,
1212
- .ycd-bootstrap-wrapper .h4 .small,
1213
- .ycd-bootstrap-wrapper .h5 .small,
1214
- .ycd-bootstrap-wrapper .h6 .small {
1215
- font-weight: normal;
1216
- line-height: 1;
1217
- color: #777;
1218
- }
1219
- .ycd-bootstrap-wrapper h1,
1220
- .ycd-bootstrap-wrapper .h1,
1221
- .ycd-bootstrap-wrapper h2,
1222
- .ycd-bootstrap-wrapper .h2,
1223
- .ycd-bootstrap-wrapper h3,
1224
- .ycd-bootstrap-wrapper .h3 {
1225
- margin-top: 20px;
1226
- margin-bottom: 10px;
1227
- }
1228
- .ycd-bootstrap-wrapper h1 small,
1229
- .ycd-bootstrap-wrapper .h1 small,
1230
- .ycd-bootstrap-wrapper h2 small,
1231
- .ycd-bootstrap-wrapper .h2 small,
1232
- .ycd-bootstrap-wrapper h3 small,
1233
- .ycd-bootstrap-wrapper .h3 small,
1234
- .ycd-bootstrap-wrapper h1 .small,
1235
- .ycd-bootstrap-wrapper .h1 .small,
1236
- .ycd-bootstrap-wrapper h2 .small,
1237
- .ycd-bootstrap-wrapper .h2 .small,
1238
- .ycd-bootstrap-wrapper h3 .small,
1239
- .ycd-bootstrap-wrapper .h3 .small {
1240
- font-size: 65%;
1241
- }
1242
- .ycd-bootstrap-wrapper h4,
1243
- .ycd-bootstrap-wrapper .h4,
1244
- .ycd-bootstrap-wrapper h5,
1245
- .ycd-bootstrap-wrapper .h5,
1246
- .ycd-bootstrap-wrapper h6,
1247
- .ycd-bootstrap-wrapper .h6 {
1248
- margin-top: 10px;
1249
- margin-bottom: 10px;
1250
- }
1251
- .ycd-bootstrap-wrapper h4 small,
1252
- .ycd-bootstrap-wrapper .h4 small,
1253
- .ycd-bootstrap-wrapper h5 small,
1254
- .ycd-bootstrap-wrapper .h5 small,
1255
- .ycd-bootstrap-wrapper h6 small,
1256
- .ycd-bootstrap-wrapper .h6 small,
1257
- .ycd-bootstrap-wrapper h4 .small,
1258
- .ycd-bootstrap-wrapper .h4 .small,
1259
- .ycd-bootstrap-wrapper h5 .small,
1260
- .ycd-bootstrap-wrapper .h5 .small,
1261
- .ycd-bootstrap-wrapper h6 .small,
1262
- .ycd-bootstrap-wrapper .h6 .small {
1263
- font-size: 75%;
1264
- }
1265
- .ycd-bootstrap-wrapper h1,
1266
- .ycd-bootstrap-wrapper .h1 {
1267
- font-size: 36px;
1268
- }
1269
- .ycd-bootstrap-wrapper h2,
1270
- .ycd-bootstrap-wrapper .h2 {
1271
- font-size: 30px;
1272
- }
1273
- .ycd-bootstrap-wrapper h3,
1274
- .ycd-bootstrap-wrapper .h3 {
1275
- font-size: 24px;
1276
- }
1277
- .ycd-bootstrap-wrapper h4,
1278
- .ycd-bootstrap-wrapper .h4 {
1279
- font-size: 18px;
1280
- }
1281
- .ycd-bootstrap-wrapper h5,
1282
- .ycd-bootstrap-wrapper .h5 {
1283
- font-size: 14px;
1284
- }
1285
- .ycd-bootstrap-wrapper h6,
1286
- .ycd-bootstrap-wrapper .h6 {
1287
- font-size: 12px;
1288
- }
1289
- .ycd-bootstrap-wrapper p {
1290
- margin: 0 0 10px;
1291
- }
1292
- .ycd-bootstrap-wrapper .lead {
1293
- margin-bottom: 20px;
1294
- font-size: 16px;
1295
- font-weight: 300;
1296
- line-height: 1.4;
1297
- }
1298
- @media (min-width: 768px) {
1299
- .ycd-bootstrap-wrapper .lead {
1300
- font-size: 21px;
1301
- }
1302
- }
1303
- .ycd-bootstrap-wrapper small,
1304
- .ycd-bootstrap-wrapper .small {
1305
- font-size: 85%;
1306
- }
1307
- .ycd-bootstrap-wrapper mark,
1308
- .ycd-bootstrap-wrapper .mark {
1309
- padding: .2em;
1310
- background-color: #fcf8e3;
1311
- }
1312
- .ycd-bootstrap-wrapper .text-left {
1313
- text-align: left;
1314
- }
1315
- .ycd-bootstrap-wrapper .text-right {
1316
- text-align: right;
1317
- }
1318
- .ycd-bootstrap-wrapper .text-center {
1319
- text-align: center;
1320
- }
1321
- .ycd-bootstrap-wrapper .text-justify {
1322
- text-align: justify;
1323
- }
1324
- .ycd-bootstrap-wrapper .text-nowrap {
1325
- white-space: nowrap;
1326
- }
1327
- .ycd-bootstrap-wrapper .text-lowercase {
1328
- text-transform: lowercase;
1329
- }
1330
- .ycd-bootstrap-wrapper .text-uppercase {
1331
- text-transform: uppercase;
1332
- }
1333
- .ycd-bootstrap-wrapper .text-capitalize {
1334
- text-transform: capitalize;
1335
- }
1336
- .ycd-bootstrap-wrapper .text-muted {
1337
- color: #777;
1338
- }
1339
- .ycd-bootstrap-wrapper .text-primary {
1340
- color: #337ab7;
1341
- }
1342
- .ycd-bootstrap-wrapper a.text-primary:hover,
1343
- .ycd-bootstrap-wrapper a.text-primary:focus {
1344
- color: #286090;
1345
- }
1346
- .ycd-bootstrap-wrapper .text-success {
1347
- color: #3c763d;
1348
- }
1349
- .ycd-bootstrap-wrapper a.text-success:hover,
1350
- .ycd-bootstrap-wrapper a.text-success:focus {
1351
- color: #2b542c;
1352
- }
1353
- .ycd-bootstrap-wrapper .text-info {
1354
- color: #31708f;
1355
- }
1356
- .ycd-bootstrap-wrapper a.text-info:hover,
1357
- .ycd-bootstrap-wrapper a.text-info:focus {
1358
- color: #245269;
1359
- }
1360
- .ycd-bootstrap-wrapper .text-warning {
1361
- color: #8a6d3b;
1362
- }
1363
- .ycd-bootstrap-wrapper a.text-warning:hover,
1364
- .ycd-bootstrap-wrapper a.text-warning:focus {
1365
- color: #66512c;
1366
- }
1367
- .ycd-bootstrap-wrapper .text-danger {
1368
- color: #a94442;
1369
- }
1370
- .ycd-bootstrap-wrapper a.text-danger:hover,
1371
- .ycd-bootstrap-wrapper a.text-danger:focus {
1372
- color: #843534;
1373
- }
1374
- .ycd-bootstrap-wrapper .bg-primary {
1375
- color: #fff;
1376
- background-color: #337ab7;
1377
- }
1378
- .ycd-bootstrap-wrapper a.bg-primary:hover,
1379
- .ycd-bootstrap-wrapper a.bg-primary:focus {
1380
- background-color: #286090;
1381
- }
1382
- .ycd-bootstrap-wrapper .bg-success {
1383
- background-color: #dff0d8;
1384
- }
1385
- .ycd-bootstrap-wrapper a.bg-success:hover,
1386
- .ycd-bootstrap-wrapper a.bg-success:focus {
1387
- background-color: #c1e2b3;
1388
- }
1389
- .ycd-bootstrap-wrapper .bg-info {
1390
- background-color: #d9edf7;
1391
- }
1392
- .ycd-bootstrap-wrapper a.bg-info:hover,
1393
- .ycd-bootstrap-wrapper a.bg-info:focus {
1394
- background-color: #afd9ee;
1395
- }
1396
- .ycd-bootstrap-wrapper .bg-warning {
1397
- background-color: #fcf8e3;
1398
- }
1399
- .ycd-bootstrap-wrapper a.bg-warning:hover,
1400
- .ycd-bootstrap-wrapper a.bg-warning:focus {
1401
- background-color: #f7ecb5;
1402
- }
1403
- .ycd-bootstrap-wrapper .bg-danger {
1404
- background-color: #f2dede;
1405
- }
1406
- .ycd-bootstrap-wrapper a.bg-danger:hover,
1407
- .ycd-bootstrap-wrapper a.bg-danger:focus {
1408
- background-color: #e4b9b9;
1409
- }
1410
- .ycd-bootstrap-wrapper .page-header {
1411
- padding-bottom: 9px;
1412
- margin: 40px 0 20px;
1413
- border-bottom: 1px solid #eee;
1414
- }
1415
- .ycd-bootstrap-wrapper ul,
1416
- .ycd-bootstrap-wrapper ol {
1417
- margin-top: 0;
1418
- margin-bottom: 10px;
1419
- }
1420
- .ycd-bootstrap-wrapper ul ul,
1421
- .ycd-bootstrap-wrapper ol ul,
1422
- .ycd-bootstrap-wrapper ul ol,
1423
- .ycd-bootstrap-wrapper ol ol {
1424
- margin-bottom: 0;
1425
- }
1426
- .ycd-bootstrap-wrapper .list-unstyled {
1427
- padding-left: 0;
1428
- list-style: none;
1429
- }
1430
- .ycd-bootstrap-wrapper .list-inline {
1431
- padding-left: 0;
1432
- margin-left: -5px;
1433
- list-style: none;
1434
- }
1435
- .ycd-bootstrap-wrapper .list-inline > li {
1436
- display: inline-block;
1437
- padding-right: 5px;
1438
- padding-left: 5px;
1439
- }
1440
- .ycd-bootstrap-wrapper dl {
1441
- margin-top: 0;
1442
- margin-bottom: 20px;
1443
- }
1444
- .ycd-bootstrap-wrapper dt,
1445
- .ycd-bootstrap-wrapper dd {
1446
- line-height: 1.42857143;
1447
- }
1448
- .ycd-bootstrap-wrapper dt {
1449
- font-weight: bold;
1450
- }
1451
- .ycd-bootstrap-wrapper dd {
1452
- margin-left: 0;
1453
- }
1454
- @media (min-width: 768px) {
1455
- .ycd-bootstrap-wrapper .dl-horizontal dt {
1456
- float: left;
1457
- width: 160px;
1458
- overflow: hidden;
1459
- clear: left;
1460
- text-align: right;
1461
- text-overflow: ellipsis;
1462
- white-space: nowrap;
1463
- }
1464
- .ycd-bootstrap-wrapper .dl-horizontal dd {
1465
- margin-left: 180px;
1466
- }
1467
- }
1468
- .ycd-bootstrap-wrapper abbr[title],
1469
- .ycd-bootstrap-wrapper abbr[data-original-title] {
1470
- cursor: help;
1471
- border-bottom: 1px dotted #777;
1472
- }
1473
- .ycd-bootstrap-wrapper .initialism {
1474
- font-size: 90%;
1475
- text-transform: uppercase;
1476
- }
1477
- .ycd-bootstrap-wrapper blockquote {
1478
- padding: 10px 20px;
1479
- margin: 0 0 20px;
1480
- font-size: 17.5px;
1481
- border-left: 5px solid #eee;
1482
- }
1483
- .ycd-bootstrap-wrapper blockquote p:last-child,
1484
- .ycd-bootstrap-wrapper blockquote ul:last-child,
1485
- .ycd-bootstrap-wrapper blockquote ol:last-child {
1486
- margin-bottom: 0;
1487
- }
1488
- .ycd-bootstrap-wrapper blockquote footer,
1489
- .ycd-bootstrap-wrapper blockquote small,
1490
- .ycd-bootstrap-wrapper blockquote .small {
1491
- display: block;
1492
- font-size: 80%;
1493
- line-height: 1.42857143;
1494
- color: #777;
1495
- }
1496
- .ycd-bootstrap-wrapper blockquote footer:before,
1497
- .ycd-bootstrap-wrapper blockquote small:before,
1498
- .ycd-bootstrap-wrapper blockquote .small:before {
1499
- content: '\2014 \00A0';
1500
- }
1501
- .ycd-bootstrap-wrapper .blockquote-reverse,
1502
- .ycd-bootstrap-wrapper blockquote.pull-right {
1503
- padding-right: 15px;
1504
- padding-left: 0;
1505
- text-align: right;
1506
- border-right: 5px solid #eee;
1507
- border-left: 0;
1508
- }
1509
- .ycd-bootstrap-wrapper .blockquote-reverse footer:before,
1510
- .ycd-bootstrap-wrapper blockquote.pull-right footer:before,
1511
- .ycd-bootstrap-wrapper .blockquote-reverse small:before,
1512
- .ycd-bootstrap-wrapper blockquote.pull-right small:before,
1513
- .ycd-bootstrap-wrapper .blockquote-reverse .small:before,
1514
- .ycd-bootstrap-wrapper blockquote.pull-right .small:before {
1515
- content: '';
1516
- }
1517
- .ycd-bootstrap-wrapper .blockquote-reverse footer:after,
1518
- .ycd-bootstrap-wrapper blockquote.pull-right footer:after,
1519
- .ycd-bootstrap-wrapper .blockquote-reverse small:after,
1520
- .ycd-bootstrap-wrapper blockquote.pull-right small:after,
1521
- .ycd-bootstrap-wrapper .blockquote-reverse .small:after,
1522
- .ycd-bootstrap-wrapper blockquote.pull-right .small:after {
1523
- content: '\00A0 \2014';
1524
- }
1525
- .ycd-bootstrap-wrapper address {
1526
- margin-bottom: 20px;
1527
- font-style: normal;
1528
- line-height: 1.42857143;
1529
- }
1530
- .ycd-bootstrap-wrapper code,
1531
- .ycd-bootstrap-wrapper kbd,
1532
- .ycd-bootstrap-wrapper pre,
1533
- .ycd-bootstrap-wrapper samp {
1534
- font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
1535
- }
1536
- .ycd-bootstrap-wrapper code {
1537
- padding: 2px 4px;
1538
- font-size: 90%;
1539
- color: #c7254e;
1540
- background-color: #f9f2f4;
1541
- border-radius: 4px;
1542
- }
1543
- .ycd-bootstrap-wrapper kbd {
1544
- padding: 2px 4px;
1545
- font-size: 90%;
1546
- color: #fff;
1547
- background-color: #333;
1548
- border-radius: 3px;
1549
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
1550
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
1551
- }
1552
- .ycd-bootstrap-wrapper kbd kbd {
1553
- padding: 0;
1554
- font-size: 100%;
1555
- font-weight: bold;
1556
- -webkit-box-shadow: none;
1557
- box-shadow: none;
1558
- }
1559
- .ycd-bootstrap-wrapper pre {
1560
- display: block;
1561
- padding: 9.5px;
1562
- margin: 0 0 10px;
1563
- font-size: 13px;
1564
- line-height: 1.42857143;
1565
- color: #333;
1566
- word-break: break-all;
1567
- word-wrap: break-word;
1568
- background-color: #f5f5f5;
1569
- border: 1px solid #ccc;
1570
- border-radius: 4px;
1571
- }
1572
- .ycd-bootstrap-wrapper pre code {
1573
- padding: 0;
1574
- font-size: inherit;
1575
- color: inherit;
1576
- white-space: pre-wrap;
1577
- background-color: transparent;
1578
- border-radius: 0;
1579
- }
1580
- .ycd-bootstrap-wrapper .pre-scrollable {
1581
- max-height: 340px;
1582
- overflow-y: scroll;
1583
- }
1584
- .ycd-bootstrap-wrapper .container {
1585
- padding-right: 15px;
1586
- padding-left: 15px;
1587
- margin-right: auto;
1588
- margin-left: auto;
1589
- }
1590
- @media (min-width: 768px) {
1591
- .ycd-bootstrap-wrapper .container {
1592
- width: 750px;
1593
- }
1594
- }
1595
- @media (min-width: 992px) {
1596
- .ycd-bootstrap-wrapper .container {
1597
- width: 970px;
1598
- }
1599
- }
1600
- @media (min-width: 1200px) {
1601
- .ycd-bootstrap-wrapper .container {
1602
- width: 1170px;
1603
- }
1604
- }
1605
- .ycd-bootstrap-wrapper .container-fluid {
1606
- padding-right: 15px;
1607
- padding-left: 15px;
1608
- margin-right: auto;
1609
- margin-left: auto;
1610
- }
1611
- .ycd-bootstrap-wrapper .row {
1612
- margin-right: -15px;
1613
- margin-left: -15px;
1614
- }
1615
- .ycd-bootstrap-wrapper .col-xs-1,
1616
- .ycd-bootstrap-wrapper .col-sm-1,
1617
- .ycd-bootstrap-wrapper .col-md-1,
1618
- .ycd-bootstrap-wrapper .col-lg-1,
1619
- .ycd-bootstrap-wrapper .col-xs-2,
1620
- .ycd-bootstrap-wrapper .col-sm-2,
1621
- .ycd-bootstrap-wrapper .col-md-2,
1622
- .ycd-bootstrap-wrapper .col-lg-2,
1623
- .ycd-bootstrap-wrapper .col-xs-3,
1624
- .ycd-bootstrap-wrapper .col-sm-3,
1625
- .ycd-bootstrap-wrapper .col-md-3,
1626
- .ycd-bootstrap-wrapper .col-lg-3,
1627
- .ycd-bootstrap-wrapper .col-xs-4,
1628
- .ycd-bootstrap-wrapper .col-sm-4,
1629
- .ycd-bootstrap-wrapper .col-md-4,
1630
- .ycd-bootstrap-wrapper .col-lg-4,
1631
- .ycd-bootstrap-wrapper .col-xs-5,
1632
- .ycd-bootstrap-wrapper .col-sm-5,
1633
- .ycd-bootstrap-wrapper .col-md-5,
1634
- .ycd-bootstrap-wrapper .col-lg-5,
1635
- .ycd-bootstrap-wrapper .col-xs-6,
1636
- .ycd-bootstrap-wrapper .col-sm-6,
1637
- .ycd-bootstrap-wrapper .col-md-6,
1638
- .ycd-bootstrap-wrapper .col-lg-6,
1639
- .ycd-bootstrap-wrapper .col-xs-7,
1640
- .ycd-bootstrap-wrapper .col-sm-7,
1641
- .ycd-bootstrap-wrapper .col-md-7,
1642
- .ycd-bootstrap-wrapper .col-lg-7,
1643
- .ycd-bootstrap-wrapper .col-xs-8,
1644
- .ycd-bootstrap-wrapper .col-sm-8,
1645
- .ycd-bootstrap-wrapper .col-md-8,
1646
- .ycd-bootstrap-wrapper .col-lg-8,
1647
- .ycd-bootstrap-wrapper .col-xs-9,
1648
- .ycd-bootstrap-wrapper .col-sm-9,
1649
- .ycd-bootstrap-wrapper .col-md-9,
1650
- .ycd-bootstrap-wrapper .col-lg-9,
1651
- .ycd-bootstrap-wrapper .col-xs-10,
1652
- .ycd-bootstrap-wrapper .col-sm-10,
1653
- .ycd-bootstrap-wrapper .col-md-10,
1654
- .ycd-bootstrap-wrapper .col-lg-10,
1655
- .ycd-bootstrap-wrapper .col-xs-11,
1656
- .ycd-bootstrap-wrapper .col-sm-11,
1657
- .ycd-bootstrap-wrapper .col-md-11,
1658
- .ycd-bootstrap-wrapper .col-lg-11,
1659
- .ycd-bootstrap-wrapper .col-xs-12,
1660
- .ycd-bootstrap-wrapper .col-sm-12,
1661
- .ycd-bootstrap-wrapper .col-md-12,
1662
- .ycd-bootstrap-wrapper .col-lg-12 {
1663
- position: relative;
1664
- min-height: 1px;
1665
- padding-right: 15px;
1666
- padding-left: 15px;
1667
- }
1668
- .ycd-bootstrap-wrapper .col-xs-1,
1669
- .ycd-bootstrap-wrapper .col-xs-2,
1670
- .ycd-bootstrap-wrapper .col-xs-3,
1671
- .ycd-bootstrap-wrapper .col-xs-4,
1672
- .ycd-bootstrap-wrapper .col-xs-5,
1673
- .ycd-bootstrap-wrapper .col-xs-6,
1674
- .ycd-bootstrap-wrapper .col-xs-7,
1675
- .ycd-bootstrap-wrapper .col-xs-8,
1676
- .ycd-bootstrap-wrapper .col-xs-9,
1677
- .ycd-bootstrap-wrapper .col-xs-10,
1678
- .ycd-bootstrap-wrapper .col-xs-11,
1679
- .ycd-bootstrap-wrapper .col-xs-12 {
1680
- float: left;
1681
- }
1682
- .ycd-bootstrap-wrapper .col-xs-12 {
1683
- width: 100%;
1684
- }
1685
- .ycd-bootstrap-wrapper .col-xs-11 {
1686
- width: 91.66666667%;
1687
- }
1688
- .ycd-bootstrap-wrapper .col-xs-10 {
1689
- width: 83.33333333%;
1690
- }
1691
- .ycd-bootstrap-wrapper .col-xs-9 {
1692
- width: 75%;
1693
- }
1694
- .ycd-bootstrap-wrapper .col-xs-8 {
1695
- width: 66.66666667%;
1696
- }
1697
- .ycd-bootstrap-wrapper .col-xs-7 {
1698
- width: 58.33333333%;
1699
- }
1700
- .ycd-bootstrap-wrapper .col-xs-6 {
1701
- width: 50%;
1702
- }
1703
- .ycd-bootstrap-wrapper .col-xs-5 {
1704
- width: 41.66666667%;
1705
- }
1706
- .ycd-bootstrap-wrapper .col-xs-4 {
1707
- width: 33.33333333%;
1708
- }
1709
- .ycd-bootstrap-wrapper .col-xs-3 {
1710
- width: 25%;
1711
- }
1712
- .ycd-bootstrap-wrapper .col-xs-2 {
1713
- width: 16.66666667%;
1714
- }
1715
- .ycd-bootstrap-wrapper .col-xs-1 {
1716
- width: 8.33333333%;
1717
- }
1718
- .ycd-bootstrap-wrapper .col-xs-pull-12 {
1719
- right: 100%;
1720
- }
1721
- .ycd-bootstrap-wrapper .col-xs-pull-11 {
1722
- right: 91.66666667%;
1723
- }
1724
- .ycd-bootstrap-wrapper .col-xs-pull-10 {
1725
- right: 83.33333333%;
1726
- }
1727
- .ycd-bootstrap-wrapper .col-xs-pull-9 {
1728
- right: 75%;
1729
- }
1730
- .ycd-bootstrap-wrapper .col-xs-pull-8 {
1731
- right: 66.66666667%;
1732
- }
1733
- .ycd-bootstrap-wrapper .col-xs-pull-7 {
1734
- right: 58.33333333%;
1735
- }
1736
- .ycd-bootstrap-wrapper .col-xs-pull-6 {
1737
- right: 50%;
1738
- }
1739
- .ycd-bootstrap-wrapper .col-xs-pull-5 {
1740
- right: 41.66666667%;
1741
- }
1742
- .ycd-bootstrap-wrapper .col-xs-pull-4 {
1743
- right: 33.33333333%;
1744
- }
1745
- .ycd-bootstrap-wrapper .col-xs-pull-3 {
1746
- right: 25%;
1747
- }
1748
- .ycd-bootstrap-wrapper .col-xs-pull-2 {
1749
- right: 16.66666667%;
1750
- }
1751
- .ycd-bootstrap-wrapper .col-xs-pull-1 {
1752
- right: 8.33333333%;
1753
- }
1754
- .ycd-bootstrap-wrapper .col-xs-pull-0 {
1755
- right: auto;
1756
- }
1757
- .ycd-bootstrap-wrapper .col-xs-push-12 {
1758
- left: 100%;
1759
- }
1760
- .ycd-bootstrap-wrapper .col-xs-push-11 {
1761
- left: 91.66666667%;
1762
- }
1763
- .ycd-bootstrap-wrapper .col-xs-push-10 {
1764
- left: 83.33333333%;
1765
- }
1766
- .ycd-bootstrap-wrapper .col-xs-push-9 {
1767
- left: 75%;
1768
- }
1769
- .ycd-bootstrap-wrapper .col-xs-push-8 {
1770
- left: 66.66666667%;
1771
- }
1772
- .ycd-bootstrap-wrapper .col-xs-push-7 {
1773
- left: 58.33333333%;
1774
- }
1775
- .ycd-bootstrap-wrapper .col-xs-push-6 {
1776
- left: 50%;
1777
- }
1778
- .ycd-bootstrap-wrapper .col-xs-push-5 {
1779
- left: 41.66666667%;
1780
- }
1781
- .ycd-bootstrap-wrapper .col-xs-push-4 {
1782
- left: 33.33333333%;
1783
- }
1784
- .ycd-bootstrap-wrapper .col-xs-push-3 {
1785
- left: 25%;
1786
- }
1787
- .ycd-bootstrap-wrapper .col-xs-push-2 {
1788
- left: 16.66666667%;
1789
- }
1790
- .ycd-bootstrap-wrapper .col-xs-push-1 {
1791
- left: 8.33333333%;
1792
- }
1793
- .ycd-bootstrap-wrapper .col-xs-push-0 {
1794
- left: auto;
1795
- }
1796
- .ycd-bootstrap-wrapper .col-xs-offset-12 {
1797
- margin-left: 100%;
1798
- }
1799
- .ycd-bootstrap-wrapper .col-xs-offset-11 {
1800
- margin-left: 91.66666667%;
1801
- }
1802
- .ycd-bootstrap-wrapper .col-xs-offset-10 {
1803
- margin-left: 83.33333333%;
1804
- }
1805
- .ycd-bootstrap-wrapper .col-xs-offset-9 {
1806
- margin-left: 75%;
1807
- }
1808
- .ycd-bootstrap-wrapper .col-xs-offset-8 {
1809
- margin-left: 66.66666667%;
1810
- }
1811
- .ycd-bootstrap-wrapper .col-xs-offset-7 {
1812
- margin-left: 58.33333333%;
1813
- }
1814
- .ycd-bootstrap-wrapper .col-xs-offset-6 {
1815
- margin-left: 50%;
1816
- }
1817
- .ycd-bootstrap-wrapper .col-xs-offset-5 {
1818
- margin-left: 41.66666667%;
1819
- }
1820
- .ycd-bootstrap-wrapper .col-xs-offset-4 {
1821
- margin-left: 33.33333333%;
1822
- }
1823
- .ycd-bootstrap-wrapper .col-xs-offset-3 {
1824
- margin-left: 25%;
1825
- }
1826
- .ycd-bootstrap-wrapper .col-xs-offset-2 {
1827
- margin-left: 16.66666667%;
1828
- }
1829
- .ycd-bootstrap-wrapper .col-xs-offset-1 {
1830
- margin-left: 8.33333333%;
1831
- }
1832
- .ycd-bootstrap-wrapper .col-xs-offset-0 {
1833
- margin-left: 0;
1834
- }
1835
- @media (min-width: 768px) {
1836
- .ycd-bootstrap-wrapper .col-sm-1,
1837
- .ycd-bootstrap-wrapper .col-sm-2,
1838
- .ycd-bootstrap-wrapper .col-sm-3,
1839
- .ycd-bootstrap-wrapper .col-sm-4,
1840
- .ycd-bootstrap-wrapper .col-sm-5,
1841
- .ycd-bootstrap-wrapper .col-sm-6,
1842
- .ycd-bootstrap-wrapper .col-sm-7,
1843
- .ycd-bootstrap-wrapper .col-sm-8,
1844
- .ycd-bootstrap-wrapper .col-sm-9,
1845
- .ycd-bootstrap-wrapper .col-sm-10,
1846
- .ycd-bootstrap-wrapper .col-sm-11,
1847
- .ycd-bootstrap-wrapper .col-sm-12 {
1848
- float: left;
1849
- }
1850
- .ycd-bootstrap-wrapper .col-sm-12 {
1851
- width: 100%;
1852
- }
1853
- .ycd-bootstrap-wrapper .col-sm-11 {
1854
- width: 91.66666667%;
1855
- }
1856
- .ycd-bootstrap-wrapper .col-sm-10 {
1857
- width: 83.33333333%;
1858
- }
1859
- .ycd-bootstrap-wrapper .col-sm-9 {
1860
- width: 75%;
1861
- }
1862
- .ycd-bootstrap-wrapper .col-sm-8 {
1863
- width: 66.66666667%;
1864
- }
1865
- .ycd-bootstrap-wrapper .col-sm-7 {
1866
- width: 58.33333333%;
1867
- }
1868
- .ycd-bootstrap-wrapper .col-sm-6 {
1869
- width: 50%;
1870
- }
1871
- .ycd-bootstrap-wrapper .col-sm-5 {
1872
- width: 41.66666667%;
1873
- }
1874
- .ycd-bootstrap-wrapper .col-sm-4 {
1875
- width: 33.33333333%;
1876
- }
1877
- .ycd-bootstrap-wrapper .col-sm-3 {
1878
- width: 25%;
1879
- }
1880
- .ycd-bootstrap-wrapper .col-sm-2 {
1881
- width: 16.66666667%;
1882
- }
1883
- .ycd-bootstrap-wrapper .col-sm-1 {
1884
- width: 8.33333333%;
1885
- }
1886
- .ycd-bootstrap-wrapper .col-sm-pull-12 {
1887
- right: 100%;
1888
- }
1889
- .ycd-bootstrap-wrapper .col-sm-pull-11 {
1890
- right: 91.66666667%;
1891
- }
1892
- .ycd-bootstrap-wrapper .col-sm-pull-10 {
1893
- right: 83.33333333%;
1894
- }
1895
- .ycd-bootstrap-wrapper .col-sm-pull-9 {
1896
- right: 75%;
1897
- }
1898
- .ycd-bootstrap-wrapper .col-sm-pull-8 {
1899
- right: 66.66666667%;
1900
- }
1901
- .ycd-bootstrap-wrapper .col-sm-pull-7 {
1902
- right: 58.33333333%;
1903
- }
1904
- .ycd-bootstrap-wrapper .col-sm-pull-6 {
1905
- right: 50%;
1906
- }
1907
- .ycd-bootstrap-wrapper .col-sm-pull-5 {
1908
- right: 41.66666667%;
1909
- }
1910
- .ycd-bootstrap-wrapper .col-sm-pull-4 {
1911
- right: 33.33333333%;
1912
- }
1913
- .ycd-bootstrap-wrapper .col-sm-pull-3 {
1914
- right: 25%;
1915
- }
1916
- .ycd-bootstrap-wrapper .col-sm-pull-2 {
1917
- right: 16.66666667%;
1918
- }
1919
- .ycd-bootstrap-wrapper .col-sm-pull-1 {
1920
- right: 8.33333333%;
1921
- }
1922
- .ycd-bootstrap-wrapper .col-sm-pull-0 {
1923
- right: auto;
1924
- }
1925
- .ycd-bootstrap-wrapper .col-sm-push-12 {
1926
- left: 100%;
1927
- }
1928
- .ycd-bootstrap-wrapper .col-sm-push-11 {
1929
- left: 91.66666667%;
1930
- }
1931
- .ycd-bootstrap-wrapper .col-sm-push-10 {
1932
- left: 83.33333333%;
1933
- }
1934
- .ycd-bootstrap-wrapper .col-sm-push-9 {
1935
- left: 75%;
1936
- }
1937
- .ycd-bootstrap-wrapper .col-sm-push-8 {
1938
- left: 66.66666667%;
1939
- }
1940
- .ycd-bootstrap-wrapper .col-sm-push-7 {
1941
- left: 58.33333333%;
1942
- }
1943
- .ycd-bootstrap-wrapper .col-sm-push-6 {
1944
- left: 50%;
1945
- }
1946
- .ycd-bootstrap-wrapper .col-sm-push-5 {
1947
- left: 41.66666667%;
1948
- }
1949
- .ycd-bootstrap-wrapper .col-sm-push-4 {
1950
- left: 33.33333333%;
1951
- }
1952
- .ycd-bootstrap-wrapper .col-sm-push-3 {
1953
- left: 25%;
1954
- }
1955
- .ycd-bootstrap-wrapper .col-sm-push-2 {
1956
- left: 16.66666667%;
1957
- }
1958
- .ycd-bootstrap-wrapper .col-sm-push-1 {
1959
- left: 8.33333333%;
1960
- }
1961
- .ycd-bootstrap-wrapper .col-sm-push-0 {
1962
- left: auto;
1963
- }
1964
- .ycd-bootstrap-wrapper .col-sm-offset-12 {
1965
- margin-left: 100%;
1966
- }
1967
- .ycd-bootstrap-wrapper .col-sm-offset-11 {
1968
- margin-left: 91.66666667%;
1969
- }
1970
- .ycd-bootstrap-wrapper .col-sm-offset-10 {
1971
- margin-left: 83.33333333%;
1972
- }
1973
- .ycd-bootstrap-wrapper .col-sm-offset-9 {
1974
- margin-left: 75%;
1975
- }
1976
- .ycd-bootstrap-wrapper .col-sm-offset-8 {
1977
- margin-left: 66.66666667%;
1978
- }
1979
- .ycd-bootstrap-wrapper .col-sm-offset-7 {
1980
- margin-left: 58.33333333%;
1981
- }
1982
- .ycd-bootstrap-wrapper .col-sm-offset-6 {
1983
- margin-left: 50%;
1984
- }
1985
- .ycd-bootstrap-wrapper .col-sm-offset-5 {
1986
- margin-left: 41.66666667%;
1987
- }
1988
- .ycd-bootstrap-wrapper .col-sm-offset-4 {
1989
- margin-left: 33.33333333%;
1990
- }
1991
- .ycd-bootstrap-wrapper .col-sm-offset-3 {
1992
- margin-left: 25%;
1993
- }
1994
- .ycd-bootstrap-wrapper .col-sm-offset-2 {
1995
- margin-left: 16.66666667%;
1996
- }
1997
- .ycd-bootstrap-wrapper .col-sm-offset-1 {
1998
- margin-left: 8.33333333%;
1999
- }
2000
- .ycd-bootstrap-wrapper .col-sm-offset-0 {
2001
- margin-left: 0;
2002
- }
2003
- }
2004
- @media (min-width: 992px) {
2005
- .ycd-bootstrap-wrapper .col-md-1,
2006
- .ycd-bootstrap-wrapper .col-md-2,
2007
- .ycd-bootstrap-wrapper .col-md-3,
2008
- .ycd-bootstrap-wrapper .col-md-4,
2009
- .ycd-bootstrap-wrapper .col-md-5,
2010
- .ycd-bootstrap-wrapper .col-md-6,
2011
- .ycd-bootstrap-wrapper .col-md-7,
2012
- .ycd-bootstrap-wrapper .col-md-8,
2013
- .ycd-bootstrap-wrapper .col-md-9,
2014
- .ycd-bootstrap-wrapper .col-md-10,
2015
- .ycd-bootstrap-wrapper .col-md-11,
2016
- .ycd-bootstrap-wrapper .col-md-12 {
2017
- float: left;
2018
- }
2019
- .ycd-bootstrap-wrapper .col-md-12 {
2020
- width: 100%;
2021
- }
2022
- .ycd-bootstrap-wrapper .col-md-11 {
2023
- width: 91.66666667%;
2024
- }
2025
- .ycd-bootstrap-wrapper .col-md-10 {
2026
- width: 83.33333333%;
2027
- }
2028
- .ycd-bootstrap-wrapper .col-md-9 {
2029
- width: 75%;
2030
- }
2031
- .ycd-bootstrap-wrapper .col-md-8 {
2032
- width: 66.66666667%;
2033
- }
2034
- .ycd-bootstrap-wrapper .col-md-7 {
2035
- width: 58.33333333%;
2036
- }
2037
- .ycd-bootstrap-wrapper .col-md-6 {
2038
- width: 50%;
2039
- }
2040
- .ycd-bootstrap-wrapper .col-md-5 {
2041
- width: 41.66666667%;
2042
- }
2043
- .ycd-bootstrap-wrapper .col-md-4 {
2044
- width: 33.33333333%;
2045
- }
2046
- .ycd-bootstrap-wrapper .col-md-3 {
2047
- width: 25%;
2048
- }
2049
- .ycd-bootstrap-wrapper .col-md-2 {
2050
- width: 16.66666667%;
2051
- }
2052
- .ycd-bootstrap-wrapper .col-md-1 {
2053
- width: 8.33333333%;
2054
- }
2055
- .ycd-bootstrap-wrapper .col-md-pull-12 {
2056
- right: 100%;
2057
- }
2058
- .ycd-bootstrap-wrapper .col-md-pull-11 {
2059
- right: 91.66666667%;
2060
- }
2061
- .ycd-bootstrap-wrapper .col-md-pull-10 {
2062
- right: 83.33333333%;
2063
- }
2064
- .ycd-bootstrap-wrapper .col-md-pull-9 {
2065
- right: 75%;
2066
- }
2067
- .ycd-bootstrap-wrapper .col-md-pull-8 {
2068
- right: 66.66666667%;
2069
- }
2070
- .ycd-bootstrap-wrapper .col-md-pull-7 {
2071
- right: 58.33333333%;
2072
- }
2073
- .ycd-bootstrap-wrapper .col-md-pull-6 {
2074
- right: 50%;
2075
- }
2076
- .ycd-bootstrap-wrapper .col-md-pull-5 {
2077
- right: 41.66666667%;
2078
- }
2079
- .ycd-bootstrap-wrapper .col-md-pull-4 {
2080
- right: 33.33333333%;
2081
- }
2082
- .ycd-bootstrap-wrapper .col-md-pull-3 {
2083
- right: 25%;
2084
- }
2085
- .ycd-bootstrap-wrapper .col-md-pull-2 {
2086
- right: 16.66666667%;
2087
- }
2088
- .ycd-bootstrap-wrapper .col-md-pull-1 {
2089
- right: 8.33333333%;
2090
- }
2091
- .ycd-bootstrap-wrapper .col-md-pull-0 {
2092
- right: auto;
2093
- }
2094
- .ycd-bootstrap-wrapper .col-md-push-12 {
2095
- left: 100%;
2096
- }
2097
- .ycd-bootstrap-wrapper .col-md-push-11 {
2098
- left: 91.66666667%;
2099
- }
2100
- .ycd-bootstrap-wrapper .col-md-push-10 {
2101
- left: 83.33333333%;
2102
- }
2103
- .ycd-bootstrap-wrapper .col-md-push-9 {
2104
- left: 75%;
2105
- }
2106
- .ycd-bootstrap-wrapper .col-md-push-8 {
2107
- left: 66.66666667%;
2108
- }
2109
- .ycd-bootstrap-wrapper .col-md-push-7 {
2110
- left: 58.33333333%;
2111
- }
2112
- .ycd-bootstrap-wrapper .col-md-push-6 {
2113
- left: 50%;
2114
- }
2115
- .ycd-bootstrap-wrapper .col-md-push-5 {
2116
- left: 41.66666667%;
2117
- }
2118
- .ycd-bootstrap-wrapper .col-md-push-4 {
2119
- left: 33.33333333%;
2120
- }
2121
- .ycd-bootstrap-wrapper .col-md-push-3 {
2122
- left: 25%;
2123
- }
2124
- .ycd-bootstrap-wrapper .col-md-push-2 {
2125
- left: 16.66666667%;
2126
- }
2127
- .ycd-bootstrap-wrapper .col-md-push-1 {
2128
- left: 8.33333333%;
2129
- }
2130
- .ycd-bootstrap-wrapper .col-md-push-0 {
2131
- left: auto;
2132
- }
2133
- .ycd-bootstrap-wrapper .col-md-offset-12 {
2134
- margin-left: 100%;
2135
- }
2136
- .ycd-bootstrap-wrapper .col-md-offset-11 {
2137
- margin-left: 91.66666667%;
2138
- }
2139
- .ycd-bootstrap-wrapper .col-md-offset-10 {
2140
- margin-left: 83.33333333%;
2141
- }
2142
- .ycd-bootstrap-wrapper .col-md-offset-9 {
2143
- margin-left: 75%;
2144
- }
2145
- .ycd-bootstrap-wrapper .col-md-offset-8 {
2146
- margin-left: 66.66666667%;
2147
- }
2148
- .ycd-bootstrap-wrapper .col-md-offset-7 {
2149
- margin-left: 58.33333333%;
2150
- }
2151
- .ycd-bootstrap-wrapper .col-md-offset-6 {
2152
- margin-left: 50%;
2153
- }
2154
- .ycd-bootstrap-wrapper .col-md-offset-5 {
2155
- margin-left: 41.66666667%;
2156
- }
2157
- .ycd-bootstrap-wrapper .col-md-offset-4 {
2158
- margin-left: 33.33333333%;
2159
- }
2160
- .ycd-bootstrap-wrapper .col-md-offset-3 {
2161
- margin-left: 25%;
2162
- }
2163
- .ycd-bootstrap-wrapper .col-md-offset-2 {
2164
- margin-left: 16.66666667%;
2165
- }
2166
- .ycd-bootstrap-wrapper .col-md-offset-1 {
2167
- margin-left: 8.33333333%;
2168
- }
2169
- .ycd-bootstrap-wrapper .col-md-offset-0 {
2170
- margin-left: 0;
2171
- }
2172
- }
2173
- @media (min-width: 1200px) {
2174
- .ycd-bootstrap-wrapper .col-lg-1,
2175
- .ycd-bootstrap-wrapper .col-lg-2,
2176
- .ycd-bootstrap-wrapper .col-lg-3,
2177
- .ycd-bootstrap-wrapper .col-lg-4,
2178
- .ycd-bootstrap-wrapper .col-lg-5,
2179
- .ycd-bootstrap-wrapper .col-lg-6,
2180
- .ycd-bootstrap-wrapper .col-lg-7,
2181
- .ycd-bootstrap-wrapper .col-lg-8,
2182
- .ycd-bootstrap-wrapper .col-lg-9,
2183
- .ycd-bootstrap-wrapper .col-lg-10,
2184
- .ycd-bootstrap-wrapper .col-lg-11,
2185
- .ycd-bootstrap-wrapper .col-lg-12 {
2186
- float: left;
2187
- }
2188
- .ycd-bootstrap-wrapper .col-lg-12 {
2189
- width: 100%;
2190
- }
2191
- .ycd-bootstrap-wrapper .col-lg-11 {
2192
- width: 91.66666667%;
2193
- }
2194
- .ycd-bootstrap-wrapper .col-lg-10 {
2195
- width: 83.33333333%;
2196
- }
2197
- .ycd-bootstrap-wrapper .col-lg-9 {
2198
- width: 75%;
2199
- }
2200
- .ycd-bootstrap-wrapper .col-lg-8 {
2201
- width: 66.66666667%;
2202
- }
2203
- .ycd-bootstrap-wrapper .col-lg-7 {
2204
- width: 58.33333333%;
2205
- }
2206
- .ycd-bootstrap-wrapper .col-lg-6 {
2207
- width: 50%;
2208
- }
2209
- .ycd-bootstrap-wrapper .col-lg-5 {
2210
- width: 41.66666667%;
2211
- }
2212
- .ycd-bootstrap-wrapper .col-lg-4 {
2213
- width: 33.33333333%;
2214
- }
2215
- .ycd-bootstrap-wrapper .col-lg-3 {
2216
- width: 25%;
2217
- }
2218
- .ycd-bootstrap-wrapper .col-lg-2 {
2219
- width: 16.66666667%;
2220
- }
2221
- .ycd-bootstrap-wrapper .col-lg-1 {
2222
- width: 8.33333333%;
2223
- }
2224
- .ycd-bootstrap-wrapper .col-lg-pull-12 {
2225
- right: 100%;
2226
- }
2227
- .ycd-bootstrap-wrapper .col-lg-pull-11 {
2228
- right: 91.66666667%;
2229
- }
2230
- .ycd-bootstrap-wrapper .col-lg-pull-10 {
2231
- right: 83.33333333%;
2232
- }
2233
- .ycd-bootstrap-wrapper .col-lg-pull-9 {
2234
- right: 75%;
2235
- }
2236
- .ycd-bootstrap-wrapper .col-lg-pull-8 {
2237
- right: 66.66666667%;
2238
- }
2239
- .ycd-bootstrap-wrapper .col-lg-pull-7 {
2240
- right: 58.33333333%;
2241
- }
2242
- .ycd-bootstrap-wrapper .col-lg-pull-6 {
2243
- right: 50%;
2244
- }
2245
- .ycd-bootstrap-wrapper .col-lg-pull-5 {
2246
- right: 41.66666667%;
2247
- }
2248
- .ycd-bootstrap-wrapper .col-lg-pull-4 {
2249
- right: 33.33333333%;
2250
- }
2251
- .ycd-bootstrap-wrapper .col-lg-pull-3 {
2252
- right: 25%;
2253
- }
2254
- .ycd-bootstrap-wrapper .col-lg-pull-2 {
2255
- right: 16.66666667%;
2256
- }
2257
- .ycd-bootstrap-wrapper .col-lg-pull-1 {
2258
- right: 8.33333333%;
2259
- }
2260
- .ycd-bootstrap-wrapper .col-lg-pull-0 {
2261
- right: auto;
2262
- }
2263
- .ycd-bootstrap-wrapper .col-lg-push-12 {
2264
- left: 100%;
2265
- }
2266
- .ycd-bootstrap-wrapper .col-lg-push-11 {
2267
- left: 91.66666667%;
2268
- }
2269
- .ycd-bootstrap-wrapper .col-lg-push-10 {
2270
- left: 83.33333333%;
2271
- }
2272
- .ycd-bootstrap-wrapper .col-lg-push-9 {
2273
- left: 75%;
2274
- }
2275
- .ycd-bootstrap-wrapper .col-lg-push-8 {
2276
- left: 66.66666667%;
2277
- }
2278
- .ycd-bootstrap-wrapper .col-lg-push-7 {
2279
- left: 58.33333333%;
2280
- }
2281
- .ycd-bootstrap-wrapper .col-lg-push-6 {
2282
- left: 50%;
2283
- }
2284
- .ycd-bootstrap-wrapper .col-lg-push-5 {
2285
- left: 41.66666667%;
2286
- }
2287
- .ycd-bootstrap-wrapper .col-lg-push-4 {
2288
- left: 33.33333333%;
2289
- }
2290
- .ycd-bootstrap-wrapper .col-lg-push-3 {
2291
- left: 25%;
2292
- }
2293
- .ycd-bootstrap-wrapper .col-lg-push-2 {
2294
- left: 16.66666667%;
2295
- }
2296
- .ycd-bootstrap-wrapper .col-lg-push-1 {
2297
- left: 8.33333333%;
2298
- }
2299
- .ycd-bootstrap-wrapper .col-lg-push-0 {
2300
- left: auto;
2301
- }
2302
- .ycd-bootstrap-wrapper .col-lg-offset-12 {
2303
- margin-left: 100%;
2304
- }
2305
- .ycd-bootstrap-wrapper .col-lg-offset-11 {
2306
- margin-left: 91.66666667%;
2307
- }
2308
- .ycd-bootstrap-wrapper .col-lg-offset-10 {
2309
- margin-left: 83.33333333%;
2310
- }
2311
- .ycd-bootstrap-wrapper .col-lg-offset-9 {
2312
- margin-left: 75%;
2313
- }
2314
- .ycd-bootstrap-wrapper .col-lg-offset-8 {
2315
- margin-left: 66.66666667%;
2316
- }
2317
- .ycd-bootstrap-wrapper .col-lg-offset-7 {
2318
- margin-left: 58.33333333%;
2319
- }
2320
- .ycd-bootstrap-wrapper .col-lg-offset-6 {
2321
- margin-left: 50%;
2322
- }
2323
- .ycd-bootstrap-wrapper .col-lg-offset-5 {
2324
- margin-left: 41.66666667%;
2325
- }
2326
- .ycd-bootstrap-wrapper .col-lg-offset-4 {
2327
- margin-left: 33.33333333%;
2328
- }
2329
- .ycd-bootstrap-wrapper .col-lg-offset-3 {
2330
- margin-left: 25%;
2331
- }
2332
- .ycd-bootstrap-wrapper .col-lg-offset-2 {
2333
- margin-left: 16.66666667%;
2334
- }
2335
- .ycd-bootstrap-wrapper .col-lg-offset-1 {
2336
- margin-left: 8.33333333%;
2337
- }
2338
- .ycd-bootstrap-wrapper .col-lg-offset-0 {
2339
- margin-left: 0;
2340
- }
2341
- }
2342
- .ycd-bootstrap-wrapper table {
2343
- background-color: transparent;
2344
- }
2345
- .ycd-bootstrap-wrapper caption {
2346
- padding-top: 8px;
2347
- padding-bottom: 8px;
2348
- color: #777;
2349
- text-align: left;
2350
- }
2351
- .ycd-bootstrap-wrapper th {
2352
- text-align: left;
2353
- }
2354
- .ycd-bootstrap-wrapper .table {
2355
- width: 100%;
2356
- max-width: 100%;
2357
- margin-bottom: 20px;
2358
- }
2359
- .ycd-bootstrap-wrapper .table > thead > tr > th,
2360
- .ycd-bootstrap-wrapper .table > tbody > tr > th,
2361
- .ycd-bootstrap-wrapper .table > tfoot > tr > th,
2362
- .ycd-bootstrap-wrapper .table > thead > tr > td,
2363
- .ycd-bootstrap-wrapper .table > tbody > tr > td,
2364
- .ycd-bootstrap-wrapper .table > tfoot > tr > td {
2365
- padding: 8px;
2366
- line-height: 1.42857143;
2367
- vertical-align: top;
2368
- border-top: 1px solid #ddd;
2369
- }
2370
- .ycd-bootstrap-wrapper .table > thead > tr > th {
2371
- vertical-align: bottom;
2372
- border-bottom: 2px solid #ddd;
2373
- }
2374
- .ycd-bootstrap-wrapper .table > caption + thead > tr:first-child > th,
2375
- .ycd-bootstrap-wrapper .table > colgroup + thead > tr:first-child > th,
2376
- .ycd-bootstrap-wrapper .table > thead:first-child > tr:first-child > th,
2377
- .ycd-bootstrap-wrapper .table > caption + thead > tr:first-child > td,
2378
- .ycd-bootstrap-wrapper .table > colgroup + thead > tr:first-child > td,
2379
- .ycd-bootstrap-wrapper .table > thead:first-child > tr:first-child > td {
2380
- border-top: 0;
2381
- }
2382
- .ycd-bootstrap-wrapper .table > tbody + tbody {
2383
- border-top: 2px solid #ddd;
2384
- }
2385
- .ycd-bootstrap-wrapper .table .table {
2386
- background-color: #fff;
2387
- }
2388
- .ycd-bootstrap-wrapper .table-condensed > thead > tr > th,
2389
- .ycd-bootstrap-wrapper .table-condensed > tbody > tr > th,
2390
- .ycd-bootstrap-wrapper .table-condensed > tfoot > tr > th,
2391
- .ycd-bootstrap-wrapper .table-condensed > thead > tr > td,
2392
- .ycd-bootstrap-wrapper .table-condensed > tbody > tr > td,
2393
- .ycd-bootstrap-wrapper .table-condensed > tfoot > tr > td {
2394
- padding: 5px;
2395
- }
2396
- .ycd-bootstrap-wrapper .table-bordered {
2397
- border: 1px solid #ddd;
2398
- }
2399
- .ycd-bootstrap-wrapper .table-bordered > thead > tr > th,
2400
- .ycd-bootstrap-wrapper .table-bordered > tbody > tr > th,
2401
- .ycd-bootstrap-wrapper .table-bordered > tfoot > tr > th,
2402
- .ycd-bootstrap-wrapper .table-bordered > thead > tr > td,
2403
- .ycd-bootstrap-wrapper .table-bordered > tbody > tr > td,
2404
- .ycd-bootstrap-wrapper .table-bordered > tfoot > tr > td {
2405
- border: 1px solid #ddd;
2406
- }
2407
- .ycd-bootstrap-wrapper .table-bordered > thead > tr > th,
2408
- .ycd-bootstrap-wrapper .table-bordered > thead > tr > td {
2409
- border-bottom-width: 2px;
2410
- }
2411
- .ycd-bootstrap-wrapper .table-striped > tbody > tr:nth-of-type(odd) {
2412
- background-color: #f9f9f9;
2413
- }
2414
- .ycd-bootstrap-wrapper .table-hover > tbody > tr:hover {
2415
- background-color: #f5f5f5;
2416
- }
2417
- .ycd-bootstrap-wrapper table col[class*="col-"] {
2418
- position: static;
2419
- display: table-column;
2420
- float: none;
2421
- }
2422
- .ycd-bootstrap-wrapper table td[class*="col-"],
2423
- .ycd-bootstrap-wrapper table th[class*="col-"] {
2424
- position: static;
2425
- display: table-cell;
2426
- float: none;
2427
- }
2428
- .ycd-bootstrap-wrapper .table > thead > tr > td.active,
2429
- .ycd-bootstrap-wrapper .table > tbody > tr > td.active,
2430
- .ycd-bootstrap-wrapper .table > tfoot > tr > td.active,
2431
- .ycd-bootstrap-wrapper .table > thead > tr > th.active,
2432
- .ycd-bootstrap-wrapper .table > tbody > tr > th.active,
2433
- .ycd-bootstrap-wrapper .table > tfoot > tr > th.active,
2434
- .ycd-bootstrap-wrapper .table > thead > tr.active > td,
2435
- .ycd-bootstrap-wrapper .table > tbody > tr.active > td,
2436
- .ycd-bootstrap-wrapper .table > tfoot > tr.active > td,
2437
- .ycd-bootstrap-wrapper .table > thead > tr.active > th,
2438
- .ycd-bootstrap-wrapper .table > tbody > tr.active > th,
2439
- .ycd-bootstrap-wrapper .table > tfoot > tr.active > th {
2440
- background-color: #f5f5f5;
2441
- }
2442
- .ycd-bootstrap-wrapper .table-hover > tbody > tr > td.active:hover,
2443
- .ycd-bootstrap-wrapper .table-hover > tbody > tr > th.active:hover,
2444
- .ycd-bootstrap-wrapper .table-hover > tbody > tr.active:hover > td,
2445
- .ycd-bootstrap-wrapper .table-hover > tbody > tr:hover > .active,
2446
- .ycd-bootstrap-wrapper .table-hover > tbody > tr.active:hover > th {
2447
- background-color: #e8e8e8;
2448
- }
2449
- .ycd-bootstrap-wrapper .table > thead > tr > td.success,
2450
- .ycd-bootstrap-wrapper .table > tbody > tr > td.success,
2451
- .ycd-bootstrap-wrapper .table > tfoot > tr > td.success,
2452
- .ycd-bootstrap-wrapper .table > thead > tr > th.success,
2453
- .ycd-bootstrap-wrapper .table > tbody > tr > th.success,
2454
- .ycd-bootstrap-wrapper .table > tfoot > tr > th.success,
2455
- .ycd-bootstrap-wrapper .table > thead > tr.success > td,
2456
- .ycd-bootstrap-wrapper .table > tbody > tr.success > td,
2457
- .ycd-bootstrap-wrapper .table > tfoot > tr.success > td,
2458
- .ycd-bootstrap-wrapper .table > thead > tr.success > th,
2459
- .ycd-bootstrap-wrapper .table > tbody > tr.success > th,
2460
- .ycd-bootstrap-wrapper .table > tfoot > tr.success > th {
2461
- background-color: #dff0d8;
2462
- }
2463
- .ycd-bootstrap-wrapper .table-hover > tbody > tr > td.success:hover,
2464
- .ycd-bootstrap-wrapper .table-hover > tbody > tr > th.success:hover,
2465
- .ycd-bootstrap-wrapper .table-hover > tbody > tr.success:hover > td,
2466
- .ycd-bootstrap-wrapper .table-hover > tbody > tr:hover > .success,
2467
- .ycd-bootstrap-wrapper .table-hover > tbody > tr.success:hover > th {
2468
- background-color: #d0e9c6;
2469
- }
2470
- .ycd-bootstrap-wrapper .table > thead > tr > td.info,
2471
- .ycd-bootstrap-wrapper .table > tbody > tr > td.info,
2472
- .ycd-bootstrap-wrapper .table > tfoot > tr > td.info,
2473
- .ycd-bootstrap-wrapper .table > thead > tr > th.info,
2474
- .ycd-bootstrap-wrapper .table > tbody > tr > th.info,
2475
- .ycd-bootstrap-wrapper .table > tfoot > tr > th.info,
2476
- .ycd-bootstrap-wrapper .table > thead > tr.info > td,
2477
- .ycd-bootstrap-wrapper .table > tbody > tr.info > td,
2478
- .ycd-bootstrap-wrapper .table > tfoot > tr.info > td,
2479
- .ycd-bootstrap-wrapper .table > thead > tr.info > th,
2480
- .ycd-bootstrap-wrapper .table > tbody > tr.info > th,
2481
- .ycd-bootstrap-wrapper .table > tfoot > tr.info > th {
2482
- background-color: #d9edf7;
2483
- }
2484
- .ycd-bootstrap-wrapper .table-hover > tbody > tr > td.info:hover,
2485
- .ycd-bootstrap-wrapper .table-hover > tbody > tr > th.info:hover,
2486
- .ycd-bootstrap-wrapper .table-hover > tbody > tr.info:hover > td,
2487
- .ycd-bootstrap-wrapper .table-hover > tbody > tr:hover > .info,
2488
- .ycd-bootstrap-wrapper .table-hover > tbody > tr.info:hover > th {
2489
- background-color: #c4e3f3;
2490
- }
2491
- .ycd-bootstrap-wrapper .table > thead > tr > td.warning,
2492
- .ycd-bootstrap-wrapper .table > tbody > tr > td.warning,
2493
- .ycd-bootstrap-wrapper .table > tfoot > tr > td.warning,
2494
- .ycd-bootstrap-wrapper .table > thead > tr > th.warning,
2495
- .ycd-bootstrap-wrapper .table > tbody > tr > th.warning,
2496
- .ycd-bootstrap-wrapper .table > tfoot > tr > th.warning,
2497
- .ycd-bootstrap-wrapper .table > thead > tr.warning > td,
2498
- .ycd-bootstrap-wrapper .table > tbody > tr.warning > td,
2499
- .ycd-bootstrap-wrapper .table > tfoot > tr.warning > td,
2500
- .ycd-bootstrap-wrapper .table > thead > tr.warning > th,
2501
- .ycd-bootstrap-wrapper .table > tbody > tr.warning > th,
2502
- .ycd-bootstrap-wrapper .table > tfoot > tr.warning > th {
2503
- background-color: #fcf8e3;
2504
- }
2505
- .ycd-bootstrap-wrapper .table-hover > tbody > tr > td.warning:hover,
2506
- .ycd-bootstrap-wrapper .table-hover > tbody > tr > th.warning:hover,
2507
- .ycd-bootstrap-wrapper .table-hover > tbody > tr.warning:hover > td,
2508
- .ycd-bootstrap-wrapper .table-hover > tbody > tr:hover > .warning,
2509
- .ycd-bootstrap-wrapper .table-hover > tbody > tr.warning:hover > th {
2510
- background-color: #faf2cc;
2511
- }
2512
- .ycd-bootstrap-wrapper .table > thead > tr > td.danger,
2513
- .ycd-bootstrap-wrapper .table > tbody > tr > td.danger,
2514
- .ycd-bootstrap-wrapper .table > tfoot > tr > td.danger,
2515
- .ycd-bootstrap-wrapper .table > thead > tr > th.danger,
2516
- .ycd-bootstrap-wrapper .table > tbody > tr > th.danger,
2517
- .ycd-bootstrap-wrapper .table > tfoot > tr > th.danger,
2518
- .ycd-bootstrap-wrapper .table > thead > tr.danger > td,
2519
- .ycd-bootstrap-wrapper .table > tbody > tr.danger > td,
2520
- .ycd-bootstrap-wrapper .table > tfoot > tr.danger > td,
2521
- .ycd-bootstrap-wrapper .table > thead > tr.danger > th,
2522
- .ycd-bootstrap-wrapper .table > tbody > tr.danger > th,
2523
- .ycd-bootstrap-wrapper .table > tfoot > tr.danger > th {
2524
- background-color: #f2dede;
2525
- }
2526
- .ycd-bootstrap-wrapper .table-hover > tbody > tr > td.danger:hover,
2527
- .ycd-bootstrap-wrapper .table-hover > tbody > tr > th.danger:hover,
2528
- .ycd-bootstrap-wrapper .table-hover > tbody > tr.danger:hover > td,
2529
- .ycd-bootstrap-wrapper .table-hover > tbody > tr:hover > .danger,
2530
- .ycd-bootstrap-wrapper .table-hover > tbody > tr.danger:hover > th {
2531
- background-color: #ebcccc;
2532
- }
2533
- .ycd-bootstrap-wrapper .table-responsive {
2534
- min-height: .01%;
2535
- overflow-x: auto;
2536
- }
2537
- @media screen and (max-width: 767px) {
2538
- .ycd-bootstrap-wrapper .table-responsive {
2539
- width: 100%;
2540
- margin-bottom: 15px;
2541
- overflow-y: hidden;
2542
- -ms-overflow-style: -ms-autohiding-scrollbar;
2543
- border: 1px solid #ddd;
2544
- }
2545
- .ycd-bootstrap-wrapper .table-responsive > .table {
2546
- margin-bottom: 0;
2547
- }
2548
- .ycd-bootstrap-wrapper .table-responsive > .table > thead > tr > th,
2549
- .ycd-bootstrap-wrapper .table-responsive > .table > tbody > tr > th,
2550
- .ycd-bootstrap-wrapper .table-responsive > .table > tfoot > tr > th,
2551
- .ycd-bootstrap-wrapper .table-responsive > .table > thead > tr > td,
2552
- .ycd-bootstrap-wrapper .table-responsive > .table > tbody > tr > td,
2553
- .ycd-bootstrap-wrapper .table-responsive > .table > tfoot > tr > td {
2554
- white-space: nowrap;
2555
- }
2556
- .ycd-bootstrap-wrapper .table-responsive > .table-bordered {
2557
- border: 0;
2558
- }
2559
- .ycd-bootstrap-wrapper .table-responsive > .table-bordered > thead > tr > th:first-child,
2560
- .ycd-bootstrap-wrapper .table-responsive > .table-bordered > tbody > tr > th:first-child,
2561
- .ycd-bootstrap-wrapper .table-responsive > .table-bordered > tfoot > tr > th:first-child,
2562
- .ycd-bootstrap-wrapper .table-responsive > .table-bordered > thead > tr > td:first-child,
2563
- .ycd-bootstrap-wrapper .table-responsive > .table-bordered > tbody > tr > td:first-child,
2564
- .ycd-bootstrap-wrapper .table-responsive > .table-bordered > tfoot > tr > td:first-child {
2565
- border-left: 0;
2566
- }
2567
- .ycd-bootstrap-wrapper .table-responsive > .table-bordered > thead > tr > th:last-child,
2568
- .ycd-bootstrap-wrapper .table-responsive > .table-bordered > tbody > tr > th:last-child,
2569
- .ycd-bootstrap-wrapper .table-responsive > .table-bordered > tfoot > tr > th:last-child,
2570
- .ycd-bootstrap-wrapper .table-responsive > .table-bordered > thead > tr > td:last-child,
2571
- .ycd-bootstrap-wrapper .table-responsive > .table-bordered > tbody > tr > td:last-child,
2572
- .ycd-bootstrap-wrapper .table-responsive > .table-bordered > tfoot > tr > td:last-child {
2573
- border-right: 0;
2574
- }
2575
- .ycd-bootstrap-wrapper .table-responsive > .table-bordered > tbody > tr:last-child > th,
2576
- .ycd-bootstrap-wrapper .table-responsive > .table-bordered > tfoot > tr:last-child > th,
2577
- .ycd-bootstrap-wrapper .table-responsive > .table-bordered > tbody > tr:last-child > td,
2578
- .ycd-bootstrap-wrapper .table-responsive > .table-bordered > tfoot > tr:last-child > td {
2579
- border-bottom: 0;
2580
- }
2581
- }
2582
- .ycd-bootstrap-wrapper fieldset {
2583
- min-width: 0;
2584
- padding: 0;
2585
- margin: 0;
2586
- border: 0;
2587
- }
2588
- .ycd-bootstrap-wrapper legend {
2589
- display: block;
2590
- width: 100%;
2591
- padding: 0;
2592
- margin-bottom: 20px;
2593
- font-size: 21px;
2594
- line-height: inherit;
2595
- color: #333;
2596
- border: 0;
2597
- border-bottom: 1px solid #e5e5e5;
2598
- }
2599
- .ycd-bootstrap-wrapper label {
2600
- display: inline-block;
2601
- max-width: 100%;
2602
- margin-bottom: 5px;
2603
- font-weight: bold;
2604
- }
2605
- .ycd-bootstrap-wrapper input[type="search"] {
2606
- -webkit-box-sizing: border-box;
2607
- -moz-box-sizing: border-box;
2608
- box-sizing: border-box;
2609
- }
2610
- .ycd-bootstrap-wrapper input[type="radio"],
2611
- .ycd-bootstrap-wrapper input[type="checkbox"] {
2612
- margin: 4px 0 0;
2613
- margin-top: 1px \9;
2614
- line-height: normal;
2615
- }
2616
- .ycd-bootstrap-wrapper input[type="file"] {
2617
- display: block;
2618
- }
2619
- .ycd-bootstrap-wrapper input[type="range"] {
2620
- display: block;
2621
- width: 100%;
2622
- }
2623
- .ycd-bootstrap-wrapper select[multiple],
2624
- .ycd-bootstrap-wrapper select[size] {
2625
- height: auto;
2626
- }
2627
- .ycd-bootstrap-wrapper input[type="file"]:focus,
2628
- .ycd-bootstrap-wrapper input[type="radio"]:focus,
2629
- .ycd-bootstrap-wrapper input[type="checkbox"]:focus {
2630
- outline: thin dotted;
2631
- outline: 5px auto -webkit-focus-ring-color;
2632
- outline-offset: -2px;
2633
- }
2634
- .ycd-bootstrap-wrapper output {
2635
- display: block;
2636
- padding-top: 7px;
2637
- font-size: 14px;
2638
- line-height: 1.42857143;
2639
- color: #555;
2640
- }
2641
- .ycd-bootstrap-wrapper .form-control {
2642
- display: block;
2643
- width: 100%;
2644
- height: 34px;
2645
- padding: 6px 12px;
2646
- font-size: 14px;
2647
- line-height: 1.42857143;
2648
- color: #555;
2649
- background-color: #fff;
2650
- background-image: none;
2651
- border: 1px solid #ccc;
2652
- border-radius: 4px;
2653
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
2654
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
2655
- -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
2656
- -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
2657
- transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
2658
- }
2659
- .ycd-bootstrap-wrapper .form-control:focus {
2660
- border-color: #66afe9;
2661
- outline: 0;
2662
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2663
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2664
- }
2665
- .ycd-bootstrap-wrapper .form-control::-moz-placeholder {
2666
- color: #999;
2667
- opacity: 1;
2668
- }
2669
- .ycd-bootstrap-wrapper .form-control:-ms-input-placeholder {
2670
- color: #999;
2671
- }
2672
- .ycd-bootstrap-wrapper .form-control::-webkit-input-placeholder {
2673
- color: #999;
2674
- }
2675
- .ycd-bootstrap-wrapper .form-control::-ms-expand {
2676
- background-color: transparent;
2677
- border: 0;
2678
- }
2679
- .ycd-bootstrap-wrapper .form-control[disabled],
2680
- .ycd-bootstrap-wrapper .form-control[readonly],
2681
- .ycd-bootstrap-wrapper fieldset[disabled] .form-control {
2682
- background-color: #eee;
2683
- opacity: 1;
2684
- }
2685
- .ycd-bootstrap-wrapper .form-control[disabled],
2686
- .ycd-bootstrap-wrapper fieldset[disabled] .form-control {
2687
- cursor: not-allowed;
2688
- }
2689
- .ycd-bootstrap-wrapper textarea.form-control {
2690
- height: auto;
2691
- }
2692
- .ycd-bootstrap-wrapper input[type="search"] {
2693
- -webkit-appearance: none;
2694
- }
2695
- @media screen and (-webkit-min-device-pixel-ratio: 0) {
2696
- .ycd-bootstrap-wrapper input[type="date"].form-control,
2697
- .ycd-bootstrap-wrapper input[type="time"].form-control,
2698
- .ycd-bootstrap-wrapper input[type="datetime-local"].form-control,
2699
- .ycd-bootstrap-wrapper input[type="month"].form-control {
2700
- line-height: 34px;
2701
- }
2702
- .ycd-bootstrap-wrapper input[type="date"].input-sm,
2703
- .ycd-bootstrap-wrapper input[type="time"].input-sm,
2704
- .ycd-bootstrap-wrapper input[type="datetime-local"].input-sm,
2705
- .ycd-bootstrap-wrapper input[type="month"].input-sm,
2706
- .ycd-bootstrap-wrapper .input-group-sm input[type="date"],
2707
- .ycd-bootstrap-wrapper .input-group-sm input[type="time"],
2708
- .ycd-bootstrap-wrapper .input-group-sm input[type="datetime-local"],
2709
- .ycd-bootstrap-wrapper .input-group-sm input[type="month"] {
2710
- line-height: 30px;
2711
- }
2712
- .ycd-bootstrap-wrapper input[type="date"].input-lg,
2713
- .ycd-bootstrap-wrapper input[type="time"].input-lg,
2714
- .ycd-bootstrap-wrapper input[type="datetime-local"].input-lg,
2715
- .ycd-bootstrap-wrapper input[type="month"].input-lg,
2716
- .ycd-bootstrap-wrapper .input-group-lg input[type="date"],
2717
- .ycd-bootstrap-wrapper .input-group-lg input[type="time"],
2718
- .ycd-bootstrap-wrapper .input-group-lg input[type="datetime-local"],
2719
- .ycd-bootstrap-wrapper .input-group-lg input[type="month"] {
2720
- line-height: 46px;
2721
- }
2722
- }
2723
- .ycd-bootstrap-wrapper .form-group {
2724
- margin-bottom: 15px;
2725
- }
2726
- .ycd-bootstrap-wrapper .radio,
2727
- .ycd-bootstrap-wrapper .checkbox {
2728
- position: relative;
2729
- display: block;
2730
- margin-top: 10px;
2731
- margin-bottom: 10px;
2732
- }
2733
- .ycd-bootstrap-wrapper .radio label,
2734
- .ycd-bootstrap-wrapper .checkbox label {
2735
- min-height: 20px;
2736
- padding-left: 20px;
2737
- margin-bottom: 0;
2738
- font-weight: normal;
2739
- cursor: pointer;
2740
- }
2741
- .ycd-bootstrap-wrapper .radio input[type="radio"],
2742
- .ycd-bootstrap-wrapper .radio-inline input[type="radio"],
2743
- .ycd-bootstrap-wrapper .checkbox input[type="checkbox"],
2744
- .ycd-bootstrap-wrapper .checkbox-inline input[type="checkbox"] {
2745
- position: absolute;
2746
- margin-top: 4px \9;
2747
- margin-left: -20px;
2748
- }
2749
- .ycd-bootstrap-wrapper .radio + .radio,
2750
- .ycd-bootstrap-wrapper .checkbox + .checkbox {
2751
- margin-top: -5px;
2752
- }
2753
- .ycd-bootstrap-wrapper .radio-inline,
2754
- .ycd-bootstrap-wrapper .checkbox-inline {
2755
- position: relative;
2756
- display: inline-block;
2757
- padding-left: 20px;
2758
- margin-bottom: 0;
2759
- font-weight: normal;
2760
- vertical-align: middle;
2761
- cursor: pointer;
2762
- }
2763
- .ycd-bootstrap-wrapper .radio-inline + .radio-inline,
2764
- .ycd-bootstrap-wrapper .checkbox-inline + .checkbox-inline {
2765
- margin-top: 0;
2766
- margin-left: 10px;
2767
- }
2768
- .ycd-bootstrap-wrapper input[type="radio"][disabled],
2769
- .ycd-bootstrap-wrapper input[type="checkbox"][disabled],
2770
- .ycd-bootstrap-wrapper input[type="radio"].disabled,
2771
- .ycd-bootstrap-wrapper input[type="checkbox"].disabled,
2772
- .ycd-bootstrap-wrapper fieldset[disabled] input[type="radio"],
2773
- .ycd-bootstrap-wrapper fieldset[disabled] input[type="checkbox"] {
2774
- cursor: not-allowed;
2775
- }
2776
- .ycd-bootstrap-wrapper .radio-inline.disabled,
2777
- .ycd-bootstrap-wrapper .checkbox-inline.disabled,
2778
- .ycd-bootstrap-wrapper fieldset[disabled] .radio-inline,
2779
- .ycd-bootstrap-wrapper fieldset[disabled] .checkbox-inline {
2780
- cursor: not-allowed;
2781
- }
2782
- .ycd-bootstrap-wrapper .radio.disabled label,
2783
- .ycd-bootstrap-wrapper .checkbox.disabled label,
2784
- .ycd-bootstrap-wrapper fieldset[disabled] .radio label,
2785
- .ycd-bootstrap-wrapper fieldset[disabled] .checkbox label {
2786
- cursor: not-allowed;
2787
- }
2788
- .ycd-bootstrap-wrapper .form-control-static {
2789
- min-height: 34px;
2790
- padding-top: 7px;
2791
- padding-bottom: 7px;
2792
- margin-bottom: 0;
2793
- }
2794
- .ycd-bootstrap-wrapper .form-control-static.input-lg,
2795
- .ycd-bootstrap-wrapper .form-control-static.input-sm {
2796
- padding-right: 0;
2797
- padding-left: 0;
2798
- }
2799
- .ycd-bootstrap-wrapper .input-sm {
2800
- height: 30px;
2801
- padding: 5px 10px;
2802
- font-size: 12px;
2803
- line-height: 1.5;
2804
- border-radius: 3px;
2805
- }
2806
- .ycd-bootstrap-wrapper select.input-sm {
2807
- height: 30px;
2808
- line-height: 30px;
2809
- }
2810
- .ycd-bootstrap-wrapper textarea.input-sm,
2811
- .ycd-bootstrap-wrapper select[multiple].input-sm {
2812
- height: auto;
2813
- }
2814
- .ycd-bootstrap-wrapper .form-group-sm .form-control {
2815
- height: 30px;
2816
- padding: 5px 10px;
2817
- font-size: 12px;
2818
- line-height: 1.5;
2819
- border-radius: 3px;
2820
- }
2821
- .ycd-bootstrap-wrapper .form-group-sm select.form-control {
2822
- height: 30px;
2823
- line-height: 30px;
2824
- }
2825
- .ycd-bootstrap-wrapper .form-group-sm textarea.form-control,
2826
- .ycd-bootstrap-wrapper .form-group-sm select[multiple].form-control {
2827
- height: auto;
2828
- }
2829
- .ycd-bootstrap-wrapper .form-group-sm .form-control-static {
2830
- height: 30px;
2831
- min-height: 32px;
2832
- padding: 6px 10px;
2833
- font-size: 12px;
2834
- line-height: 1.5;
2835
- }
2836
- .ycd-bootstrap-wrapper .input-lg {
2837
- height: 46px;
2838
- padding: 10px 16px;
2839
- font-size: 18px;
2840
- line-height: 1.3333333;
2841
- border-radius: 6px;
2842
- }
2843
- .ycd-bootstrap-wrapper select.input-lg {
2844
- height: 46px;
2845
- line-height: 46px;
2846
- }
2847
- .ycd-bootstrap-wrapper textarea.input-lg,
2848
- .ycd-bootstrap-wrapper select[multiple].input-lg {
2849
- height: auto;
2850
- }
2851
- .ycd-bootstrap-wrapper .form-group-lg .form-control {
2852
- height: 46px;
2853
- padding: 10px 16px;
2854
- font-size: 18px;
2855
- line-height: 1.3333333;
2856
- border-radius: 6px;
2857
- }
2858
- .ycd-bootstrap-wrapper .form-group-lg select.form-control {
2859
- height: 46px;
2860
- line-height: 46px;
2861
- }
2862
- .ycd-bootstrap-wrapper .form-group-lg textarea.form-control,
2863
- .ycd-bootstrap-wrapper .form-group-lg select[multiple].form-control {
2864
- height: auto;
2865
- }
2866
- .ycd-bootstrap-wrapper .form-group-lg .form-control-static {
2867
- height: 46px;
2868
- min-height: 38px;
2869
- padding: 11px 16px;
2870
- font-size: 18px;
2871
- line-height: 1.3333333;
2872
- }
2873
- .ycd-bootstrap-wrapper .has-feedback {
2874
- position: relative;
2875
- }
2876
- .ycd-bootstrap-wrapper .has-feedback .form-control {
2877
- padding-right: 42.5px;
2878
- }
2879
- .ycd-bootstrap-wrapper .form-control-feedback {
2880
- position: absolute;
2881
- top: 0;
2882
- right: 0;
2883
- z-index: 2;
2884
- display: block;
2885
- width: 34px;
2886
- height: 34px;
2887
- line-height: 34px;
2888
- text-align: center;
2889
- pointer-events: none;
2890
- }
2891
- .ycd-bootstrap-wrapper .input-lg + .form-control-feedback,
2892
- .ycd-bootstrap-wrapper .input-group-lg + .form-control-feedback,
2893
- .ycd-bootstrap-wrapper .form-group-lg .form-control + .form-control-feedback {
2894
- width: 46px;
2895
- height: 46px;
2896
- line-height: 46px;
2897
- }
2898
- .ycd-bootstrap-wrapper .input-sm + .form-control-feedback,
2899
- .ycd-bootstrap-wrapper .input-group-sm + .form-control-feedback,
2900
- .ycd-bootstrap-wrapper .form-group-sm .form-control + .form-control-feedback {
2901
- width: 30px;
2902
- height: 30px;
2903
- line-height: 30px;
2904
- }
2905
- .ycd-bootstrap-wrapper .has-success .help-block,
2906
- .ycd-bootstrap-wrapper .has-success .control-label,
2907
- .ycd-bootstrap-wrapper .has-success .radio,
2908
- .ycd-bootstrap-wrapper .has-success .checkbox,
2909
- .ycd-bootstrap-wrapper .has-success .radio-inline,
2910
- .ycd-bootstrap-wrapper .has-success .checkbox-inline,
2911
- .ycd-bootstrap-wrapper .has-success.radio label,
2912
- .ycd-bootstrap-wrapper .has-success.checkbox label,
2913
- .ycd-bootstrap-wrapper .has-success.radio-inline label,
2914
- .ycd-bootstrap-wrapper .has-success.checkbox-inline label {
2915
- color: #3c763d;
2916
- }
2917
- .ycd-bootstrap-wrapper .has-success .form-control {
2918
- border-color: #3c763d;
2919
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
2920
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
2921
- }
2922
- .ycd-bootstrap-wrapper .has-success .form-control:focus {
2923
- border-color: #2b542c;
2924
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
2925
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
2926
- }
2927
- .ycd-bootstrap-wrapper .has-success .input-group-addon {
2928
- color: #3c763d;
2929
- background-color: #dff0d8;
2930
- border-color: #3c763d;
2931
- }
2932
- .ycd-bootstrap-wrapper .has-success .form-control-feedback {
2933
- color: #3c763d;
2934
- }
2935
- .ycd-bootstrap-wrapper .has-warning .help-block,
2936
- .ycd-bootstrap-wrapper .has-warning .control-label,
2937
- .ycd-bootstrap-wrapper .has-warning .radio,
2938
- .ycd-bootstrap-wrapper .has-warning .checkbox,
2939
- .ycd-bootstrap-wrapper .has-warning .radio-inline,
2940
- .ycd-bootstrap-wrapper .has-warning .checkbox-inline,
2941
- .ycd-bootstrap-wrapper .has-warning.radio label,
2942
- .ycd-bootstrap-wrapper .has-warning.checkbox label,
2943
- .ycd-bootstrap-wrapper .has-warning.radio-inline label,
2944
- .ycd-bootstrap-wrapper .has-warning.checkbox-inline label {
2945
- color: #8a6d3b;
2946
- }
2947
- .ycd-bootstrap-wrapper .has-warning .form-control {
2948
- border-color: #8a6d3b;
2949
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
2950
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
2951
- }
2952
- .ycd-bootstrap-wrapper .has-warning .form-control:focus {
2953
- border-color: #66512c;
2954
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
2955
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
2956
- }
2957
- .ycd-bootstrap-wrapper .has-warning .input-group-addon {
2958
- color: #8a6d3b;
2959
- background-color: #fcf8e3;
2960
- border-color: #8a6d3b;
2961
- }
2962
- .ycd-bootstrap-wrapper .has-warning .form-control-feedback {
2963
- color: #8a6d3b;
2964
- }
2965
- .ycd-bootstrap-wrapper .has-error .help-block,
2966
- .ycd-bootstrap-wrapper .has-error .control-label,
2967
- .ycd-bootstrap-wrapper .has-error .radio,
2968
- .ycd-bootstrap-wrapper .has-error .checkbox,
2969
- .ycd-bootstrap-wrapper .has-error .radio-inline,
2970
- .ycd-bootstrap-wrapper .has-error .checkbox-inline,
2971
- .ycd-bootstrap-wrapper .has-error.radio label,
2972
- .ycd-bootstrap-wrapper .has-error.checkbox label,
2973
- .ycd-bootstrap-wrapper .has-error.radio-inline label,
2974
- .ycd-bootstrap-wrapper .has-error.checkbox-inline label {
2975
- color: #a94442;
2976
- }
2977
- .ycd-bootstrap-wrapper .has-error .form-control {
2978
- border-color: #a94442;
2979
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
2980
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
2981
- }
2982
- .ycd-bootstrap-wrapper .has-error .form-control:focus {
2983
- border-color: #843534;
2984
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
2985
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
2986
- }
2987
- .ycd-bootstrap-wrapper .has-error .input-group-addon {
2988
- color: #a94442;
2989
- background-color: #f2dede;
2990
- border-color: #a94442;
2991
- }
2992
- .ycd-bootstrap-wrapper .has-error .form-control-feedback {
2993
- color: #a94442;
2994
- }
2995
- .ycd-bootstrap-wrapper .has-feedback label ~ .form-control-feedback {
2996
- top: 25px;
2997
- }
2998
- .ycd-bootstrap-wrapper .has-feedback label.sr-only ~ .form-control-feedback {
2999
- top: 0;
3000
- }
3001
- .ycd-bootstrap-wrapper .help-block {
3002
- display: block;
3003
- margin-top: 5px;
3004
- margin-bottom: 10px;
3005
- color: #737373;
3006
- }
3007
- @media (min-width: 768px) {
3008
- .ycd-bootstrap-wrapper .form-inline .form-group {
3009
- display: inline-block;
3010
- margin-bottom: 0;
3011
- vertical-align: middle;
3012
- }
3013
- .ycd-bootstrap-wrapper .form-inline .form-control {
3014
- display: inline-block;
3015
- width: auto;
3016
- vertical-align: middle;
3017
- }
3018
- .ycd-bootstrap-wrapper .form-inline .form-control-static {
3019
- display: inline-block;
3020
- }
3021
- .ycd-bootstrap-wrapper .form-inline .input-group {
3022
- display: inline-table;
3023
- vertical-align: middle;
3024
- }
3025
- .ycd-bootstrap-wrapper .form-inline .input-group .input-group-addon,
3026
- .ycd-bootstrap-wrapper .form-inline .input-group .input-group-btn,
3027
- .ycd-bootstrap-wrapper .form-inline .input-group .form-control {
3028
- width: auto;
3029
- }
3030
- .ycd-bootstrap-wrapper .form-inline .input-group > .form-control {
3031
- width: 100%;
3032
- }
3033
- .ycd-bootstrap-wrapper .form-inline .control-label {
3034
- margin-bottom: 0;
3035
- vertical-align: middle;
3036
- }
3037
- .ycd-bootstrap-wrapper .form-inline .radio,
3038
- .ycd-bootstrap-wrapper .form-inline .checkbox {
3039
- display: inline-block;
3040
- margin-top: 0;
3041
- margin-bottom: 0;
3042
- vertical-align: middle;
3043
- }
3044
- .ycd-bootstrap-wrapper .form-inline .radio label,
3045
- .ycd-bootstrap-wrapper .form-inline .checkbox label {
3046
- padding-left: 0;
3047
- }
3048
- .ycd-bootstrap-wrapper .form-inline .radio input[type="radio"],
3049
- .ycd-bootstrap-wrapper .form-inline .checkbox input[type="checkbox"] {
3050
- position: relative;
3051
- margin-left: 0;
3052
- }
3053
- .ycd-bootstrap-wrapper .form-inline .has-feedback .form-control-feedback {
3054
- top: 0;
3055
- }
3056
- }
3057
- .ycd-bootstrap-wrapper .form-horizontal .radio,
3058
- .ycd-bootstrap-wrapper .form-horizontal .checkbox,
3059
- .ycd-bootstrap-wrapper .form-horizontal .radio-inline,
3060
- .ycd-bootstrap-wrapper .form-horizontal .checkbox-inline {
3061
- padding-top: 7px;
3062
- margin-top: 0;
3063
- margin-bottom: 0;
3064
- }
3065
- .ycd-bootstrap-wrapper .form-horizontal .radio,
3066
- .ycd-bootstrap-wrapper .form-horizontal .checkbox {
3067
- min-height: 27px;
3068
- }
3069
- .ycd-bootstrap-wrapper .form-horizontal .form-group {
3070
- margin-right: -15px;
3071
- margin-left: -15px;
3072
- }
3073
- @media (min-width: 768px) {
3074
- .ycd-bootstrap-wrapper .form-horizontal .control-label {
3075
- padding-top: 7px;
3076
- margin-bottom: 0;
3077
- text-align: left;
3078
- }
3079
- }
3080
- .ycd-bootstrap-wrapper .form-horizontal .has-feedback .form-control-feedback {
3081
- right: 15px;
3082
- }
3083
- @media (min-width: 768px) {
3084
- .ycd-bootstrap-wrapper .form-horizontal .form-group-lg .control-label {
3085
- padding-top: 11px;
3086
- font-size: 18px;
3087
- }
3088
- }
3089
- @media (min-width: 768px) {
3090
- .ycd-bootstrap-wrapper .form-horizontal .form-group-sm .control-label {
3091
- padding-top: 6px;
3092
- font-size: 12px;
3093
- }
3094
- }
3095
- .ycd-bootstrap-wrapper .btn {
3096
- display: inline-block;
3097
- padding: 6px 12px;
3098
- margin-bottom: 0;
3099
- font-size: 14px;
3100
- font-weight: normal;
3101
- line-height: 1.42857143;
3102
- text-align: center;
3103
- white-space: nowrap;
3104
- vertical-align: middle;
3105
- -ms-touch-action: manipulation;
3106
- touch-action: manipulation;
3107
- cursor: pointer;
3108
- -webkit-user-select: none;
3109
- -moz-user-select: none;
3110
- -ms-user-select: none;
3111
- user-select: none;
3112
- background-image: none;
3113
- border: 1px solid transparent;
3114
- border-radius: 4px;
3115
- }
3116
- .ycd-bootstrap-wrapper .btn:focus,
3117
- .ycd-bootstrap-wrapper .btn:active:focus,
3118
- .ycd-bootstrap-wrapper .btn.active:focus,
3119
- .ycd-bootstrap-wrapper .btn.focus,
3120
- .ycd-bootstrap-wrapper .btn:active.focus,
3121
- .ycd-bootstrap-wrapper .btn.active.focus {
3122
- outline: thin dotted;
3123
- outline: 5px auto -webkit-focus-ring-color;
3124
- outline-offset: -2px;
3125
- }
3126
- .ycd-bootstrap-wrapper .btn:hover,
3127
- .ycd-bootstrap-wrapper .btn:focus,
3128
- .ycd-bootstrap-wrapper .btn.focus {
3129
- color: #333;
3130
- text-decoration: none;
3131
- }
3132
- .ycd-bootstrap-wrapper .btn:active,
3133
- .ycd-bootstrap-wrapper .btn.active {
3134
- background-image: none;
3135
- outline: 0;
3136
- -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3137
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3138
- }
3139
- .ycd-bootstrap-wrapper .btn.disabled,
3140
- .ycd-bootstrap-wrapper .btn[disabled],
3141
- .ycd-bootstrap-wrapper fieldset[disabled] .btn {
3142
- cursor: not-allowed;
3143
- filter: alpha(opacity=65);
3144
- -webkit-box-shadow: none;
3145
- box-shadow: none;
3146
- opacity: .65;
3147
- }
3148
- .ycd-bootstrap-wrapper a.btn.disabled,
3149
- .ycd-bootstrap-wrapper fieldset[disabled] a.btn {
3150
- pointer-events: none;
3151
- }
3152
- .ycd-bootstrap-wrapper .btn-default {
3153
- color: #333;
3154
- background-color: #fff;
3155
- border-color: #ccc;
3156
- }
3157
- .ycd-bootstrap-wrapper .btn-default:focus,
3158
- .ycd-bootstrap-wrapper .btn-default.focus {
3159
- color: #333;
3160
- background-color: #e6e6e6;
3161
- border-color: #8c8c8c;
3162
- }
3163
- .ycd-bootstrap-wrapper .btn-default:hover {
3164
- color: #333;
3165
- background-color: #e6e6e6;
3166
- border-color: #adadad;
3167
- }
3168
- .ycd-bootstrap-wrapper .btn-default:active,
3169
- .ycd-bootstrap-wrapper .btn-default.active,
3170
- .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-default {
3171
- color: #333;
3172
- background-color: #e6e6e6;
3173
- border-color: #adadad;
3174
- }
3175
- .ycd-bootstrap-wrapper .btn-default:active:hover,
3176
- .ycd-bootstrap-wrapper .btn-default.active:hover,
3177
- .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-default:hover,
3178
- .ycd-bootstrap-wrapper .btn-default:active:focus,
3179
- .ycd-bootstrap-wrapper .btn-default.active:focus,
3180
- .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-default:focus,
3181
- .ycd-bootstrap-wrapper .btn-default:active.focus,
3182
- .ycd-bootstrap-wrapper .btn-default.active.focus,
3183
- .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-default.focus {
3184
- color: #333;
3185
- background-color: #d4d4d4;
3186
- border-color: #8c8c8c;
3187
- }
3188
- .ycd-bootstrap-wrapper .btn-default:active,
3189
- .ycd-bootstrap-wrapper .btn-default.active,
3190
- .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-default {
3191
- background-image: none;
3192
- }
3193
- .ycd-bootstrap-wrapper .btn-default.disabled:hover,
3194
- .ycd-bootstrap-wrapper .btn-default[disabled]:hover,
3195
- .ycd-bootstrap-wrapper fieldset[disabled] .btn-default:hover,
3196
- .ycd-bootstrap-wrapper .btn-default.disabled:focus,
3197
- .ycd-bootstrap-wrapper .btn-default[disabled]:focus,
3198
- .ycd-bootstrap-wrapper fieldset[disabled] .btn-default:focus,
3199
- .ycd-bootstrap-wrapper .btn-default.disabled.focus,
3200
- .ycd-bootstrap-wrapper .btn-default[disabled].focus,
3201
- .ycd-bootstrap-wrapper fieldset[disabled] .btn-default.focus {
3202
- background-color: #fff;
3203
- border-color: #ccc;
3204
- }
3205
- .ycd-bootstrap-wrapper .btn-default .badge {
3206
- color: #fff;
3207
- background-color: #333;
3208
- }
3209
- .ycd-bootstrap-wrapper .btn-primary {
3210
- color: #fff;
3211
- background-color: #337ab7;
3212
- border-color: #2e6da4;
3213
- }
3214
- .ycd-bootstrap-wrapper .btn-primary:focus,
3215
- .ycd-bootstrap-wrapper .btn-primary.focus {
3216
- color: #fff;
3217
- background-color: #286090;
3218
- border-color: #122b40;
3219
- }
3220
- .ycd-bootstrap-wrapper .btn-primary:hover {
3221
- color: #fff;
3222
- background-color: #286090;
3223
- border-color: #204d74;
3224
- }
3225
- .ycd-bootstrap-wrapper .btn-primary:active,
3226
- .ycd-bootstrap-wrapper .btn-primary.active,
3227
- .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-primary {
3228
- color: #fff;
3229
- background-color: #286090;
3230
- border-color: #204d74;
3231
- }
3232
- .ycd-bootstrap-wrapper .btn-primary:active:hover,
3233
- .ycd-bootstrap-wrapper .btn-primary.active:hover,
3234
- .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-primary:hover,
3235
- .ycd-bootstrap-wrapper .btn-primary:active:focus,
3236
- .ycd-bootstrap-wrapper .btn-primary.active:focus,
3237
- .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-primary:focus,
3238
- .ycd-bootstrap-wrapper .btn-primary:active.focus,
3239
- .ycd-bootstrap-wrapper .btn-primary.active.focus,
3240
- .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-primary.focus {
3241
- color: #fff;
3242
- background-color: #204d74;
3243
- border-color: #122b40;
3244
- }
3245
- .ycd-bootstrap-wrapper .btn-primary:active,
3246
- .ycd-bootstrap-wrapper .btn-primary.active,
3247
- .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-primary {
3248
- background-image: none;
3249
- }
3250
- .ycd-bootstrap-wrapper .btn-primary.disabled:hover,
3251
- .ycd-bootstrap-wrapper .btn-primary[disabled]:hover,
3252
- .ycd-bootstrap-wrapper fieldset[disabled] .btn-primary:hover,
3253
- .ycd-bootstrap-wrapper .btn-primary.disabled:focus,
3254
- .ycd-bootstrap-wrapper .btn-primary[disabled]:focus,
3255
- .ycd-bootstrap-wrapper fieldset[disabled] .btn-primary:focus,
3256
- .ycd-bootstrap-wrapper .btn-primary.disabled.focus,
3257
- .ycd-bootstrap-wrapper .btn-primary[disabled].focus,
3258
- .ycd-bootstrap-wrapper fieldset[disabled] .btn-primary.focus {
3259
- background-color: #337ab7;
3260
- border-color: #2e6da4;
3261
- }
3262
- .ycd-bootstrap-wrapper .btn-primary .badge {
3263
- color: #337ab7;
3264
- background-color: #fff;
3265
- }
3266
- .ycd-bootstrap-wrapper .btn-success {
3267
- color: #fff;
3268
- background-color: #5cb85c;
3269
- border-color: #4cae4c;
3270
- }
3271
- .ycd-bootstrap-wrapper .btn-success:focus,
3272
- .ycd-bootstrap-wrapper .btn-success.focus {
3273
- color: #fff;
3274
- background-color: #449d44;
3275
- border-color: #255625;
3276
- }
3277
- .ycd-bootstrap-wrapper .btn-success:hover {
3278
- color: #fff;
3279
- background-color: #449d44;
3280
- border-color: #398439;
3281
- }
3282
- .ycd-bootstrap-wrapper .btn-success:active,
3283
- .ycd-bootstrap-wrapper .btn-success.active,
3284
- .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-success {
3285
- color: #fff;
3286
- background-color: #449d44;
3287
- border-color: #398439;
3288
- }
3289
- .ycd-bootstrap-wrapper .btn-success:active:hover,
3290
- .ycd-bootstrap-wrapper .btn-success.active:hover,
3291
- .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-success:hover,
3292
- .ycd-bootstrap-wrapper .btn-success:active:focus,
3293
- .ycd-bootstrap-wrapper .btn-success.active:focus,
3294
- .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-success:focus,
3295
- .ycd-bootstrap-wrapper .btn-success:active.focus,
3296
- .ycd-bootstrap-wrapper .btn-success.active.focus,
3297
- .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-success.focus {
3298
- color: #fff;
3299
- background-color: #398439;
3300
- border-color: #255625;
3301
- }
3302
- .ycd-bootstrap-wrapper .btn-success:active,
3303
- .ycd-bootstrap-wrapper .btn-success.active,
3304
- .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-success {
3305
- background-image: none;
3306
- }
3307
- .ycd-bootstrap-wrapper .btn-success.disabled:hover,
3308
- .ycd-bootstrap-wrapper .btn-success[disabled]:hover,
3309
- .ycd-bootstrap-wrapper fieldset[disabled] .btn-success:hover,
3310
- .ycd-bootstrap-wrapper .btn-success.disabled:focus,
3311
- .ycd-bootstrap-wrapper .btn-success[disabled]:focus,
3312
- .ycd-bootstrap-wrapper fieldset[disabled] .btn-success:focus,
3313
- .ycd-bootstrap-wrapper .btn-success.disabled.focus,
3314
- .ycd-bootstrap-wrapper .btn-success[disabled].focus,
3315
- .ycd-bootstrap-wrapper fieldset[disabled] .btn-success.focus {
3316
- background-color: #5cb85c;
3317
- border-color: #4cae4c;
3318
- }
3319
- .ycd-bootstrap-wrapper .btn-success .badge {
3320
- color: #5cb85c;
3321
- background-color: #fff;
3322
- }
3323
- .ycd-bootstrap-wrapper .btn-info {
3324
- color: #fff;
3325
- background-color: #5bc0de;
3326
- border-color: #46b8da;
3327
- }
3328
- .ycd-bootstrap-wrapper .btn-info:focus,
3329
- .ycd-bootstrap-wrapper .btn-info.focus {
3330
- color: #fff;
3331
- background-color: #31b0d5;
3332
- border-color: #1b6d85;
3333
- }
3334
- .ycd-bootstrap-wrapper .btn-info:hover {
3335
- color: #fff;
3336
- background-color: #31b0d5;
3337
- border-color: #269abc;
3338
- }
3339
- .ycd-bootstrap-wrapper .btn-info:active,
3340
- .ycd-bootstrap-wrapper .btn-info.active,
3341
- .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-info {
3342
- color: #fff;
3343
- background-color: #31b0d5;
3344
- border-color: #269abc;
3345
- }
3346
- .ycd-bootstrap-wrapper .btn-info:active:hover,
3347
- .ycd-bootstrap-wrapper .btn-info.active:hover,
3348
- .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-info:hover,
3349
- .ycd-bootstrap-wrapper .btn-info:active:focus,
3350
- .ycd-bootstrap-wrapper .btn-info.active:focus,
3351
- .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-info:focus,
3352
- .ycd-bootstrap-wrapper .btn-info:active.focus,
3353
- .ycd-bootstrap-wrapper .btn-info.active.focus,
3354
- .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-info.focus {
3355
- color: #fff;
3356
- background-color: #269abc;
3357
- border-color: #1b6d85;
3358
- }
3359
- .ycd-bootstrap-wrapper .btn-info:active,
3360
- .ycd-bootstrap-wrapper .btn-info.active,
3361
- .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-info {
3362
- background-image: none;
3363
- }
3364
- .ycd-bootstrap-wrapper .btn-info.disabled:hover,
3365
- .ycd-bootstrap-wrapper .btn-info[disabled]:hover,
3366
- .ycd-bootstrap-wrapper fieldset[disabled] .btn-info:hover,
3367
- .ycd-bootstrap-wrapper .btn-info.disabled:focus,
3368
- .ycd-bootstrap-wrapper .btn-info[disabled]:focus,
3369
- .ycd-bootstrap-wrapper fieldset[disabled] .btn-info:focus,
3370
- .ycd-bootstrap-wrapper .btn-info.disabled.focus,
3371
- .ycd-bootstrap-wrapper .btn-info[disabled].focus,
3372
- .ycd-bootstrap-wrapper fieldset[disabled] .btn-info.focus {
3373
- background-color: #5bc0de;
3374
- border-color: #46b8da;
3375
- }
3376
- .ycd-bootstrap-wrapper .btn-info .badge {
3377
- color: #5bc0de;
3378
- background-color: #fff;
3379
- }
3380
- .ycd-bootstrap-wrapper .btn-warning {
3381
- color: #fff;
3382
- background-color: #f0ad4e;
3383
- border-color: #eea236;
3384
- }
3385
- .ycd-bootstrap-wrapper .btn-warning:focus,
3386
- .ycd-bootstrap-wrapper .btn-warning.focus {
3387
- color: #fff;
3388
- background-color: #ec971f;
3389
- border-color: #985f0d;
3390
- }
3391
- .ycd-bootstrap-wrapper .btn-warning:hover {
3392
- color: #fff;
3393
- background-color: #ec971f;
3394
- border-color: #d58512;
3395
- }
3396
- .ycd-bootstrap-wrapper .btn-warning:active,
3397
- .ycd-bootstrap-wrapper .btn-warning.active,
3398
- .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-warning {
3399
- color: #fff;
3400
- background-color: #ec971f;
3401
- border-color: #d58512;
3402
- }
3403
- .ycd-bootstrap-wrapper .btn-warning:active:hover,
3404
- .ycd-bootstrap-wrapper .btn-warning.active:hover,
3405
- .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-warning:hover,
3406
- .ycd-bootstrap-wrapper .btn-warning:active:focus,
3407
- .ycd-bootstrap-wrapper .btn-warning.active:focus,
3408
- .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-warning:focus,
3409
- .ycd-bootstrap-wrapper .btn-warning:active.focus,
3410
- .ycd-bootstrap-wrapper .btn-warning.active.focus,
3411
- .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-warning.focus {
3412
- color: #fff;
3413
- background-color: #d58512;
3414
- border-color: #985f0d;
3415
- }
3416
- .ycd-bootstrap-wrapper .btn-warning:active,
3417
- .ycd-bootstrap-wrapper .btn-warning.active,
3418
- .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-warning {
3419
- background-image: none;
3420
- }
3421
- .ycd-bootstrap-wrapper .btn-warning.disabled:hover,
3422
- .ycd-bootstrap-wrapper .btn-warning[disabled]:hover,
3423
- .ycd-bootstrap-wrapper fieldset[disabled] .btn-warning:hover,
3424
- .ycd-bootstrap-wrapper .btn-warning.disabled:focus,
3425
- .ycd-bootstrap-wrapper .btn-warning[disabled]:focus,
3426
- .ycd-bootstrap-wrapper fieldset[disabled] .btn-warning:focus,
3427
- .ycd-bootstrap-wrapper .btn-warning.disabled.focus,
3428
- .ycd-bootstrap-wrapper .btn-warning[disabled].focus,
3429
- .ycd-bootstrap-wrapper fieldset[disabled] .btn-warning.focus {
3430
- background-color: #f0ad4e;
3431
- border-color: #eea236;
3432
- }
3433
- .ycd-bootstrap-wrapper .btn-warning .badge {
3434
- color: #f0ad4e;
3435
- background-color: #fff;
3436
- }
3437
- .ycd-bootstrap-wrapper .btn-danger {
3438
- color: #fff;
3439
- background-color: #d9534f;
3440
- border-color: #d43f3a;
3441
- }
3442
- .ycd-bootstrap-wrapper .btn-danger:focus,
3443
- .ycd-bootstrap-wrapper .btn-danger.focus {
3444
- color: #fff;
3445
- background-color: #c9302c;
3446
- border-color: #761c19;
3447
- }
3448
- .ycd-bootstrap-wrapper .btn-danger:hover {
3449
- color: #fff;
3450
- background-color: #c9302c;
3451
- border-color: #ac2925;
3452
- }
3453
- .ycd-bootstrap-wrapper .btn-danger:active,
3454
- .ycd-bootstrap-wrapper .btn-danger.active,
3455
- .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-danger {
3456
- color: #fff;
3457
- background-color: #c9302c;
3458
- border-color: #ac2925;
3459
- }
3460
- .ycd-bootstrap-wrapper .btn-danger:active:hover,
3461
- .ycd-bootstrap-wrapper .btn-danger.active:hover,
3462
- .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-danger:hover,
3463
- .ycd-bootstrap-wrapper .btn-danger:active:focus,
3464
- .ycd-bootstrap-wrapper .btn-danger.active:focus,
3465
- .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-danger:focus,
3466
- .ycd-bootstrap-wrapper .btn-danger:active.focus,
3467
- .ycd-bootstrap-wrapper .btn-danger.active.focus,
3468
- .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-danger.focus {
3469
- color: #fff;
3470
- background-color: #ac2925;
3471
- border-color: #761c19;
3472
- }
3473
- .ycd-bootstrap-wrapper .btn-danger:active,
3474
- .ycd-bootstrap-wrapper .btn-danger.active,
3475
- .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-danger {
3476
- background-image: none;
3477
- }
3478
- .ycd-bootstrap-wrapper .btn-danger.disabled:hover,
3479
- .ycd-bootstrap-wrapper .btn-danger[disabled]:hover,
3480
- .ycd-bootstrap-wrapper fieldset[disabled] .btn-danger:hover,
3481
- .ycd-bootstrap-wrapper .btn-danger.disabled:focus,
3482
- .ycd-bootstrap-wrapper .btn-danger[disabled]:focus,
3483
- .ycd-bootstrap-wrapper fieldset[disabled] .btn-danger:focus,
3484
- .ycd-bootstrap-wrapper .btn-danger.disabled.focus,
3485
- .ycd-bootstrap-wrapper .btn-danger[disabled].focus,
3486
- .ycd-bootstrap-wrapper fieldset[disabled] .btn-danger.focus {
3487
- background-color: #d9534f;
3488
- border-color: #d43f3a;
3489
- }
3490
- .ycd-bootstrap-wrapper .btn-danger .badge {
3491
- color: #d9534f;
3492
- background-color: #fff;
3493
- }
3494
- .ycd-bootstrap-wrapper .btn-link {
3495
- font-weight: normal;
3496
- color: #337ab7;
3497
- border-radius: 0;
3498
- }
3499
- .ycd-bootstrap-wrapper .btn-link,
3500
- .ycd-bootstrap-wrapper .btn-link:active,
3501
- .ycd-bootstrap-wrapper .btn-link.active,
3502
- .ycd-bootstrap-wrapper .btn-link[disabled],
3503
- .ycd-bootstrap-wrapper fieldset[disabled] .btn-link {
3504
- background-color: transparent;
3505
- -webkit-box-shadow: none;
3506
- box-shadow: none;
3507
- }
3508
- .ycd-bootstrap-wrapper .btn-link,
3509
- .ycd-bootstrap-wrapper .btn-link:hover,
3510
- .ycd-bootstrap-wrapper .btn-link:focus,
3511
- .ycd-bootstrap-wrapper .btn-link:active {
3512
- border-color: transparent;
3513
- }
3514
- .ycd-bootstrap-wrapper .btn-link:hover,
3515
- .ycd-bootstrap-wrapper .btn-link:focus {
3516
- color: #23527c;
3517
- text-decoration: underline;
3518
- background-color: transparent;
3519
- }
3520
- .ycd-bootstrap-wrapper .btn-link[disabled]:hover,
3521
- .ycd-bootstrap-wrapper fieldset[disabled] .btn-link:hover,
3522
- .ycd-bootstrap-wrapper .btn-link[disabled]:focus,
3523
- .ycd-bootstrap-wrapper fieldset[disabled] .btn-link:focus {
3524
- color: #777;
3525
- text-decoration: none;
3526
- }
3527
- .ycd-bootstrap-wrapper .btn-lg,
3528
- .ycd-bootstrap-wrapper .btn-group-lg > .btn {
3529
- padding: 10px 16px;
3530
- font-size: 18px;
3531
- line-height: 1.3333333;
3532
- border-radius: 6px;
3533
- }
3534
- .ycd-bootstrap-wrapper .btn-sm,
3535
- .ycd-bootstrap-wrapper .btn-group-sm > .btn {
3536
- padding: 5px 10px;
3537
- font-size: 12px;
3538
- line-height: 1.5;
3539
- border-radius: 3px;
3540
- }
3541
- .ycd-bootstrap-wrapper .btn-xs,
3542
- .ycd-bootstrap-wrapper .btn-group-xs > .btn {
3543
- padding: 1px 5px;
3544
- font-size: 12px;
3545
- line-height: 1.5;
3546
- border-radius: 3px;
3547
- }
3548
- .ycd-bootstrap-wrapper .btn-block {
3549
- display: block;
3550
- width: 100%;
3551
- }
3552
- .ycd-bootstrap-wrapper .btn-block + .btn-block {
3553
- margin-top: 5px;
3554
- }
3555
- .ycd-bootstrap-wrapper input[type="submit"].btn-block,
3556
- .ycd-bootstrap-wrapper input[type="reset"].btn-block,
3557
- .ycd-bootstrap-wrapper input[type="button"].btn-block {
3558
- width: 100%;
3559
- }
3560
- .ycd-bootstrap-wrapper .fade {
3561
- opacity: 0;
3562
- -webkit-transition: opacity .15s linear;
3563
- -o-transition: opacity .15s linear;
3564
- transition: opacity .15s linear;
3565
- }
3566
- .ycd-bootstrap-wrapper .fade.in {
3567
- opacity: 1;
3568
- }
3569
- .ycd-bootstrap-wrapper .collapse {
3570
- display: none;
3571
- }
3572
- .ycd-bootstrap-wrapper .collapse.in {
3573
- display: block;
3574
- }
3575
- .ycd-bootstrap-wrapper tr.collapse.in {
3576
- display: table-row;
3577
- }
3578
- .ycd-bootstrap-wrapper tbody.collapse.in {
3579
- display: table-row-group;
3580
- }
3581
- .ycd-bootstrap-wrapper .collapsing {
3582
- position: relative;
3583
- height: 0;
3584
- overflow: hidden;
3585
- -webkit-transition-timing-function: ease;
3586
- -o-transition-timing-function: ease;
3587
- transition-timing-function: ease;
3588
- -webkit-transition-duration: .35s;
3589
- -o-transition-duration: .35s;
3590
- transition-duration: .35s;
3591
- -webkit-transition-property: height, visibility;
3592
- -o-transition-property: height, visibility;
3593
- transition-property: height, visibility;
3594
- }
3595
- .ycd-bootstrap-wrapper .caret {
3596
- display: inline-block;
3597
- width: 0;
3598
- height: 0;
3599
- margin-left: 2px;
3600
- vertical-align: middle;
3601
- border-top: 4px dashed;
3602
- border-top: 4px solid \9;
3603
- border-right: 4px solid transparent;
3604
- border-left: 4px solid transparent;
3605
- }
3606
- .ycd-bootstrap-wrapper .dropup,
3607
- .ycd-bootstrap-wrapper .dropdown {
3608
- position: relative;
3609
- }
3610
- .ycd-bootstrap-wrapper .dropdown-toggle:focus {
3611
- outline: 0;
3612
- }
3613
- .ycd-bootstrap-wrapper .dropdown-menu {
3614
- position: absolute;
3615
- top: 100%;
3616
- left: 0;
3617
- z-index: 1000;
3618
- display: none;
3619
- float: left;
3620
- min-width: 160px;
3621
- padding: 5px 0;
3622
- margin: 2px 0 0;
3623
- font-size: 14px;
3624
- text-align: left;
3625
- list-style: none;
3626
- background-color: #fff;
3627
- -webkit-background-clip: padding-box;
3628
- background-clip: padding-box;
3629
- border: 1px solid #ccc;
3630
- border: 1px solid rgba(0, 0, 0, 0.15);
3631
- border-radius: 4px;
3632
- -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
3633
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
3634
- }
3635
- .ycd-bootstrap-wrapper .dropdown-menu.pull-right {
3636
- right: 0;
3637
- left: auto;
3638
- }
3639
- .ycd-bootstrap-wrapper .dropdown-menu .divider {
3640
- height: 1px;
3641
- margin: 9px 0;
3642
- overflow: hidden;
3643
- background-color: #e5e5e5;
3644
- }
3645
- .ycd-bootstrap-wrapper .dropdown-menu > li > a {
3646
- display: block;
3647
- padding: 3px 20px;
3648
- clear: both;
3649
- font-weight: normal;
3650
- line-height: 1.42857143;
3651
- color: #333;
3652
- white-space: nowrap;
3653
- }
3654
- .ycd-bootstrap-wrapper .dropdown-menu > li > a:hover,
3655
- .ycd-bootstrap-wrapper .dropdown-menu > li > a:focus {
3656
- color: #262626;
3657
- text-decoration: none;
3658
- background-color: #f5f5f5;
3659
- }
3660
- .ycd-bootstrap-wrapper .dropdown-menu > .active > a,
3661
- .ycd-bootstrap-wrapper .dropdown-menu > .active > a:hover,
3662
- .ycd-bootstrap-wrapper .dropdown-menu > .active > a:focus {
3663
- color: #fff;
3664
- text-decoration: none;
3665
- background-color: #337ab7;
3666
- outline: 0;
3667
- }
3668
- .ycd-bootstrap-wrapper .dropdown-menu > .disabled > a,
3669
- .ycd-bootstrap-wrapper .dropdown-menu > .disabled > a:hover,
3670
- .ycd-bootstrap-wrapper .dropdown-menu > .disabled > a:focus {
3671
- color: #777;
3672
- }
3673
- .ycd-bootstrap-wrapper .dropdown-menu > .disabled > a:hover,
3674
- .ycd-bootstrap-wrapper .dropdown-menu > .disabled > a:focus {
3675
- text-decoration: none;
3676
- cursor: not-allowed;
3677
- background-color: transparent;
3678
- background-image: none;
3679
- filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
3680
- }
3681
- .ycd-bootstrap-wrapper .open > .dropdown-menu {
3682
- display: block;
3683
- }
3684
- .ycd-bootstrap-wrapper .open > a {
3685
- outline: 0;
3686
- }
3687
- .ycd-bootstrap-wrapper .dropdown-menu-right {
3688
- right: 0;
3689
- left: auto;
3690
- }
3691
- .ycd-bootstrap-wrapper .dropdown-menu-left {
3692
- right: auto;
3693
- left: 0;
3694
- }
3695
- .ycd-bootstrap-wrapper .dropdown-header {
3696
- display: block;
3697
- padding: 3px 20px;
3698
- font-size: 12px;
3699
- line-height: 1.42857143;
3700
- color: #777;
3701
- white-space: nowrap;
3702
- }
3703
- .ycd-bootstrap-wrapper .dropdown-backdrop {
3704
- position: fixed;
3705
- top: 0;
3706
- right: 0;
3707
- bottom: 0;
3708
- left: 0;
3709
- z-index: 990;
3710
- }
3711
- .ycd-bootstrap-wrapper .pull-right > .dropdown-menu {
3712
- right: 0;
3713
- left: auto;
3714
- }
3715
- .ycd-bootstrap-wrapper .dropup .caret,
3716
- .ycd-bootstrap-wrapper .navbar-fixed-bottom .dropdown .caret {
3717
- content: "";
3718
- border-top: 0;
3719
- border-bottom: 4px dashed;
3720
- border-bottom: 4px solid \9;
3721
- }
3722
- .ycd-bootstrap-wrapper .dropup .dropdown-menu,
3723
- .ycd-bootstrap-wrapper .navbar-fixed-bottom .dropdown .dropdown-menu {
3724
- top: auto;
3725
- bottom: 100%;
3726
- margin-bottom: 2px;
3727
- }
3728
- @media (min-width: 768px) {
3729
- .ycd-bootstrap-wrapper .navbar-right .dropdown-menu {
3730
- right: 0;
3731
- left: auto;
3732
- }
3733
- .ycd-bootstrap-wrapper .navbar-right .dropdown-menu-left {
3734
- right: auto;
3735
- left: 0;
3736
- }
3737
- }
3738
- .ycd-bootstrap-wrapper .btn-group,
3739
- .ycd-bootstrap-wrapper .btn-group-vertical {
3740
- position: relative;
3741
- display: inline-block;
3742
- vertical-align: middle;
3743
- }
3744
- .ycd-bootstrap-wrapper .btn-group > .btn,
3745
- .ycd-bootstrap-wrapper .btn-group-vertical > .btn {
3746
- position: relative;
3747
- float: left;
3748
- }
3749
- .ycd-bootstrap-wrapper .btn-group > .btn:hover,
3750
- .ycd-bootstrap-wrapper .btn-group-vertical > .btn:hover,
3751
- .ycd-bootstrap-wrapper .btn-group > .btn:focus,
3752
- .ycd-bootstrap-wrapper .btn-group-vertical > .btn:focus,
3753
- .ycd-bootstrap-wrapper .btn-group > .btn:active,
3754
- .ycd-bootstrap-wrapper .btn-group-vertical > .btn:active,
3755
- .ycd-bootstrap-wrapper .btn-group > .btn.active,
3756
- .ycd-bootstrap-wrapper .btn-group-vertical > .btn.active {
3757
- z-index: 2;
3758
- }
3759
- .ycd-bootstrap-wrapper .btn-group .btn + .btn,
3760
- .ycd-bootstrap-wrapper .btn-group .btn + .btn-group,
3761
- .ycd-bootstrap-wrapper .btn-group .btn-group + .btn,
3762
- .ycd-bootstrap-wrapper .btn-group .btn-group + .btn-group {
3763
- margin-left: -1px;
3764
- }
3765
- .ycd-bootstrap-wrapper .btn-toolbar {
3766
- margin-left: -5px;
3767
- }
3768
- .ycd-bootstrap-wrapper .btn-toolbar .btn,
3769
- .ycd-bootstrap-wrapper .btn-toolbar .btn-group,
3770
- .ycd-bootstrap-wrapper .btn-toolbar .input-group {
3771
- float: left;
3772
- }
3773
- .ycd-bootstrap-wrapper .btn-toolbar > .btn,
3774
- .ycd-bootstrap-wrapper .btn-toolbar > .btn-group,
3775
- .ycd-bootstrap-wrapper .btn-toolbar > .input-group {
3776
- margin-left: 5px;
3777
- }
3778
- .ycd-bootstrap-wrapper .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
3779
- border-radius: 0;
3780
- }
3781
- .ycd-bootstrap-wrapper .btn-group > .btn:first-child {
3782
- margin-left: 0;
3783
- }
3784
- .ycd-bootstrap-wrapper .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
3785
- border-top-right-radius: 0;
3786
- border-bottom-right-radius: 0;
3787
- }
3788
- .ycd-bootstrap-wrapper .btn-group > .btn:last-child:not(:first-child),
3789
- .ycd-bootstrap-wrapper .btn-group > .dropdown-toggle:not(:first-child) {
3790
- border-top-left-radius: 0;
3791
- border-bottom-left-radius: 0;
3792
- }
3793
- .ycd-bootstrap-wrapper .btn-group > .btn-group {
3794
- float: left;
3795
- }
3796
- .ycd-bootstrap-wrapper .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
3797
- border-radius: 0;
3798
- }
3799
- .ycd-bootstrap-wrapper .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
3800
- .ycd-bootstrap-wrapper .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
3801
- border-top-right-radius: 0;
3802
- border-bottom-right-radius: 0;
3803
- }
3804
- .ycd-bootstrap-wrapper .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
3805
- border-top-left-radius: 0;
3806
- border-bottom-left-radius: 0;
3807
- }
3808
- .ycd-bootstrap-wrapper .btn-group .dropdown-toggle:active,
3809
- .ycd-bootstrap-wrapper .btn-group.open .dropdown-toggle {
3810
- outline: 0;
3811
- }
3812
- .ycd-bootstrap-wrapper .btn-group > .btn + .dropdown-toggle {
3813
- padding-right: 8px;
3814
- padding-left: 8px;
3815
- }
3816
- .ycd-bootstrap-wrapper .btn-group > .btn-lg + .dropdown-toggle {
3817
- padding-right: 12px;
3818
- padding-left: 12px;
3819
- }
3820
- .ycd-bootstrap-wrapper .btn-group.open .dropdown-toggle {
3821
- -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3822
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3823
- }
3824
- .ycd-bootstrap-wrapper .btn-group.open .dropdown-toggle.btn-link {
3825
- -webkit-box-shadow: none;
3826
- box-shadow: none;
3827
- }
3828
- .ycd-bootstrap-wrapper .btn .caret {
3829
- margin-left: 0;
3830
- }
3831
- .ycd-bootstrap-wrapper .btn-lg .caret {
3832
- border-width: 5px 5px 0;
3833
- border-bottom-width: 0;
3834
- }
3835
- .ycd-bootstrap-wrapper .dropup .btn-lg .caret {
3836
- border-width: 0 5px 5px;
3837
- }
3838
- .ycd-bootstrap-wrapper .btn-group-vertical > .btn,
3839
- .ycd-bootstrap-wrapper .btn-group-vertical > .btn-group,
3840
- .ycd-bootstrap-wrapper .btn-group-vertical > .btn-group > .btn {
3841
- display: block;
3842
- float: none;
3843
- width: 100%;
3844
- max-width: 100%;
3845
- }
3846
- .ycd-bootstrap-wrapper .btn-group-vertical > .btn-group > .btn {
3847
- float: none;
3848
- }
3849
- .ycd-bootstrap-wrapper .btn-group-vertical > .btn + .btn,
3850
- .ycd-bootstrap-wrapper .btn-group-vertical > .btn + .btn-group,
3851
- .ycd-bootstrap-wrapper .btn-group-vertical > .btn-group + .btn,
3852
- .ycd-bootstrap-wrapper .btn-group-vertical > .btn-group + .btn-group {
3853
- margin-top: -1px;
3854
- margin-left: 0;
3855
- }
3856
- .ycd-bootstrap-wrapper .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
3857
- border-radius: 0;
3858
- }
3859
- .ycd-bootstrap-wrapper .btn-group-vertical > .btn:first-child:not(:last-child) {
3860
- border-top-left-radius: 4px;
3861
- border-top-right-radius: 4px;
3862
- border-bottom-right-radius: 0;
3863
- border-bottom-left-radius: 0;
3864
- }
3865
- .ycd-bootstrap-wrapper .btn-group-vertical > .btn:last-child:not(:first-child) {
3866
- border-top-left-radius: 0;
3867
- border-top-right-radius: 0;
3868
- border-bottom-right-radius: 4px;
3869
- border-bottom-left-radius: 4px;
3870
- }
3871
- .ycd-bootstrap-wrapper .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
3872
- border-radius: 0;
3873
- }
3874
- .ycd-bootstrap-wrapper .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
3875
- .ycd-bootstrap-wrapper .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
3876
- border-bottom-right-radius: 0;
3877
- border-bottom-left-radius: 0;
3878
- }
3879
- .ycd-bootstrap-wrapper .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
3880
- border-top-left-radius: 0;
3881
- border-top-right-radius: 0;
3882
- }
3883
- .ycd-bootstrap-wrapper .btn-group-justified {
3884
- display: table;
3885
- width: 100%;
3886
- table-layout: fixed;
3887
- border-collapse: separate;
3888
- }
3889
- .ycd-bootstrap-wrapper .btn-group-justified > .btn,
3890
- .ycd-bootstrap-wrapper .btn-group-justified > .btn-group {
3891
- display: table-cell;
3892
- float: none;
3893
- width: 1%;
3894
- }
3895
- .ycd-bootstrap-wrapper .btn-group-justified > .btn-group .btn {
3896
- width: 100%;
3897
- }
3898
- .ycd-bootstrap-wrapper .btn-group-justified > .btn-group .dropdown-menu {
3899
- left: auto;
3900
- }
3901
- .ycd-bootstrap-wrapper [data-toggle="buttons"] > .btn input[type="radio"],
3902
- .ycd-bootstrap-wrapper [data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
3903
- .ycd-bootstrap-wrapper [data-toggle="buttons"] > .btn input[type="checkbox"],
3904
- .ycd-bootstrap-wrapper [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
3905
- position: absolute;
3906
- clip: rect(0, 0, 0, 0);
3907
- pointer-events: none;
3908
- }
3909
- .ycd-bootstrap-wrapper .input-group {
3910
- position: relative;
3911
- display: table;
3912
- border-collapse: separate;
3913
- }
3914
- .ycd-bootstrap-wrapper .input-group[class*="col-"] {
3915
- float: none;
3916
- padding-right: 0;
3917
- padding-left: 0;
3918
- }
3919
- .ycd-bootstrap-wrapper .input-group .form-control {
3920
- position: relative;
3921
- z-index: 2;
3922
- float: left;
3923
- width: 100%;
3924
- margin-bottom: 0;
3925
- }
3926
- .ycd-bootstrap-wrapper .input-group .form-control:focus {
3927
- z-index: 3;
3928
- }
3929
- .ycd-bootstrap-wrapper .input-group-lg > .form-control,
3930
- .ycd-bootstrap-wrapper .input-group-lg > .input-group-addon,
3931
- .ycd-bootstrap-wrapper .input-group-lg > .input-group-btn > .btn {
3932
- height: 46px;
3933
- padding: 10px 16px;
3934
- font-size: 18px;
3935
- line-height: 1.3333333;
3936
- border-radius: 6px;
3937
- }
3938
- .ycd-bootstrap-wrapper select.input-group-lg > .form-control,
3939
- .ycd-bootstrap-wrapper select.input-group-lg > .input-group-addon,
3940
- .ycd-bootstrap-wrapper select.input-group-lg > .input-group-btn > .btn {
3941
- height: 46px;
3942
- line-height: 46px;
3943
- }
3944
- .ycd-bootstrap-wrapper textarea.input-group-lg > .form-control,
3945
- .ycd-bootstrap-wrapper textarea.input-group-lg > .input-group-addon,
3946
- .ycd-bootstrap-wrapper textarea.input-group-lg > .input-group-btn > .btn,
3947
- .ycd-bootstrap-wrapper select[multiple].input-group-lg > .form-control,
3948
- .ycd-bootstrap-wrapper select[multiple].input-group-lg > .input-group-addon,
3949
- .ycd-bootstrap-wrapper select[multiple].input-group-lg > .input-group-btn > .btn {
3950
- height: auto;
3951
- }
3952
- .ycd-bootstrap-wrapper .input-group-sm > .form-control,
3953
- .ycd-bootstrap-wrapper .input-group-sm > .input-group-addon,
3954
- .ycd-bootstrap-wrapper .input-group-sm > .input-group-btn > .btn {
3955
- height: 30px;
3956
- padding: 5px 10px;
3957
- font-size: 12px;
3958
- line-height: 1.5;
3959
- border-radius: 3px;
3960
- }
3961
- .ycd-bootstrap-wrapper select.input-group-sm > .form-control,
3962
- .ycd-bootstrap-wrapper select.input-group-sm > .input-group-addon,
3963
- .ycd-bootstrap-wrapper select.input-group-sm > .input-group-btn > .btn {
3964
- height: 30px;
3965
- line-height: 30px;
3966
- }
3967
- .ycd-bootstrap-wrapper textarea.input-group-sm > .form-control,
3968
- .ycd-bootstrap-wrapper textarea.input-group-sm > .input-group-addon,
3969
- .ycd-bootstrap-wrapper textarea.input-group-sm > .input-group-btn > .btn,
3970
- .ycd-bootstrap-wrapper select[multiple].input-group-sm > .form-control,
3971
- .ycd-bootstrap-wrapper select[multiple].input-group-sm > .input-group-addon,
3972
- .ycd-bootstrap-wrapper select[multiple].input-group-sm > .input-group-btn > .btn {
3973
- height: auto;
3974
- }
3975
- .ycd-bootstrap-wrapper .input-group-addon,
3976
- .ycd-bootstrap-wrapper .input-group-btn,
3977
- .ycd-bootstrap-wrapper .input-group .form-control {
3978
- display: table-cell;
3979
- }
3980
- .ycd-bootstrap-wrapper .input-group-addon:not(:first-child):not(:last-child),
3981
- .ycd-bootstrap-wrapper .input-group-btn:not(:first-child):not(:last-child),
3982
- .ycd-bootstrap-wrapper .input-group .form-control:not(:first-child):not(:last-child) {
3983
- border-radius: 0;
3984
- }
3985
- .ycd-bootstrap-wrapper .input-group-addon,
3986
- .ycd-bootstrap-wrapper .input-group-btn {
3987
- width: 1%;
3988
- white-space: nowrap;
3989
- vertical-align: middle;
3990
- }
3991
- .ycd-bootstrap-wrapper .input-group-addon {
3992
- padding: 6px 12px;
3993
- font-size: 14px;
3994
- font-weight: normal;
3995
- line-height: 1;
3996
- color: #555;
3997
- text-align: center;
3998
- background-color: #eee;
3999
- border: 1px solid #ccc;
4000
- border-radius: 4px;
4001
- }
4002
- .ycd-bootstrap-wrapper .input-group-addon.input-sm {
4003
- padding: 5px 10px;
4004
- font-size: 12px;
4005
- border-radius: 3px;
4006
- }
4007
- .ycd-bootstrap-wrapper .input-group-addon.input-lg {
4008
- padding: 10px 16px;
4009
- font-size: 18px;
4010
- border-radius: 6px;
4011
- }
4012
- .ycd-bootstrap-wrapper .input-group-addon input[type="radio"],
4013
- .ycd-bootstrap-wrapper .input-group-addon input[type="checkbox"] {
4014
- margin-top: 0;
4015
- }
4016
- .ycd-bootstrap-wrapper .input-group .form-control:first-child,
4017
- .ycd-bootstrap-wrapper .input-group-addon:first-child,
4018
- .ycd-bootstrap-wrapper .input-group-btn:first-child > .btn,
4019
- .ycd-bootstrap-wrapper .input-group-btn:first-child > .btn-group > .btn,
4020
- .ycd-bootstrap-wrapper .input-group-btn:first-child > .dropdown-toggle,
4021
- .ycd-bootstrap-wrapper .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
4022
- .ycd-bootstrap-wrapper .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
4023
- border-top-right-radius: 0;
4024
- border-bottom-right-radius: 0;
4025
- }
4026
- .ycd-bootstrap-wrapper .input-group-addon:first-child {
4027
- border-right: 0;
4028
- }
4029
- .ycd-bootstrap-wrapper .input-group .form-control:last-child,
4030
- .ycd-bootstrap-wrapper .input-group-addon:last-child,
4031
- .ycd-bootstrap-wrapper .input-group-btn:last-child > .btn,
4032
- .ycd-bootstrap-wrapper .input-group-btn:last-child > .btn-group > .btn,
4033
- .ycd-bootstrap-wrapper .input-group-btn:last-child > .dropdown-toggle,
4034
- .ycd-bootstrap-wrapper .input-group-btn:first-child > .btn:not(:first-child),
4035
- .ycd-bootstrap-wrapper .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
4036
- border-top-left-radius: 0;
4037
- border-bottom-left-radius: 0;
4038
- }
4039
- .ycd-bootstrap-wrapper .input-group-addon:last-child {
4040
- border-left: 0;
4041
- }
4042
- .ycd-bootstrap-wrapper .input-group-btn {
4043
- position: relative;
4044
- font-size: 0;
4045
- white-space: nowrap;
4046
- }
4047
- .ycd-bootstrap-wrapper .input-group-btn > .btn {
4048
- position: relative;
4049
- }
4050
- .ycd-bootstrap-wrapper .input-group-btn > .btn + .btn {
4051
- margin-left: -1px;
4052
- }
4053
- .ycd-bootstrap-wrapper .input-group-btn > .btn:hover,
4054
- .ycd-bootstrap-wrapper .input-group-btn > .btn:focus,
4055
- .ycd-bootstrap-wrapper .input-group-btn > .btn:active {
4056
- z-index: 2;
4057
- }
4058
- .ycd-bootstrap-wrapper .input-group-btn:first-child > .btn,
4059
- .ycd-bootstrap-wrapper .input-group-btn:first-child > .btn-group {
4060
- margin-right: -1px;
4061
- }
4062
- .ycd-bootstrap-wrapper .input-group-btn:last-child > .btn,
4063
- .ycd-bootstrap-wrapper .input-group-btn:last-child > .btn-group {
4064
- z-index: 2;
4065
- margin-left: -1px;
4066
- }
4067
- .ycd-bootstrap-wrapper .nav {
4068
- padding-left: 0;
4069
- margin-bottom: 0;
4070
- list-style: none;
4071
- }
4072
- .ycd-bootstrap-wrapper .nav > li {
4073
- position: relative;
4074
- display: block;
4075
- }
4076
- .ycd-bootstrap-wrapper .nav > li > a {
4077
- position: relative;
4078
- display: block;
4079
- padding: 10px 15px;
4080
- }
4081
- .ycd-bootstrap-wrapper .nav > li > a:hover,
4082
- .ycd-bootstrap-wrapper .nav > li > a:focus {
4083
- text-decoration: none;
4084
- background-color: #eee;
4085
- }
4086
- .ycd-bootstrap-wrapper .nav > li.disabled > a {
4087
- color: #777;
4088
- }
4089
- .ycd-bootstrap-wrapper .nav > li.disabled > a:hover,
4090
- .ycd-bootstrap-wrapper .nav > li.disabled > a:focus {
4091
- color: #777;
4092
- text-decoration: none;
4093
- cursor: not-allowed;
4094
- background-color: transparent;
4095
- }
4096
- .ycd-bootstrap-wrapper .nav .open > a,
4097
- .ycd-bootstrap-wrapper .nav .open > a:hover,
4098
- .ycd-bootstrap-wrapper .nav .open > a:focus {
4099
- background-color: #eee;
4100
- border-color: #337ab7;
4101
- }
4102
- .ycd-bootstrap-wrapper .nav .nav-divider {
4103
- height: 1px;
4104
- margin: 9px 0;
4105
- overflow: hidden;
4106
- background-color: #e5e5e5;
4107
- }
4108
- .ycd-bootstrap-wrapper .nav > li > a > img {
4109
- max-width: none;
4110
- }
4111
- .ycd-bootstrap-wrapper .nav-tabs {
4112
- border-bottom: 1px solid #ddd;
4113
- }
4114
- .ycd-bootstrap-wrapper .nav-tabs > li {
4115
- float: left;
4116
- margin-bottom: -1px;
4117
- }
4118
- .ycd-bootstrap-wrapper .nav-tabs > li > a {
4119
- margin-right: 2px;
4120
- line-height: 1.42857143;
4121
- border: 1px solid transparent;
4122
- border-radius: 4px 4px 0 0;
4123
- }
4124
- .ycd-bootstrap-wrapper .nav-tabs > li > a:hover {
4125
- border-color: #eee #eee #ddd;
4126
- }
4127
- .ycd-bootstrap-wrapper .nav-tabs > li.active > a,
4128
- .ycd-bootstrap-wrapper .nav-tabs > li.active > a:hover,
4129
- .ycd-bootstrap-wrapper .nav-tabs > li.active > a:focus {
4130
- color: #555;
4131
- cursor: default;
4132
- background-color: #fff;
4133
- border: 1px solid #ddd;
4134
- border-bottom-color: transparent;
4135
- }
4136
- .ycd-bootstrap-wrapper .nav-tabs.nav-justified {
4137
- width: 100%;
4138
- border-bottom: 0;
4139
- }
4140
- .ycd-bootstrap-wrapper .nav-tabs.nav-justified > li {
4141
- float: none;
4142
- }
4143
- .ycd-bootstrap-wrapper .nav-tabs.nav-justified > li > a {
4144
- margin-bottom: 5px;
4145
- text-align: center;
4146
- }
4147
- .ycd-bootstrap-wrapper .nav-tabs.nav-justified > .dropdown .dropdown-menu {
4148
- top: auto;
4149
- left: auto;
4150
- }
4151
- @media (min-width: 768px) {
4152
- .ycd-bootstrap-wrapper .nav-tabs.nav-justified > li {
4153
- display: table-cell;
4154
- width: 1%;
4155
- }
4156
- .ycd-bootstrap-wrapper .nav-tabs.nav-justified > li > a {
4157
- margin-bottom: 0;
4158
- }
4159
- }
4160
- .ycd-bootstrap-wrapper .nav-tabs.nav-justified > li > a {
4161
- margin-right: 0;
4162
- border-radius: 4px;
4163
- }
4164
- .ycd-bootstrap-wrapper .nav-tabs.nav-justified > .active > a,
4165
- .ycd-bootstrap-wrapper .nav-tabs.nav-justified > .active > a:hover,
4166
- .ycd-bootstrap-wrapper .nav-tabs.nav-justified > .active > a:focus {
4167
- border: 1px solid #ddd;
4168
- }
4169
- @media (min-width: 768px) {
4170
- .ycd-bootstrap-wrapper .nav-tabs.nav-justified > li > a {
4171
- border-bottom: 1px solid #ddd;
4172
- border-radius: 4px 4px 0 0;
4173
- }
4174
- .ycd-bootstrap-wrapper .nav-tabs.nav-justified > .active > a,
4175
- .ycd-bootstrap-wrapper .nav-tabs.nav-justified > .active > a:hover,
4176
- .ycd-bootstrap-wrapper .nav-tabs.nav-justified > .active > a:focus {
4177
- border-bottom-color: #fff;
4178
- }
4179
- }
4180
- .ycd-bootstrap-wrapper .nav-pills > li {
4181
- float: left;
4182
- }
4183
- .ycd-bootstrap-wrapper .nav-pills > li > a {
4184
- border-radius: 4px;
4185
- }
4186
- .ycd-bootstrap-wrapper .nav-pills > li + li {
4187
- margin-left: 2px;
4188
- }
4189
- .ycd-bootstrap-wrapper .nav-pills > li.active > a,
4190
- .ycd-bootstrap-wrapper .nav-pills > li.active > a:hover,
4191
- .ycd-bootstrap-wrapper .nav-pills > li.active > a:focus {
4192
- color: #fff;
4193
- background-color: #337ab7;
4194
- }
4195
- .ycd-bootstrap-wrapper .nav-stacked > li {
4196
- float: none;
4197
- }
4198
- .ycd-bootstrap-wrapper .nav-stacked > li + li {
4199
- margin-top: 2px;
4200
- margin-left: 0;
4201
- }
4202
- .ycd-bootstrap-wrapper .nav-justified {
4203
- width: 100%;
4204
- }
4205
- .ycd-bootstrap-wrapper .nav-justified > li {
4206
- float: none;
4207
- }
4208
- .ycd-bootstrap-wrapper .nav-justified > li > a {
4209
- margin-bottom: 5px;
4210
- text-align: center;
4211
- }
4212
- .ycd-bootstrap-wrapper .nav-justified > .dropdown .dropdown-menu {
4213
- top: auto;
4214
- left: auto;
4215
- }
4216
- @media (min-width: 768px) {
4217
- .ycd-bootstrap-wrapper .nav-justified > li {
4218
- display: table-cell;
4219
- width: 1%;
4220
- }
4221
- .ycd-bootstrap-wrapper .nav-justified > li > a {
4222
- margin-bottom: 0;
4223
- }
4224
- }
4225
- .ycd-bootstrap-wrapper .nav-tabs-justified {
4226
- border-bottom: 0;
4227
- }
4228
- .ycd-bootstrap-wrapper .nav-tabs-justified > li > a {
4229
- margin-right: 0;
4230
- border-radius: 4px;
4231
- }
4232
- .ycd-bootstrap-wrapper .nav-tabs-justified > .active > a,
4233
- .ycd-bootstrap-wrapper .nav-tabs-justified > .active > a:hover,
4234
- .ycd-bootstrap-wrapper .nav-tabs-justified > .active > a:focus {
4235
- border: 1px solid #ddd;
4236
- }
4237
- @media (min-width: 768px) {
4238
- .ycd-bootstrap-wrapper .nav-tabs-justified > li > a {
4239
- border-bottom: 1px solid #ddd;
4240
- border-radius: 4px 4px 0 0;
4241
- }
4242
- .ycd-bootstrap-wrapper .nav-tabs-justified > .active > a,
4243
- .ycd-bootstrap-wrapper .nav-tabs-justified > .active > a:hover,
4244
- .ycd-bootstrap-wrapper .nav-tabs-justified > .active > a:focus {
4245
- border-bottom-color: #fff;
4246
- }
4247
- }
4248
- .ycd-bootstrap-wrapper .tab-content > .tab-pane {
4249
- display: none;
4250
- }
4251
- .ycd-bootstrap-wrapper .tab-content > .active {
4252
- display: block;
4253
- }
4254
- .ycd-bootstrap-wrapper .nav-tabs .dropdown-menu {
4255
- margin-top: -1px;
4256
- border-top-left-radius: 0;
4257
- border-top-right-radius: 0;
4258
- }
4259
- .ycd-bootstrap-wrapper .navbar {
4260
- position: relative;
4261
- min-height: 50px;
4262
- margin-bottom: 20px;
4263
- border: 1px solid transparent;
4264
- }
4265
- @media (min-width: 768px) {
4266
- .ycd-bootstrap-wrapper .navbar {
4267
- border-radius: 4px;
4268
- }
4269
- }
4270
- @media (min-width: 768px) {
4271
- .ycd-bootstrap-wrapper .navbar-header {
4272
- float: left;
4273
- }
4274
- }
4275
- .ycd-bootstrap-wrapper .navbar-collapse {
4276
- padding-right: 15px;
4277
- padding-left: 15px;
4278
- overflow-x: visible;
4279
- -webkit-overflow-scrolling: touch;
4280
- border-top: 1px solid transparent;
4281
- -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
4282
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
4283
- }
4284
- .ycd-bootstrap-wrapper .navbar-collapse.in {
4285
- overflow-y: auto;
4286
- }
4287
- @media (min-width: 768px) {
4288
- .ycd-bootstrap-wrapper .navbar-collapse {
4289
- width: auto;
4290
- border-top: 0;
4291
- -webkit-box-shadow: none;
4292
- box-shadow: none;
4293
- }
4294
- .ycd-bootstrap-wrapper .navbar-collapse.collapse {
4295
- display: block !important;
4296
- height: auto !important;
4297
- padding-bottom: 0;
4298
- overflow: visible !important;
4299
- }
4300
- .ycd-bootstrap-wrapper .navbar-collapse.in {
4301
- overflow-y: visible;
4302
- }
4303
- .ycd-bootstrap-wrapper .navbar-fixed-top .navbar-collapse,
4304
- .ycd-bootstrap-wrapper .navbar-static-top .navbar-collapse,
4305
- .ycd-bootstrap-wrapper .navbar-fixed-bottom .navbar-collapse {
4306
- padding-right: 0;
4307
- padding-left: 0;
4308
- }
4309
- }
4310
- .ycd-bootstrap-wrapper .navbar-fixed-top .navbar-collapse,
4311
- .ycd-bootstrap-wrapper .navbar-fixed-bottom .navbar-collapse {
4312
- max-height: 340px;
4313
- }
4314
- @media (max-device-width: 480px) and (orientation: landscape) {
4315
- .ycd-bootstrap-wrapper .navbar-fixed-top .navbar-collapse,
4316
- .ycd-bootstrap-wrapper .navbar-fixed-bottom .navbar-collapse {
4317
- max-height: 200px;
4318
- }
4319
- }
4320
- .ycd-bootstrap-wrapper .container > .navbar-header,
4321
- .ycd-bootstrap-wrapper .container-fluid > .navbar-header,
4322
- .ycd-bootstrap-wrapper .container > .navbar-collapse,
4323
- .ycd-bootstrap-wrapper .container-fluid > .navbar-collapse {
4324
- margin-right: -15px;
4325
- margin-left: -15px;
4326
- }
4327
- @media (min-width: 768px) {
4328
- .ycd-bootstrap-wrapper .container > .navbar-header,
4329
- .ycd-bootstrap-wrapper .container-fluid > .navbar-header,
4330
- .ycd-bootstrap-wrapper .container > .navbar-collapse,
4331
- .ycd-bootstrap-wrapper .container-fluid > .navbar-collapse {
4332
- margin-right: 0;
4333
- margin-left: 0;
4334
- }
4335
- }
4336
- .ycd-bootstrap-wrapper .navbar-static-top {
4337
- z-index: 1000;
4338
- border-width: 0 0 1px;
4339
- }
4340
- @media (min-width: 768px) {
4341
- .ycd-bootstrap-wrapper .navbar-static-top {
4342
- border-radius: 0;
4343
- }
4344
- }
4345
- .ycd-bootstrap-wrapper .navbar-fixed-top,
4346
- .ycd-bootstrap-wrapper .navbar-fixed-bottom {
4347
- position: fixed;
4348
- right: 0;
4349
- left: 0;
4350
- z-index: 1030;
4351
- }
4352
- @media (min-width: 768px) {
4353
- .ycd-bootstrap-wrapper .navbar-fixed-top,
4354
- .ycd-bootstrap-wrapper .navbar-fixed-bottom {
4355
- border-radius: 0;
4356
- }
4357
- }
4358
- .ycd-bootstrap-wrapper .navbar-fixed-top {
4359
- top: 0;
4360
- border-width: 0 0 1px;
4361
- }
4362
- .ycd-bootstrap-wrapper .navbar-fixed-bottom {
4363
- bottom: 0;
4364
- margin-bottom: 0;
4365
- border-width: 1px 0 0;
4366
- }
4367
- .ycd-bootstrap-wrapper .navbar-brand {
4368
- float: left;
4369
- height: 50px;
4370
- padding: 15px 15px;
4371
- font-size: 18px;
4372
- line-height: 20px;
4373
- }
4374
- .ycd-bootstrap-wrapper .navbar-brand:hover,
4375
- .ycd-bootstrap-wrapper .navbar-brand:focus {
4376
- text-decoration: none;
4377
- }
4378
- .ycd-bootstrap-wrapper .navbar-brand > img {
4379
- display: block;
4380
- }
4381
- @media (min-width: 768px) {
4382
- .ycd-bootstrap-wrapper .navbar > .container .navbar-brand,
4383
- .ycd-bootstrap-wrapper .navbar > .container-fluid .navbar-brand {
4384
- margin-left: -15px;
4385
- }
4386
- }
4387
- .ycd-bootstrap-wrapper .navbar-toggle {
4388
- position: relative;
4389
- float: right;
4390
- padding: 9px 10px;
4391
- margin-top: 8px;
4392
- margin-right: 15px;
4393
- margin-bottom: 8px;
4394
- background-color: transparent;
4395
- background-image: none;
4396
- border: 1px solid transparent;
4397
- border-radius: 4px;
4398
- }
4399
- .ycd-bootstrap-wrapper .navbar-toggle:focus {
4400
- outline: 0;
4401
- }
4402
- .ycd-bootstrap-wrapper .navbar-toggle .icon-bar {
4403
- display: block;
4404
- width: 22px;
4405
- height: 2px;
4406
- border-radius: 1px;
4407
- }
4408
- .ycd-bootstrap-wrapper .navbar-toggle .icon-bar + .icon-bar {
4409
- margin-top: 4px;
4410
- }
4411
- @media (min-width: 768px) {
4412
- .ycd-bootstrap-wrapper .navbar-toggle {
4413
- display: none;
4414
- }
4415
- }
4416
- .ycd-bootstrap-wrapper .navbar-nav {
4417
- margin: 7.5px -15px;
4418
- }
4419
- .ycd-bootstrap-wrapper .navbar-nav > li > a {
4420
- padding-top: 10px;
4421
- padding-bottom: 10px;
4422
- line-height: 20px;
4423
- }
4424
- @media (max-width: 767px) {
4425
- .ycd-bootstrap-wrapper .navbar-nav .open .dropdown-menu {
4426
- position: static;
4427
- float: none;
4428
- width: auto;
4429
- margin-top: 0;
4430
- background-color: transparent;
4431
- border: 0;
4432
- -webkit-box-shadow: none;
4433
- box-shadow: none;
4434
- }
4435
- .ycd-bootstrap-wrapper .navbar-nav .open .dropdown-menu > li > a,
4436
- .ycd-bootstrap-wrapper .navbar-nav .open .dropdown-menu .dropdown-header {
4437
- padding: 5px 15px 5px 25px;
4438
- }
4439
- .ycd-bootstrap-wrapper .navbar-nav .open .dropdown-menu > li > a {
4440
- line-height: 20px;
4441
- }
4442
- .ycd-bootstrap-wrapper .navbar-nav .open .dropdown-menu > li > a:hover,
4443
- .ycd-bootstrap-wrapper .navbar-nav .open .dropdown-menu > li > a:focus {
4444
- background-image: none;
4445
- }
4446
- }
4447
- @media (min-width: 768px) {
4448
- .ycd-bootstrap-wrapper .navbar-nav {
4449
- float: left;
4450
- margin: 0;
4451
- }
4452
- .ycd-bootstrap-wrapper .navbar-nav > li {
4453
- float: left;
4454
- }
4455
- .ycd-bootstrap-wrapper .navbar-nav > li > a {
4456
- padding-top: 15px;
4457
- padding-bottom: 15px;
4458
- }
4459
- }
4460
- .ycd-bootstrap-wrapper .navbar-form {
4461
- padding: 10px 15px;
4462
- margin-top: 8px;
4463
- margin-right: -15px;
4464
- margin-bottom: 8px;
4465
- margin-left: -15px;
4466
- border-top: 1px solid transparent;
4467
- border-bottom: 1px solid transparent;
4468
- -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
4469
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
4470
- }
4471
- @media (min-width: 768px) {
4472
- .ycd-bootstrap-wrapper .navbar-form .form-group {
4473
- display: inline-block;
4474
- margin-bottom: 0;
4475
- vertical-align: middle;
4476
- }
4477
- .ycd-bootstrap-wrapper .navbar-form .form-control {
4478
- display: inline-block;
4479
- width: auto;
4480
- vertical-align: middle;
4481
- }
4482
- .ycd-bootstrap-wrapper .navbar-form .form-control-static {
4483
- display: inline-block;
4484
- }
4485
- .ycd-bootstrap-wrapper .navbar-form .input-group {
4486
- display: inline-table;
4487
- vertical-align: middle;
4488
- }
4489
- .ycd-bootstrap-wrapper .navbar-form .input-group .input-group-addon,
4490
- .ycd-bootstrap-wrapper .navbar-form .input-group .input-group-btn,
4491
- .ycd-bootstrap-wrapper .navbar-form .input-group .form-control {
4492
- width: auto;
4493
- }
4494
- .ycd-bootstrap-wrapper .navbar-form .input-group > .form-control {
4495
- width: 100%;
4496
- }
4497
- .ycd-bootstrap-wrapper .navbar-form .control-label {
4498
- margin-bottom: 0;
4499
- vertical-align: middle;
4500
- }
4501
- .ycd-bootstrap-wrapper .navbar-form .radio,
4502
- .ycd-bootstrap-wrapper .navbar-form .checkbox {
4503
- display: inline-block;
4504
- margin-top: 0;
4505
- margin-bottom: 0;
4506
- vertical-align: middle;
4507
- }
4508
- .ycd-bootstrap-wrapper .navbar-form .radio label,
4509
- .ycd-bootstrap-wrapper .navbar-form .checkbox label {
4510
- padding-left: 0;
4511
- }
4512
- .ycd-bootstrap-wrapper .navbar-form .radio input[type="radio"],
4513
- .ycd-bootstrap-wrapper .navbar-form .checkbox input[type="checkbox"] {
4514
- position: relative;
4515
- margin-left: 0;
4516
- }
4517
- .ycd-bootstrap-wrapper .navbar-form .has-feedback .form-control-feedback {
4518
- top: 0;
4519
- }
4520
- }
4521
- @media (max-width: 767px) {
4522
- .ycd-bootstrap-wrapper .navbar-form .form-group {
4523
- margin-bottom: 5px;
4524
- }
4525
- .ycd-bootstrap-wrapper .navbar-form .form-group:last-child {
4526
- margin-bottom: 0;
4527
- }
4528
- }
4529
- @media (min-width: 768px) {
4530
- .ycd-bootstrap-wrapper .navbar-form {
4531
- width: auto;
4532
- padding-top: 0;
4533
- padding-bottom: 0;
4534
- margin-right: 0;
4535
- margin-left: 0;
4536
- border: 0;
4537
- -webkit-box-shadow: none;
4538
- box-shadow: none;
4539
- }
4540
- }
4541
- .ycd-bootstrap-wrapper .navbar-nav > li > .dropdown-menu {
4542
- margin-top: 0;
4543
- border-top-left-radius: 0;
4544
- border-top-right-radius: 0;
4545
- }
4546
- .ycd-bootstrap-wrapper .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
4547
- margin-bottom: 0;
4548
- border-top-left-radius: 4px;
4549
- border-top-right-radius: 4px;
4550
- border-bottom-right-radius: 0;
4551
- border-bottom-left-radius: 0;
4552
- }
4553
- .ycd-bootstrap-wrapper .navbar-btn {
4554
- margin-top: 8px;
4555
- margin-bottom: 8px;
4556
- }
4557
- .ycd-bootstrap-wrapper .navbar-btn.btn-sm {
4558
- margin-top: 10px;
4559
- margin-bottom: 10px;
4560
- }
4561
- .ycd-bootstrap-wrapper .navbar-btn.btn-xs {
4562
- margin-top: 14px;
4563
- margin-bottom: 14px;
4564
- }
4565
- .ycd-bootstrap-wrapper .navbar-text {
4566
- margin-top: 15px;
4567
- margin-bottom: 15px;
4568
- }
4569
- @media (min-width: 768px) {
4570
- .ycd-bootstrap-wrapper .navbar-text {
4571
- float: left;
4572
- margin-right: 15px;
4573
- margin-left: 15px;
4574
- }
4575
- }
4576
- @media (min-width: 768px) {
4577
- .ycd-bootstrap-wrapper .navbar-left {
4578
- float: left !important;
4579
- }
4580
- .ycd-bootstrap-wrapper .navbar-right {
4581
- float: right !important;
4582
- margin-right: -15px;
4583
- }
4584
- .ycd-bootstrap-wrapper .navbar-right ~ .navbar-right {
4585
- margin-right: 0;
4586
- }
4587
- }
4588
- .ycd-bootstrap-wrapper .navbar-default {
4589
- background-color: #f8f8f8;
4590
- border-color: #e7e7e7;
4591
- }
4592
- .ycd-bootstrap-wrapper .navbar-default .navbar-brand {
4593
- color: #777;
4594
- }
4595
- .ycd-bootstrap-wrapper .navbar-default .navbar-brand:hover,
4596
- .ycd-bootstrap-wrapper .navbar-default .navbar-brand:focus {
4597
- color: #5e5e5e;
4598
- background-color: transparent;
4599
- }
4600
- .ycd-bootstrap-wrapper .navbar-default .navbar-text {
4601
- color: #777;
4602
- }
4603
- .ycd-bootstrap-wrapper .navbar-default .navbar-nav > li > a {
4604
- color: #777;
4605
- }
4606
- .ycd-bootstrap-wrapper .navbar-default .navbar-nav > li > a:hover,
4607
- .ycd-bootstrap-wrapper .navbar-default .navbar-nav > li > a:focus {
4608
- color: #333;
4609
- background-color: transparent;
4610
- }
4611
- .ycd-bootstrap-wrapper .navbar-default .navbar-nav > .active > a,
4612
- .ycd-bootstrap-wrapper .navbar-default .navbar-nav > .active > a:hover,
4613
- .ycd-bootstrap-wrapper .navbar-default .navbar-nav > .active > a:focus {
4614
- color: #555;
4615
- background-color: #e7e7e7;
4616
- }
4617
- .ycd-bootstrap-wrapper .navbar-default .navbar-nav > .disabled > a,
4618
- .ycd-bootstrap-wrapper .navbar-default .navbar-nav > .disabled > a:hover,
4619
- .ycd-bootstrap-wrapper .navbar-default .navbar-nav > .disabled > a:focus {
4620
- color: #ccc;
4621
- background-color: transparent;
4622
- }
4623
- .ycd-bootstrap-wrapper .navbar-default .navbar-toggle {
4624
- border-color: #ddd;
4625
- }
4626
- .ycd-bootstrap-wrapper .navbar-default .navbar-toggle:hover,
4627
- .ycd-bootstrap-wrapper .navbar-default .navbar-toggle:focus {
4628
- background-color: #ddd;
4629
- }
4630
- .ycd-bootstrap-wrapper .navbar-default .navbar-toggle .icon-bar {
4631
- background-color: #888;
4632
- }
4633
- .ycd-bootstrap-wrapper .navbar-default .navbar-collapse,
4634
- .ycd-bootstrap-wrapper .navbar-default .navbar-form {
4635
- border-color: #e7e7e7;
4636
- }
4637
- .ycd-bootstrap-wrapper .navbar-default .navbar-nav > .open > a,
4638
- .ycd-bootstrap-wrapper .navbar-default .navbar-nav > .open > a:hover,
4639
- .ycd-bootstrap-wrapper .navbar-default .navbar-nav > .open > a:focus {
4640
- color: #555;
4641
- background-color: #e7e7e7;
4642
- }
4643
- @media (max-width: 767px) {
4644
- .ycd-bootstrap-wrapper .navbar-default .navbar-nav .open .dropdown-menu > li > a {
4645
- color: #777;
4646
- }
4647
- .ycd-bootstrap-wrapper .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
4648
- .ycd-bootstrap-wrapper .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
4649
- color: #333;
4650
- background-color: transparent;
4651
- }
4652
- .ycd-bootstrap-wrapper .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
4653
- .ycd-bootstrap-wrapper .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
4654
- .ycd-bootstrap-wrapper .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
4655
- color: #555;
4656
- background-color: #e7e7e7;
4657
- }
4658
- .ycd-bootstrap-wrapper .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
4659
- .ycd-bootstrap-wrapper .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
4660
- .ycd-bootstrap-wrapper .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
4661
- color: #ccc;
4662
- background-color: transparent;
4663
- }
4664
- }
4665
- .ycd-bootstrap-wrapper .navbar-default .navbar-link {
4666
- color: #777;
4667
- }
4668
- .ycd-bootstrap-wrapper .navbar-default .navbar-link:hover {
4669
- color: #333;
4670
- }
4671
- .ycd-bootstrap-wrapper .navbar-default .btn-link {
4672
- color: #777;
4673
- }
4674
- .ycd-bootstrap-wrapper .navbar-default .btn-link:hover,
4675
- .ycd-bootstrap-wrapper .navbar-default .btn-link:focus {
4676
- color: #333;
4677
- }
4678
- .ycd-bootstrap-wrapper .navbar-default .btn-link[disabled]:hover,
4679
- .ycd-bootstrap-wrapper fieldset[disabled] .navbar-default .btn-link:hover,
4680
- .ycd-bootstrap-wrapper .navbar-default .btn-link[disabled]:focus,
4681
- .ycd-bootstrap-wrapper fieldset[disabled] .navbar-default .btn-link:focus {
4682
- color: #ccc;
4683
- }
4684
- .ycd-bootstrap-wrapper .navbar-inverse {
4685
- background-color: #222;
4686
- border-color: #080808;
4687
- }
4688
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-brand {
4689
- color: #9d9d9d;
4690
- }
4691
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-brand:hover,
4692
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-brand:focus {
4693
- color: #fff;
4694
- background-color: transparent;
4695
- }
4696
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-text {
4697
- color: #9d9d9d;
4698
- }
4699
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav > li > a {
4700
- color: #9d9d9d;
4701
- }
4702
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav > li > a:hover,
4703
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav > li > a:focus {
4704
- color: #fff;
4705
- background-color: transparent;
4706
- }
4707
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav > .active > a,
4708
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav > .active > a:hover,
4709
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav > .active > a:focus {
4710
- color: #fff;
4711
- background-color: #080808;
4712
- }
4713
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav > .disabled > a,
4714
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav > .disabled > a:hover,
4715
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav > .disabled > a:focus {
4716
- color: #444;
4717
- background-color: transparent;
4718
- }
4719
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-toggle {
4720
- border-color: #333;
4721
- }
4722
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-toggle:hover,
4723
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-toggle:focus {
4724
- background-color: #333;
4725
- }
4726
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-toggle .icon-bar {
4727
- background-color: #fff;
4728
- }
4729
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-collapse,
4730
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-form {
4731
- border-color: #101010;
4732
- }
4733
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav > .open > a,
4734
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav > .open > a:hover,
4735
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav > .open > a:focus {
4736
- color: #fff;
4737
- background-color: #080808;
4738
- }
4739
- @media (max-width: 767px) {
4740
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
4741
- border-color: #080808;
4742
- }
4743
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
4744
- background-color: #080808;
4745
- }
4746
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
4747
- color: #9d9d9d;
4748
- }
4749
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
4750
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
4751
- color: #fff;
4752
- background-color: transparent;
4753
- }
4754
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
4755
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
4756
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
4757
- color: #fff;
4758
- background-color: #080808;
4759
- }
4760
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
4761
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
4762
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
4763
- color: #444;
4764
- background-color: transparent;
4765
- }
4766
- }
4767
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-link {
4768
- color: #9d9d9d;
4769
- }
4770
- .ycd-bootstrap-wrapper .navbar-inverse .navbar-link:hover {
4771
- color: #fff;
4772
- }
4773
- .ycd-bootstrap-wrapper .navbar-inverse .btn-link {
4774
- color: #9d9d9d;
4775
- }
4776
- .ycd-bootstrap-wrapper .navbar-inverse .btn-link:hover,
4777
- .ycd-bootstrap-wrapper .navbar-inverse .btn-link:focus {
4778
- color: #fff;
4779
- }
4780
- .ycd-bootstrap-wrapper .navbar-inverse .btn-link[disabled]:hover,
4781
- .ycd-bootstrap-wrapper fieldset[disabled] .navbar-inverse .btn-link:hover,
4782
- .ycd-bootstrap-wrapper .navbar-inverse .btn-link[disabled]:focus,
4783
- .ycd-bootstrap-wrapper fieldset[disabled] .navbar-inverse .btn-link:focus {
4784
- color: #444;
4785
- }
4786
- .ycd-bootstrap-wrapper .breadcrumb {
4787
- padding: 8px 15px;
4788
- margin-bottom: 20px;
4789
- list-style: none;
4790
- background-color: #f5f5f5;
4791
- border-radius: 4px;
4792
- }
4793
- .ycd-bootstrap-wrapper .breadcrumb > li {
4794
- display: inline-block;
4795
- }
4796
- .ycd-bootstrap-wrapper .breadcrumb > li + li:before {
4797
- padding: 0 5px;
4798
- color: #ccc;
4799
- content: "/\00a0";
4800
- }
4801
- .ycd-bootstrap-wrapper .breadcrumb > .active {
4802
- color: #777;
4803
- }
4804
- .ycd-bootstrap-wrapper .pagination {
4805
- display: inline-block;
4806
- padding-left: 0;
4807
- margin: 20px 0;
4808
- border-radius: 4px;
4809
- }
4810
- .ycd-bootstrap-wrapper .pagination > li {
4811
- display: inline;
4812
- }
4813
- .ycd-bootstrap-wrapper .pagination > li > a,
4814
- .ycd-bootstrap-wrapper .pagination > li > span {
4815
- position: relative;
4816
- float: left;
4817
- padding: 6px 12px;
4818
- margin-left: -1px;
4819
- line-height: 1.42857143;
4820
- color: #337ab7;
4821
- text-decoration: none;
4822
- background-color: #fff;
4823
- border: 1px solid #ddd;
4824
- }
4825
- .ycd-bootstrap-wrapper .pagination > li:first-child > a,
4826
- .ycd-bootstrap-wrapper .pagination > li:first-child > span {
4827
- margin-left: 0;
4828
- border-top-left-radius: 4px;
4829
- border-bottom-left-radius: 4px;
4830
- }
4831
- .ycd-bootstrap-wrapper .pagination > li:last-child > a,
4832
- .ycd-bootstrap-wrapper .pagination > li:last-child > span {
4833
- border-top-right-radius: 4px;
4834
- border-bottom-right-radius: 4px;
4835
- }
4836
- .ycd-bootstrap-wrapper .pagination > li > a:hover,
4837
- .ycd-bootstrap-wrapper .pagination > li > span:hover,
4838
- .ycd-bootstrap-wrapper .pagination > li > a:focus,
4839
- .ycd-bootstrap-wrapper .pagination > li > span:focus {
4840
- z-index: 2;
4841
- color: #23527c;
4842
- background-color: #eee;
4843
- border-color: #ddd;
4844
- }
4845
- .ycd-bootstrap-wrapper .pagination > .active > a,
4846
- .ycd-bootstrap-wrapper .pagination > .active > span,
4847
- .ycd-bootstrap-wrapper .pagination > .active > a:hover,
4848
- .ycd-bootstrap-wrapper .pagination > .active > span:hover,
4849
- .ycd-bootstrap-wrapper .pagination > .active > a:focus,
4850
- .ycd-bootstrap-wrapper .pagination > .active > span:focus {
4851
- z-index: 3;
4852
- color: #fff;
4853
- cursor: default;
4854
- background-color: #337ab7;
4855
- border-color: #337ab7;
4856
- }
4857
- .ycd-bootstrap-wrapper .pagination > .disabled > span,
4858
- .ycd-bootstrap-wrapper .pagination > .disabled > span:hover,
4859
- .ycd-bootstrap-wrapper .pagination > .disabled > span:focus,
4860
- .ycd-bootstrap-wrapper .pagination > .disabled > a,
4861
- .ycd-bootstrap-wrapper .pagination > .disabled > a:hover,
4862
- .ycd-bootstrap-wrapper .pagination > .disabled > a:focus {
4863
- color: #777;
4864
- cursor: not-allowed;
4865
- background-color: #fff;
4866
- border-color: #ddd;
4867
- }
4868
- .ycd-bootstrap-wrapper .pagination-lg > li > a,
4869
- .ycd-bootstrap-wrapper .pagination-lg > li > span {
4870
- padding: 10px 16px;
4871
- font-size: 18px;
4872
- line-height: 1.3333333;
4873
- }
4874
- .ycd-bootstrap-wrapper .pagination-lg > li:first-child > a,
4875
- .ycd-bootstrap-wrapper .pagination-lg > li:first-child > span {
4876
- border-top-left-radius: 6px;
4877
- border-bottom-left-radius: 6px;
4878
- }
4879
- .ycd-bootstrap-wrapper .pagination-lg > li:last-child > a,
4880
- .ycd-bootstrap-wrapper .pagination-lg > li:last-child > span {
4881
- border-top-right-radius: 6px;
4882
- border-bottom-right-radius: 6px;
4883
- }
4884
- .ycd-bootstrap-wrapper .pagination-sm > li > a,
4885
- .ycd-bootstrap-wrapper .pagination-sm > li > span {
4886
- padding: 5px 10px;
4887
- font-size: 12px;
4888
- line-height: 1.5;
4889
- }
4890
- .ycd-bootstrap-wrapper .pagination-sm > li:first-child > a,
4891
- .ycd-bootstrap-wrapper .pagination-sm > li:first-child > span {
4892
- border-top-left-radius: 3px;
4893
- border-bottom-left-radius: 3px;
4894
- }
4895
- .ycd-bootstrap-wrapper .pagination-sm > li:last-child > a,
4896
- .ycd-bootstrap-wrapper .pagination-sm > li:last-child > span {
4897
- border-top-right-radius: 3px;
4898
- border-bottom-right-radius: 3px;
4899
- }
4900
- .ycd-bootstrap-wrapper .pager {
4901
- padding-left: 0;
4902
- margin: 20px 0;
4903
- text-align: center;
4904
- list-style: none;
4905
- }
4906
- .ycd-bootstrap-wrapper .pager li {
4907
- display: inline;
4908
- }
4909
- .ycd-bootstrap-wrapper .pager li > a,
4910
- .ycd-bootstrap-wrapper .pager li > span {
4911
- display: inline-block;
4912
- padding: 5px 14px;
4913
- background-color: #fff;
4914
- border: 1px solid #ddd;
4915
- border-radius: 15px;
4916
- }
4917
- .ycd-bootstrap-wrapper .pager li > a:hover,
4918
- .ycd-bootstrap-wrapper .pager li > a:focus {
4919
- text-decoration: none;
4920
- background-color: #eee;
4921
- }
4922
- .ycd-bootstrap-wrapper .pager .next > a,
4923
- .ycd-bootstrap-wrapper .pager .next > span {
4924
- float: right;
4925
- }
4926
- .ycd-bootstrap-wrapper .pager .previous > a,
4927
- .ycd-bootstrap-wrapper .pager .previous > span {
4928
- float: left;
4929
- }
4930
- .ycd-bootstrap-wrapper .pager .disabled > a,
4931
- .ycd-bootstrap-wrapper .pager .disabled > a:hover,
4932
- .ycd-bootstrap-wrapper .pager .disabled > a:focus,
4933
- .ycd-bootstrap-wrapper .pager .disabled > span {
4934
- color: #777;
4935
- cursor: not-allowed;
4936
- background-color: #fff;
4937
- }
4938
- .ycd-bootstrap-wrapper .label {
4939
- display: inline;
4940
- padding: .2em .6em .3em;
4941
- font-size: 75%;
4942
- font-weight: bold;
4943
- line-height: 1;
4944
- color: #fff;
4945
- text-align: center;
4946
- white-space: nowrap;
4947
- vertical-align: baseline;
4948
- border-radius: .25em;
4949
- }
4950
- .ycd-bootstrap-wrapper a.label:hover,
4951
- .ycd-bootstrap-wrapper a.label:focus {
4952
- color: #fff;
4953
- text-decoration: none;
4954
- cursor: pointer;
4955
- }
4956
- .ycd-bootstrap-wrapper .label:empty {
4957
- display: none;
4958
- }
4959
- .ycd-bootstrap-wrapper .btn .label {
4960
- position: relative;
4961
- top: -1px;
4962
- }
4963
- .ycd-bootstrap-wrapper .label-default {
4964
- background-color: #777;
4965
- }
4966
- .ycd-bootstrap-wrapper .label-default[href]:hover,
4967
- .ycd-bootstrap-wrapper .label-default[href]:focus {
4968
- background-color: #5e5e5e;
4969
- }
4970
- .ycd-bootstrap-wrapper .label-primary {
4971
- background-color: #337ab7;
4972
- }
4973
- .ycd-bootstrap-wrapper .label-primary[href]:hover,
4974
- .ycd-bootstrap-wrapper .label-primary[href]:focus {
4975
- background-color: #286090;
4976
- }
4977
- .ycd-bootstrap-wrapper .label-success {
4978
- background-color: #5cb85c;
4979
- }
4980
- .ycd-bootstrap-wrapper .label-success[href]:hover,
4981
- .ycd-bootstrap-wrapper .label-success[href]:focus {
4982
- background-color: #449d44;
4983
- }
4984
- .ycd-bootstrap-wrapper .label-info {
4985
- background-color: #5bc0de;
4986
- }
4987
- .ycd-bootstrap-wrapper .label-info[href]:hover,
4988
- .ycd-bootstrap-wrapper .label-info[href]:focus {
4989
- background-color: #31b0d5;
4990
- }
4991
- .ycd-bootstrap-wrapper .label-warning {
4992
- background-color: #f0ad4e;
4993
- }
4994
- .ycd-bootstrap-wrapper .label-warning[href]:hover,
4995
- .ycd-bootstrap-wrapper .label-warning[href]:focus {
4996
- background-color: #ec971f;
4997
- }
4998
- .ycd-bootstrap-wrapper .label-danger {
4999
- background-color: #d9534f;
5000
- }
5001
- .ycd-bootstrap-wrapper .label-danger[href]:hover,
5002
- .ycd-bootstrap-wrapper .label-danger[href]:focus {
5003
- background-color: #c9302c;
5004
- }
5005
- .ycd-bootstrap-wrapper .badge {
5006
- display: inline-block;
5007
- min-width: 10px;
5008
- padding: 3px 7px;
5009
- font-size: 12px;
5010
- font-weight: bold;
5011
- line-height: 1;
5012
- color: #fff;
5013
- text-align: center;
5014
- white-space: nowrap;
5015
- vertical-align: middle;
5016
- background-color: #777;
5017
- border-radius: 10px;
5018
- }
5019
- .ycd-bootstrap-wrapper .badge:empty {
5020
- display: none;
5021
- }
5022
- .ycd-bootstrap-wrapper .btn .badge {
5023
- position: relative;
5024
- top: -1px;
5025
- }
5026
- .ycd-bootstrap-wrapper .btn-xs .badge,
5027
- .ycd-bootstrap-wrapper .btn-group-xs > .btn .badge {
5028
- top: 0;
5029
- padding: 1px 5px;
5030
- }
5031
- .ycd-bootstrap-wrapper a.badge:hover,
5032
- .ycd-bootstrap-wrapper a.badge:focus {
5033
- color: #fff;
5034
- text-decoration: none;
5035
- cursor: pointer;
5036
- }
5037
- .ycd-bootstrap-wrapper .list-group-item.active > .badge,
5038
- .ycd-bootstrap-wrapper .nav-pills > .active > a > .badge {
5039
- color: #337ab7;
5040
- background-color: #fff;
5041
- }
5042
- .ycd-bootstrap-wrapper .list-group-item > .badge {
5043
- float: right;
5044
- }
5045
- .ycd-bootstrap-wrapper .list-group-item > .badge + .badge {
5046
- margin-right: 5px;
5047
- }
5048
- .ycd-bootstrap-wrapper .nav-pills > li > a > .badge {
5049
- margin-left: 3px;
5050
- }
5051
- .ycd-bootstrap-wrapper .jumbotron {
5052
- padding-top: 30px;
5053
- padding-bottom: 30px;
5054
- margin-bottom: 30px;
5055
- color: inherit;
5056
- background-color: #eee;
5057
- }
5058
- .ycd-bootstrap-wrapper .jumbotron h1,
5059
- .ycd-bootstrap-wrapper .jumbotron .h1 {
5060
- color: inherit;
5061
- }
5062
- .ycd-bootstrap-wrapper .jumbotron p {
5063
- margin-bottom: 15px;
5064
- font-size: 21px;
5065
- font-weight: 200;
5066
- }
5067
- .ycd-bootstrap-wrapper .jumbotron > hr {
5068
- border-top-color: #d5d5d5;
5069
- }
5070
- .ycd-bootstrap-wrapper .container .jumbotron,
5071
- .ycd-bootstrap-wrapper .container-fluid .jumbotron {
5072
- padding-right: 15px;
5073
- padding-left: 15px;
5074
- border-radius: 6px;
5075
- }
5076
- .ycd-bootstrap-wrapper .jumbotron .container {
5077
- max-width: 100%;
5078
- }
5079
- @media screen and (min-width: 768px) {
5080
- .ycd-bootstrap-wrapper .jumbotron {
5081
- padding-top: 48px;
5082
- padding-bottom: 48px;
5083
- }
5084
- .ycd-bootstrap-wrapper .container .jumbotron,
5085
- .ycd-bootstrap-wrapper .container-fluid .jumbotron {
5086
- padding-right: 60px;
5087
- padding-left: 60px;
5088
- }
5089
- .ycd-bootstrap-wrapper .jumbotron h1,
5090
- .ycd-bootstrap-wrapper .jumbotron .h1 {
5091
- font-size: 63px;
5092
- }
5093
- }
5094
- .ycd-bootstrap-wrapper .thumbnail {
5095
- display: block;
5096
- padding: 4px;
5097
- margin-bottom: 20px;
5098
- line-height: 1.42857143;
5099
- background-color: #fff;
5100
- border: 1px solid #ddd;
5101
- border-radius: 4px;
5102
- -webkit-transition: border 0.2s ease-in-out;
5103
- -o-transition: border 0.2s ease-in-out;
5104
- transition: border 0.2s ease-in-out;
5105
- }
5106
- .ycd-bootstrap-wrapper .thumbnail > img,
5107
- .ycd-bootstrap-wrapper .thumbnail a > img {
5108
- margin-right: auto;
5109
- margin-left: auto;
5110
- }
5111
- .ycd-bootstrap-wrapper a.thumbnail:hover,
5112
- .ycd-bootstrap-wrapper a.thumbnail:focus,
5113
- .ycd-bootstrap-wrapper a.thumbnail.active {
5114
- border-color: #337ab7;
5115
- }
5116
- .ycd-bootstrap-wrapper .thumbnail .caption {
5117
- padding: 9px;
5118
- color: #333;
5119
- }
5120
- .ycd-bootstrap-wrapper .alert {
5121
- padding: 15px;
5122
- margin-bottom: 20px;
5123
- border: 1px solid transparent;
5124
- border-radius: 4px;
5125
- }
5126
- .ycd-bootstrap-wrapper .alert h4 {
5127
- margin-top: 0;
5128
- color: inherit;
5129
- }
5130
- .ycd-bootstrap-wrapper .alert .alert-link {
5131
- font-weight: bold;
5132
- }
5133
- .ycd-bootstrap-wrapper .alert > p,
5134
- .ycd-bootstrap-wrapper .alert > ul {
5135
- margin-bottom: 0;
5136
- }
5137
- .ycd-bootstrap-wrapper .alert > p + p {
5138
- margin-top: 5px;
5139
- }
5140
- .ycd-bootstrap-wrapper .alert-dismissable,
5141
- .ycd-bootstrap-wrapper .alert-dismissible {
5142
- padding-right: 35px;
5143
- }
5144
- .ycd-bootstrap-wrapper .alert-dismissable .close,
5145
- .ycd-bootstrap-wrapper .alert-dismissible .close {
5146
- position: relative;
5147
- top: -2px;
5148
- right: -21px;
5149
- color: inherit;
5150
- }
5151
- .ycd-bootstrap-wrapper .alert-success {
5152
- color: #3c763d;
5153
- background-color: #dff0d8;
5154
- border-color: #d6e9c6;
5155
- }
5156
- .ycd-bootstrap-wrapper .alert-success hr {
5157
- border-top-color: #c9e2b3;
5158
- }
5159
- .ycd-bootstrap-wrapper .alert-success .alert-link {
5160
- color: #2b542c;
5161
- }
5162
- .ycd-bootstrap-wrapper .alert-info {
5163
- color: #31708f;
5164
- background-color: #d9edf7;
5165
- border-color: #bce8f1;
5166
- }
5167
- .ycd-bootstrap-wrapper .alert-info hr {
5168
- border-top-color: #a6e1ec;
5169
- }
5170
- .ycd-bootstrap-wrapper .alert-info .alert-link {
5171
- color: #245269;
5172
- }
5173
- .ycd-bootstrap-wrapper .alert-warning {
5174
- color: #8a6d3b;
5175
- background-color: #fcf8e3;
5176
- border-color: #faebcc;
5177
- }
5178
- .ycd-bootstrap-wrapper .alert-warning hr {
5179
- border-top-color: #f7e1b5;
5180
- }
5181
- .ycd-bootstrap-wrapper .alert-warning .alert-link {
5182
- color: #66512c;
5183
- }
5184
- .ycd-bootstrap-wrapper .alert-danger {
5185
- color: #a94442;
5186
- background-color: #f2dede;
5187
- border-color: #ebccd1;
5188
- }
5189
- .ycd-bootstrap-wrapper .alert-danger hr {
5190
- border-top-color: #e4b9c0;
5191
- }
5192
- .ycd-bootstrap-wrapper .alert-danger .alert-link {
5193
- color: #843534;
5194
- }
5195
- @-webkit-keyframes progress-bar-stripes {
5196
- from {
5197
- background-position: 40px 0;
5198
- }
5199
- to {
5200
- background-position: 0 0;
5201
- }
5202
- }
5203
- @-o-keyframes progress-bar-stripes {
5204
- from {
5205
- background-position: 40px 0;
5206
- }
5207
- to {
5208
- background-position: 0 0;
5209
- }
5210
- }
5211
- @keyframes progress-bar-stripes {
5212
- from {
5213
- background-position: 40px 0;
5214
- }
5215
- to {
5216
- background-position: 0 0;
5217
- }
5218
- }
5219
- .ycd-bootstrap-wrapper .progress {
5220
- height: 20px;
5221
- margin-bottom: 20px;
5222
- overflow: hidden;
5223
- background-color: #f5f5f5;
5224
- border-radius: 4px;
5225
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
5226
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
5227
- }
5228
- .ycd-bootstrap-wrapper .progress-bar {
5229
- float: left;
5230
- width: 0;
5231
- height: 100%;
5232
- font-size: 12px;
5233
- line-height: 20px;
5234
- color: #fff;
5235
- text-align: center;
5236
- background-color: #337ab7;
5237
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
5238
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
5239
- -webkit-transition: width .6s ease;
5240
- -o-transition: width .6s ease;
5241
- transition: width .6s ease;
5242
- }
5243
- .ycd-bootstrap-wrapper .progress-striped .progress-bar,
5244
- .ycd-bootstrap-wrapper .progress-bar-striped {
5245
- background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5246
- background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5247
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5248
- -webkit-background-size: 40px 40px;
5249
- background-size: 40px 40px;
5250
- }
5251
- .ycd-bootstrap-wrapper .progress.active .progress-bar,
5252
- .ycd-bootstrap-wrapper .progress-bar.active {
5253
- -webkit-animation: progress-bar-stripes 2s linear infinite;
5254
- -o-animation: progress-bar-stripes 2s linear infinite;
5255
- animation: progress-bar-stripes 2s linear infinite;
5256
- }
5257
- .ycd-bootstrap-wrapper .progress-bar-success {
5258
- background-color: #5cb85c;
5259
- }
5260
- .ycd-bootstrap-wrapper .progress-striped .progress-bar-success {
5261
- background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5262
- background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5263
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5264
- }
5265
- .ycd-bootstrap-wrapper .progress-bar-info {
5266
- background-color: #5bc0de;
5267
- }
5268
- .ycd-bootstrap-wrapper .progress-striped .progress-bar-info {
5269
- background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5270
- background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5271
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5272
- }
5273
- .ycd-bootstrap-wrapper .progress-bar-warning {
5274
- background-color: #f0ad4e;
5275
- }
5276
- .ycd-bootstrap-wrapper .progress-striped .progress-bar-warning {
5277
- background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5278
- background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5279
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5280
- }
5281
- .ycd-bootstrap-wrapper .progress-bar-danger {
5282
- background-color: #d9534f;
5283
- }
5284
- .ycd-bootstrap-wrapper .progress-striped .progress-bar-danger {
5285
- background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5286
- background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5287
- background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5288
- }
5289
- .ycd-bootstrap-wrapper .media {
5290
- margin-top: 15px;
5291
- }
5292
- .ycd-bootstrap-wrapper .media:first-child {
5293
- margin-top: 0;
5294
- }
5295
- .ycd-bootstrap-wrapper .media,
5296
- .ycd-bootstrap-wrapper .media-body {
5297
- overflow: hidden;
5298
- zoom: 1;
5299
- }
5300
- .ycd-bootstrap-wrapper .media-body {
5301
- width: 10000px;
5302
- }
5303
- .ycd-bootstrap-wrapper .media-object {
5304
- display: block;
5305
- }
5306
- .ycd-bootstrap-wrapper .media-object.img-thumbnail {
5307
- max-width: none;
5308
- }
5309
- .ycd-bootstrap-wrapper .media-right,
5310
- .ycd-bootstrap-wrapper .media > .pull-right {
5311
- padding-left: 10px;
5312
- }
5313
- .ycd-bootstrap-wrapper .media-left,
5314
- .ycd-bootstrap-wrapper .media > .pull-left {
5315
- padding-right: 10px;
5316
- }
5317
- .ycd-bootstrap-wrapper .media-left,
5318
- .ycd-bootstrap-wrapper .media-right,
5319
- .ycd-bootstrap-wrapper .media-body {
5320
- display: table-cell;
5321
- vertical-align: top;
5322
- }
5323
- .ycd-bootstrap-wrapper .media-middle {
5324
- vertical-align: middle;
5325
- }
5326
- .ycd-bootstrap-wrapper .media-bottom {
5327
- vertical-align: bottom;
5328
- }
5329
- .ycd-bootstrap-wrapper .media-heading {
5330
- margin-top: 0;
5331
- margin-bottom: 5px;
5332
- }
5333
- .ycd-bootstrap-wrapper .media-list {
5334
- padding-left: 0;
5335
- list-style: none;
5336
- }
5337
- .ycd-bootstrap-wrapper .list-group {
5338
- padding-left: 0;
5339
- margin-bottom: 20px;
5340
- }
5341
- .ycd-bootstrap-wrapper .list-group-item {
5342
- position: relative;
5343
- display: block;
5344
- padding: 10px 15px;
5345
- margin-bottom: -1px;
5346
- background-color: #fff;
5347
- border: 1px solid #ddd;
5348
- }
5349
- .ycd-bootstrap-wrapper .list-group-item:first-child {
5350
- border-top-left-radius: 4px;
5351
- border-top-right-radius: 4px;
5352
- }
5353
- .ycd-bootstrap-wrapper .list-group-item:last-child {
5354
- margin-bottom: 0;
5355
- border-bottom-right-radius: 4px;
5356
- border-bottom-left-radius: 4px;
5357
- }
5358
- .ycd-bootstrap-wrapper a.list-group-item,
5359
- .ycd-bootstrap-wrapper button.list-group-item {
5360
- color: #555;
5361
- }
5362
- .ycd-bootstrap-wrapper a.list-group-item .list-group-item-heading,
5363
- .ycd-bootstrap-wrapper button.list-group-item .list-group-item-heading {
5364
- color: #333;
5365
- }
5366
- .ycd-bootstrap-wrapper a.list-group-item:hover,
5367
- .ycd-bootstrap-wrapper button.list-group-item:hover,
5368
- .ycd-bootstrap-wrapper a.list-group-item:focus,
5369
- .ycd-bootstrap-wrapper button.list-group-item:focus {
5370
- color: #555;
5371
- text-decoration: none;
5372
- background-color: #f5f5f5;
5373
- }
5374
- .ycd-bootstrap-wrapper button.list-group-item {
5375
- width: 100%;
5376
- text-align: left;
5377
- }
5378
- .ycd-bootstrap-wrapper .list-group-item.disabled,
5379
- .ycd-bootstrap-wrapper .list-group-item.disabled:hover,
5380
- .ycd-bootstrap-wrapper .list-group-item.disabled:focus {
5381
- color: #777;
5382
- cursor: not-allowed;
5383
- background-color: #eee;
5384
- }
5385
- .ycd-bootstrap-wrapper .list-group-item.disabled .list-group-item-heading,
5386
- .ycd-bootstrap-wrapper .list-group-item.disabled:hover .list-group-item-heading,
5387
- .ycd-bootstrap-wrapper .list-group-item.disabled:focus .list-group-item-heading {
5388
- color: inherit;
5389
- }
5390
- .ycd-bootstrap-wrapper .list-group-item.disabled .list-group-item-text,
5391
- .ycd-bootstrap-wrapper .list-group-item.disabled:hover .list-group-item-text,
5392
- .ycd-bootstrap-wrapper .list-group-item.disabled:focus .list-group-item-text {
5393
- color: #777;
5394
- }
5395
- .ycd-bootstrap-wrapper .list-group-item.active,
5396
- .ycd-bootstrap-wrapper .list-group-item.active:hover,
5397
- .ycd-bootstrap-wrapper .list-group-item.active:focus {
5398
- z-index: 2;
5399
- color: #fff;
5400
- background-color: #337ab7;
5401
- border-color: #337ab7;
5402
- }
5403
- .ycd-bootstrap-wrapper .list-group-item.active .list-group-item-heading,
5404
- .ycd-bootstrap-wrapper .list-group-item.active:hover .list-group-item-heading,
5405
- .ycd-bootstrap-wrapper .list-group-item.active:focus .list-group-item-heading,
5406
- .ycd-bootstrap-wrapper .list-group-item.active .list-group-item-heading > small,
5407
- .ycd-bootstrap-wrapper .list-group-item.active:hover .list-group-item-heading > small,
5408
- .ycd-bootstrap-wrapper .list-group-item.active:focus .list-group-item-heading > small,
5409
- .ycd-bootstrap-wrapper .list-group-item.active .list-group-item-heading > .small,
5410
- .ycd-bootstrap-wrapper .list-group-item.active:hover .list-group-item-heading > .small,
5411
- .ycd-bootstrap-wrapper .list-group-item.active:focus .list-group-item-heading > .small {
5412
- color: inherit;
5413
- }
5414
- .ycd-bootstrap-wrapper .list-group-item.active .list-group-item-text,
5415
- .ycd-bootstrap-wrapper .list-group-item.active:hover .list-group-item-text,
5416
- .ycd-bootstrap-wrapper .list-group-item.active:focus .list-group-item-text {
5417
- color: #c7ddef;
5418
- }
5419
- .ycd-bootstrap-wrapper .list-group-item-success {
5420
- color: #3c763d;
5421
- background-color: #dff0d8;
5422
- }
5423
- .ycd-bootstrap-wrapper a.list-group-item-success,
5424
- .ycd-bootstrap-wrapper button.list-group-item-success {
5425
- color: #3c763d;
5426
- }
5427
- .ycd-bootstrap-wrapper a.list-group-item-success .list-group-item-heading,
5428
- .ycd-bootstrap-wrapper button.list-group-item-success .list-group-item-heading {
5429
- color: inherit;
5430
- }
5431
- .ycd-bootstrap-wrapper a.list-group-item-success:hover,
5432
- .ycd-bootstrap-wrapper button.list-group-item-success:hover,
5433
- .ycd-bootstrap-wrapper a.list-group-item-success:focus,
5434
- .ycd-bootstrap-wrapper button.list-group-item-success:focus {
5435
- color: #3c763d;
5436
- background-color: #d0e9c6;
5437
- }
5438
- .ycd-bootstrap-wrapper a.list-group-item-success.active,
5439
- .ycd-bootstrap-wrapper button.list-group-item-success.active,
5440
- .ycd-bootstrap-wrapper a.list-group-item-success.active:hover,
5441
- .ycd-bootstrap-wrapper button.list-group-item-success.active:hover,
5442
- .ycd-bootstrap-wrapper a.list-group-item-success.active:focus,
5443
- .ycd-bootstrap-wrapper button.list-group-item-success.active:focus {
5444
- color: #fff;
5445
- background-color: #3c763d;
5446
- border-color: #3c763d;
5447
- }
5448
- .ycd-bootstrap-wrapper .list-group-item-info {
5449
- color: #31708f;
5450
- background-color: #d9edf7;
5451
- }
5452
- .ycd-bootstrap-wrapper a.list-group-item-info,
5453
- .ycd-bootstrap-wrapper button.list-group-item-info {
5454
- color: #31708f;
5455
- }
5456
- .ycd-bootstrap-wrapper a.list-group-item-info .list-group-item-heading,
5457
- .ycd-bootstrap-wrapper button.list-group-item-info .list-group-item-heading {
5458
- color: inherit;
5459
- }
5460
- .ycd-bootstrap-wrapper a.list-group-item-info:hover,
5461
- .ycd-bootstrap-wrapper button.list-group-item-info:hover,
5462
- .ycd-bootstrap-wrapper a.list-group-item-info:focus,
5463
- .ycd-bootstrap-wrapper button.list-group-item-info:focus {
5464
- color: #31708f;
5465
- background-color: #c4e3f3;
5466
- }
5467
- .ycd-bootstrap-wrapper a.list-group-item-info.active,
5468
- .ycd-bootstrap-wrapper button.list-group-item-info.active,
5469
- .ycd-bootstrap-wrapper a.list-group-item-info.active:hover,
5470
- .ycd-bootstrap-wrapper button.list-group-item-info.active:hover,
5471
- .ycd-bootstrap-wrapper a.list-group-item-info.active:focus,
5472
- .ycd-bootstrap-wrapper button.list-group-item-info.active:focus {
5473
- color: #fff;
5474
- background-color: #31708f;
5475
- border-color: #31708f;
5476
- }
5477
- .ycd-bootstrap-wrapper .list-group-item-warning {
5478
- color: #8a6d3b;
5479
- background-color: #fcf8e3;
5480
- }
5481
- .ycd-bootstrap-wrapper a.list-group-item-warning,
5482
- .ycd-bootstrap-wrapper button.list-group-item-warning {
5483
- color: #8a6d3b;
5484
- }
5485
- .ycd-bootstrap-wrapper a.list-group-item-warning .list-group-item-heading,
5486
- .ycd-bootstrap-wrapper button.list-group-item-warning .list-group-item-heading {
5487
- color: inherit;
5488
- }
5489
- .ycd-bootstrap-wrapper a.list-group-item-warning:hover,
5490
- .ycd-bootstrap-wrapper button.list-group-item-warning:hover,
5491
- .ycd-bootstrap-wrapper a.list-group-item-warning:focus,
5492
- .ycd-bootstrap-wrapper button.list-group-item-warning:focus {
5493
- color: #8a6d3b;
5494
- background-color: #faf2cc;
5495
- }
5496
- .ycd-bootstrap-wrapper a.list-group-item-warning.active,
5497
- .ycd-bootstrap-wrapper button.list-group-item-warning.active,
5498
- .ycd-bootstrap-wrapper a.list-group-item-warning.active:hover,
5499
- .ycd-bootstrap-wrapper button.list-group-item-warning.active:hover,
5500
- .ycd-bootstrap-wrapper a.list-group-item-warning.active:focus,
5501
- .ycd-bootstrap-wrapper button.list-group-item-warning.active:focus {
5502
- color: #fff;
5503
- background-color: #8a6d3b;
5504
- border-color: #8a6d3b;
5505
- }
5506
- .ycd-bootstrap-wrapper .list-group-item-danger {
5507
- color: #a94442;
5508
- background-color: #f2dede;
5509
- }
5510
- .ycd-bootstrap-wrapper a.list-group-item-danger,
5511
- .ycd-bootstrap-wrapper button.list-group-item-danger {
5512
- color: #a94442;
5513
- }
5514
- .ycd-bootstrap-wrapper a.list-group-item-danger .list-group-item-heading,
5515
- .ycd-bootstrap-wrapper button.list-group-item-danger .list-group-item-heading {
5516
- color: inherit;
5517
- }
5518
- .ycd-bootstrap-wrapper a.list-group-item-danger:hover,
5519
- .ycd-bootstrap-wrapper button.list-group-item-danger:hover,
5520
- .ycd-bootstrap-wrapper a.list-group-item-danger:focus,
5521
- .ycd-bootstrap-wrapper button.list-group-item-danger:focus {
5522
- color: #a94442;
5523
- background-color: #ebcccc;
5524
- }
5525
- .ycd-bootstrap-wrapper a.list-group-item-danger.active,
5526
- .ycd-bootstrap-wrapper button.list-group-item-danger.active,
5527
- .ycd-bootstrap-wrapper a.list-group-item-danger.active:hover,
5528
- .ycd-bootstrap-wrapper button.list-group-item-danger.active:hover,
5529
- .ycd-bootstrap-wrapper a.list-group-item-danger.active:focus,
5530
- .ycd-bootstrap-wrapper button.list-group-item-danger.active:focus {
5531
- color: #fff;
5532
- background-color: #a94442;
5533
- border-color: #a94442;
5534
- }
5535
- .ycd-bootstrap-wrapper .list-group-item-heading {
5536
- margin-top: 0;
5537
- margin-bottom: 5px;
5538
- }
5539
- .ycd-bootstrap-wrapper .list-group-item-text {
5540
- margin-bottom: 0;
5541
- line-height: 1.3;
5542
- }
5543
- .ycd-bootstrap-wrapper .panel {
5544
- margin-bottom: 20px;
5545
- background-color: #fff;
5546
- border: 1px solid transparent;
5547
- border-radius: 4px;
5548
- -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
5549
- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
5550
- }
5551
- .ycd-bootstrap-wrapper .panel-body {
5552
- padding: 15px;
5553
- }
5554
- .ycd-bootstrap-wrapper .panel-heading {
5555
- padding: 10px 15px;
5556
- border-bottom: 1px solid transparent;
5557
- border-top-left-radius: 3px;
5558
- border-top-right-radius: 3px;
5559
- }
5560
- .ycd-bootstrap-wrapper .panel-heading > .dropdown .dropdown-toggle {
5561
- color: inherit;
5562
- }
5563
- .ycd-bootstrap-wrapper .panel-title {
5564
- margin-top: 0;
5565
- margin-bottom: 0;
5566
- font-size: 16px;
5567
- color: inherit;
5568
- }
5569
- .ycd-bootstrap-wrapper .panel-title > a,
5570
- .ycd-bootstrap-wrapper .panel-title > small,
5571
- .ycd-bootstrap-wrapper .panel-title > .small,
5572
- .ycd-bootstrap-wrapper .panel-title > small > a,
5573
- .ycd-bootstrap-wrapper .panel-title > .small > a {
5574
- color: inherit;
5575
- }
5576
- .ycd-bootstrap-wrapper .panel-footer {
5577
- padding: 10px 15px;
5578
- background-color: #f5f5f5;
5579
- border-top: 1px solid #ddd;
5580
- border-bottom-right-radius: 3px;
5581
- border-bottom-left-radius: 3px;
5582
- }
5583
- .ycd-bootstrap-wrapper .panel > .list-group,
5584
- .ycd-bootstrap-wrapper .panel > .panel-collapse > .list-group {
5585
- margin-bottom: 0;
5586
- }
5587
- .ycd-bootstrap-wrapper .panel > .list-group .list-group-item,
5588
- .ycd-bootstrap-wrapper .panel > .panel-collapse > .list-group .list-group-item {
5589
- border-width: 1px 0;
5590
- border-radius: 0;
5591
- }
5592
- .ycd-bootstrap-wrapper .panel > .list-group:first-child .list-group-item:first-child,
5593
- .ycd-bootstrap-wrapper .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
5594
- border-top: 0;
5595
- border-top-left-radius: 3px;
5596
- border-top-right-radius: 3px;
5597
- }
5598
- .ycd-bootstrap-wrapper .panel > .list-group:last-child .list-group-item:last-child,
5599
- .ycd-bootstrap-wrapper .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
5600
- border-bottom: 0;
5601
- border-bottom-right-radius: 3px;
5602
- border-bottom-left-radius: 3px;
5603
- }
5604
- .ycd-bootstrap-wrapper .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
5605
- border-top-left-radius: 0;
5606
- border-top-right-radius: 0;
5607
- }
5608
- .ycd-bootstrap-wrapper .panel-heading + .list-group .list-group-item:first-child {
5609
- border-top-width: 0;
5610
- }
5611
- .ycd-bootstrap-wrapper .list-group + .panel-footer {
5612
- border-top-width: 0;
5613
- }
5614
- .ycd-bootstrap-wrapper .panel > .table,
5615
- .ycd-bootstrap-wrapper .panel > .table-responsive > .table,
5616
- .ycd-bootstrap-wrapper .panel > .panel-collapse > .table {
5617
- margin-bottom: 0;
5618
- }
5619
- .ycd-bootstrap-wrapper .panel > .table caption,
5620
- .ycd-bootstrap-wrapper .panel > .table-responsive > .table caption,
5621
- .ycd-bootstrap-wrapper .panel > .panel-collapse > .table caption {
5622
- padding-right: 15px;
5623
- padding-left: 15px;
5624
- }
5625
- .ycd-bootstrap-wrapper .panel > .table:first-child,
5626
- .ycd-bootstrap-wrapper .panel > .table-responsive:first-child > .table:first-child {
5627
- border-top-left-radius: 3px;
5628
- border-top-right-radius: 3px;
5629
- }
5630
- .ycd-bootstrap-wrapper .panel > .table:first-child > thead:first-child > tr:first-child,
5631
- .ycd-bootstrap-wrapper .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
5632
- .ycd-bootstrap-wrapper .panel > .table:first-child > tbody:first-child > tr:first-child,
5633
- .ycd-bootstrap-wrapper .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
5634
- border-top-left-radius: 3px;
5635
- border-top-right-radius: 3px;
5636
- }
5637
- .ycd-bootstrap-wrapper .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
5638
- .ycd-bootstrap-wrapper .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
5639
- .ycd-bootstrap-wrapper .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
5640
- .ycd-bootstrap-wrapper .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
5641
- .ycd-bootstrap-wrapper .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
5642
- .ycd-bootstrap-wrapper .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
5643
- .ycd-bootstrap-wrapper .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
5644
- .ycd-bootstrap-wrapper .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
5645
- border-top-left-radius: 3px;
5646
- }
5647
- .ycd-bootstrap-wrapper .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
5648
- .ycd-bootstrap-wrapper .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
5649
- .ycd-bootstrap-wrapper .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
5650
- .ycd-bootstrap-wrapper .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
5651
- .ycd-bootstrap-wrapper .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
5652
- .ycd-bootstrap-wrapper .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
5653
- .ycd-bootstrap-wrapper .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
5654
- .ycd-bootstrap-wrapper .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
5655
- border-top-right-radius: 3px;
5656
- }
5657
- .ycd-bootstrap-wrapper .panel > .table:last-child,
5658
- .ycd-bootstrap-wrapper .panel > .table-responsive:last-child > .table:last-child {
5659
- border-bottom-right-radius: 3px;
5660
- border-bottom-left-radius: 3px;
5661
- }
5662
- .ycd-bootstrap-wrapper .panel > .table:last-child > tbody:last-child > tr:last-child,
5663
- .ycd-bootstrap-wrapper .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
5664
- .ycd-bootstrap-wrapper .panel > .table:last-child > tfoot:last-child > tr:last-child,
5665
- .ycd-bootstrap-wrapper .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
5666
- border-bottom-right-radius: 3px;
5667
- border-bottom-left-radius: 3px;
5668
- }
5669
- .ycd-bootstrap-wrapper .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
5670
- .ycd-bootstrap-wrapper .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
5671
- .ycd-bootstrap-wrapper .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
5672
- .ycd-bootstrap-wrapper .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
5673
- .ycd-bootstrap-wrapper .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
5674
- .ycd-bootstrap-wrapper .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
5675
- .ycd-bootstrap-wrapper .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
5676
- .ycd-bootstrap-wrapper .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
5677
- border-bottom-left-radius: 3px;
5678
- }
5679
- .ycd-bootstrap-wrapper .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
5680
- .ycd-bootstrap-wrapper .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
5681
- .ycd-bootstrap-wrapper .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
5682
- .ycd-bootstrap-wrapper .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
5683
- .ycd-bootstrap-wrapper .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
5684
- .ycd-bootstrap-wrapper .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
5685
- .ycd-bootstrap-wrapper .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
5686
- .ycd-bootstrap-wrapper .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
5687
- border-bottom-right-radius: 3px;
5688
- }
5689
- .ycd-bootstrap-wrapper .panel > .panel-body + .table,
5690
- .ycd-bootstrap-wrapper .panel > .panel-body + .table-responsive,
5691
- .ycd-bootstrap-wrapper .panel > .table + .panel-body,
5692
- .ycd-bootstrap-wrapper .panel > .table-responsive + .panel-body {
5693
- border-top: 1px solid #ddd;
5694
- }
5695
- .ycd-bootstrap-wrapper .panel > .table > tbody:first-child > tr:first-child th,
5696
- .ycd-bootstrap-wrapper .panel > .table > tbody:first-child > tr:first-child td {
5697
- border-top: 0;
5698
- }
5699
- .ycd-bootstrap-wrapper .panel > .table-bordered,
5700
- .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered {
5701
- border: 0;
5702
- }
5703
- .ycd-bootstrap-wrapper .panel > .table-bordered > thead > tr > th:first-child,
5704
- .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
5705
- .ycd-bootstrap-wrapper .panel > .table-bordered > tbody > tr > th:first-child,
5706
- .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
5707
- .ycd-bootstrap-wrapper .panel > .table-bordered > tfoot > tr > th:first-child,
5708
- .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
5709
- .ycd-bootstrap-wrapper .panel > .table-bordered > thead > tr > td:first-child,
5710
- .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
5711
- .ycd-bootstrap-wrapper .panel > .table-bordered > tbody > tr > td:first-child,
5712
- .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
5713
- .ycd-bootstrap-wrapper .panel > .table-bordered > tfoot > tr > td:first-child,
5714
- .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
5715
- border-left: 0;
5716
- }
5717
- .ycd-bootstrap-wrapper .panel > .table-bordered > thead > tr > th:last-child,
5718
- .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
5719
- .ycd-bootstrap-wrapper .panel > .table-bordered > tbody > tr > th:last-child,
5720
- .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
5721
- .ycd-bootstrap-wrapper .panel > .table-bordered > tfoot > tr > th:last-child,
5722
- .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
5723
- .ycd-bootstrap-wrapper .panel > .table-bordered > thead > tr > td:last-child,
5724
- .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
5725
- .ycd-bootstrap-wrapper .panel > .table-bordered > tbody > tr > td:last-child,
5726
- .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
5727
- .ycd-bootstrap-wrapper .panel > .table-bordered > tfoot > tr > td:last-child,
5728
- .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
5729
- border-right: 0;
5730
- }
5731
- .ycd-bootstrap-wrapper .panel > .table-bordered > thead > tr:first-child > td,
5732
- .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
5733
- .ycd-bootstrap-wrapper .panel > .table-bordered > tbody > tr:first-child > td,
5734
- .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
5735
- .ycd-bootstrap-wrapper .panel > .table-bordered > thead > tr:first-child > th,
5736
- .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
5737
- .ycd-bootstrap-wrapper .panel > .table-bordered > tbody > tr:first-child > th,
5738
- .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
5739
- border-bottom: 0;
5740
- }
5741
- .ycd-bootstrap-wrapper .panel > .table-bordered > tbody > tr:last-child > td,
5742
- .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
5743
- .ycd-bootstrap-wrapper .panel > .table-bordered > tfoot > tr:last-child > td,
5744
- .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
5745
- .ycd-bootstrap-wrapper .panel > .table-bordered > tbody > tr:last-child > th,
5746
- .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
5747
- .ycd-bootstrap-wrapper .panel > .table-bordered > tfoot > tr:last-child > th,
5748
- .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
5749
- border-bottom: 0;
5750
- }
5751
- .ycd-bootstrap-wrapper .panel > .table-responsive {
5752
- margin-bottom: 0;
5753
- border: 0;
5754
- }
5755
- .ycd-bootstrap-wrapper .panel-group {
5756
- margin-bottom: 20px;
5757
- }
5758
- .ycd-bootstrap-wrapper .panel-group .panel {
5759
- margin-bottom: 0;
5760
- border-radius: 4px;
5761
- }
5762
- .ycd-bootstrap-wrapper .panel-group .panel + .panel {
5763
- margin-top: 5px;
5764
- }
5765
- .ycd-bootstrap-wrapper .panel-group .panel-heading {
5766
- border-bottom: 0;
5767
- }
5768
- .ycd-bootstrap-wrapper .panel-group .panel-heading + .panel-collapse > .panel-body,
5769
- .ycd-bootstrap-wrapper .panel-group .panel-heading + .panel-collapse > .list-group {
5770
- border-top: 1px solid #ddd;
5771
- }
5772
- .ycd-bootstrap-wrapper .panel-group .panel-footer {
5773
- border-top: 0;
5774
- }
5775
- .ycd-bootstrap-wrapper .panel-group .panel-footer + .panel-collapse .panel-body {
5776
- border-bottom: 1px solid #ddd;
5777
- }
5778
- .ycd-bootstrap-wrapper .panel-default {
5779
- border-color: #ddd;
5780
- }
5781
- .ycd-bootstrap-wrapper .panel-default > .panel-heading {
5782
- color: #333;
5783
- background-color: #f5f5f5;
5784
- border-color: #ddd;
5785
- }
5786
- .ycd-bootstrap-wrapper .panel-default > .panel-heading + .panel-collapse > .panel-body {
5787
- border-top-color: #ddd;
5788
- }
5789
- .ycd-bootstrap-wrapper .panel-default > .panel-heading .badge {
5790
- color: #f5f5f5;
5791
- background-color: #333;
5792
- }
5793
- .ycd-bootstrap-wrapper .panel-default > .panel-footer + .panel-collapse > .panel-body {
5794
- border-bottom-color: #ddd;
5795
- }
5796
- .ycd-bootstrap-wrapper .panel-primary {
5797
- border-color: #337ab7;
5798
- }
5799
- .ycd-bootstrap-wrapper .panel-primary > .panel-heading {
5800
- color: #fff;
5801
- background-color: #337ab7;
5802
- border-color: #337ab7;
5803
- }
5804
- .ycd-bootstrap-wrapper .panel-primary > .panel-heading + .panel-collapse > .panel-body {
5805
- border-top-color: #337ab7;
5806
- }
5807
- .ycd-bootstrap-wrapper .panel-primary > .panel-heading .badge {
5808
- color: #337ab7;
5809
- background-color: #fff;
5810
- }
5811
- .ycd-bootstrap-wrapper .panel-primary > .panel-footer + .panel-collapse > .panel-body {
5812
- border-bottom-color: #337ab7;
5813
- }
5814
- .ycd-bootstrap-wrapper .panel-success {
5815
- border-color: #d6e9c6;
5816
- }
5817
- .ycd-bootstrap-wrapper .panel-success > .panel-heading {
5818
- color: #3c763d;
5819
- background-color: #dff0d8;
5820
- border-color: #d6e9c6;
5821
- }
5822
- .ycd-bootstrap-wrapper .panel-success > .panel-heading + .panel-collapse > .panel-body {
5823
- border-top-color: #d6e9c6;
5824
- }
5825
- .ycd-bootstrap-wrapper .panel-success > .panel-heading .badge {
5826
- color: #dff0d8;
5827
- background-color: #3c763d;
5828
- }
5829
- .ycd-bootstrap-wrapper .panel-success > .panel-footer + .panel-collapse > .panel-body {
5830
- border-bottom-color: #d6e9c6;
5831
- }
5832
- .ycd-bootstrap-wrapper .panel-info {
5833
- border-color: #bce8f1;
5834
- }
5835
- .ycd-bootstrap-wrapper .panel-info > .panel-heading {
5836
- color: #31708f;
5837
- background-color: #d9edf7;
5838
- border-color: #bce8f1;
5839
- }
5840
- .ycd-bootstrap-wrapper .panel-info > .panel-heading + .panel-collapse > .panel-body {
5841
- border-top-color: #bce8f1;
5842
- }
5843
- .ycd-bootstrap-wrapper .panel-info > .panel-heading .badge {
5844
- color: #d9edf7;
5845
- background-color: #31708f;
5846
- }
5847
- .ycd-bootstrap-wrapper .panel-info > .panel-footer + .panel-collapse > .panel-body {
5848
- border-bottom-color: #bce8f1;
5849
- }
5850
- .ycd-bootstrap-wrapper .panel-warning {
5851
- border-color: #faebcc;
5852
- }
5853
- .ycd-bootstrap-wrapper .panel-warning > .panel-heading {
5854
- color: #8a6d3b;
5855
- background-color: #fcf8e3;
5856
- border-color: #faebcc;
5857
- }
5858
- .ycd-bootstrap-wrapper .panel-warning > .panel-heading + .panel-collapse > .panel-body {
5859
- border-top-color: #faebcc;
5860
- }
5861
- .ycd-bootstrap-wrapper .panel-warning > .panel-heading .badge {
5862
- color: #fcf8e3;
5863
- background-color: #8a6d3b;
5864
- }
5865
- .ycd-bootstrap-wrapper .panel-warning > .panel-footer + .panel-collapse > .panel-body {
5866
- border-bottom-color: #faebcc;
5867
- }
5868
- .ycd-bootstrap-wrapper .panel-danger {
5869
- border-color: #ebccd1;
5870
- }
5871
- .ycd-bootstrap-wrapper .panel-danger > .panel-heading {
5872
- color: #a94442;
5873
- background-color: #f2dede;
5874
- border-color: #ebccd1;
5875
- }
5876
- .ycd-bootstrap-wrapper .panel-danger > .panel-heading + .panel-collapse > .panel-body {
5877
- border-top-color: #ebccd1;
5878
- }
5879
- .ycd-bootstrap-wrapper .panel-danger > .panel-heading .badge {
5880
- color: #f2dede;
5881
- background-color: #a94442;
5882
- }
5883
- .ycd-bootstrap-wrapper .panel-danger > .panel-footer + .panel-collapse > .panel-body {
5884
- border-bottom-color: #ebccd1;
5885
- }
5886
- .ycd-bootstrap-wrapper .embed-responsive {
5887
- position: relative;
5888
- display: block;
5889
- height: 0;
5890
- padding: 0;
5891
- overflow: hidden;
5892
- }
5893
- .ycd-bootstrap-wrapper .embed-responsive .embed-responsive-item,
5894
- .ycd-bootstrap-wrapper .embed-responsive iframe,
5895
- .ycd-bootstrap-wrapper .embed-responsive embed,
5896
- .ycd-bootstrap-wrapper .embed-responsive object,
5897
- .ycd-bootstrap-wrapper .embed-responsive video {
5898
- position: absolute;
5899
- top: 0;
5900
- bottom: 0;
5901
- left: 0;
5902
- width: 100%;
5903
- height: 100%;
5904
- border: 0;
5905
- }
5906
- .ycd-bootstrap-wrapper .embed-responsive-16by9 {
5907
- padding-bottom: 56.25%;
5908
- }
5909
- .ycd-bootstrap-wrapper .embed-responsive-4by3 {
5910
- padding-bottom: 75%;
5911
- }
5912
- .ycd-bootstrap-wrapper .well {
5913
- min-height: 20px;
5914
- padding: 19px;
5915
- margin-bottom: 20px;
5916
- background-color: #f5f5f5;
5917
- border: 1px solid #e3e3e3;
5918
- border-radius: 4px;
5919
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
5920
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
5921
- }
5922
- .ycd-bootstrap-wrapper .well blockquote {
5923
- border-color: #ddd;
5924
- border-color: rgba(0, 0, 0, 0.15);
5925
- }
5926
- .ycd-bootstrap-wrapper .well-lg {
5927
- padding: 24px;
5928
- border-radius: 6px;
5929
- }
5930
- .ycd-bootstrap-wrapper .well-sm {
5931
- padding: 9px;
5932
- border-radius: 3px;
5933
- }
5934
- .ycd-bootstrap-wrapper .close {
5935
- float: right;
5936
- font-size: 21px;
5937
- font-weight: bold;
5938
- line-height: 1;
5939
- color: #000;
5940
- text-shadow: 0 1px 0 #fff;
5941
- filter: alpha(opacity=20);
5942
- opacity: .2;
5943
- }
5944
- .ycd-bootstrap-wrapper .close:hover,
5945
- .ycd-bootstrap-wrapper .close:focus {
5946
- color: #000;
5947
- text-decoration: none;
5948
- cursor: pointer;
5949
- filter: alpha(opacity=50);
5950
- opacity: .5;
5951
- }
5952
- .ycd-bootstrap-wrapper button.close {
5953
- -webkit-appearance: none;
5954
- padding: 0;
5955
- cursor: pointer;
5956
- background: transparent;
5957
- border: 0;
5958
- }
5959
- .ycd-bootstrap-wrapper .modal-open {
5960
- overflow: hidden;
5961
- }
5962
- .ycd-bootstrap-wrapper .modal {
5963
- position: fixed;
5964
- top: 0;
5965
- right: 0;
5966
- bottom: 0;
5967
- left: 0;
5968
- z-index: 1050;
5969
- display: none;
5970
- overflow: hidden;
5971
- -webkit-overflow-scrolling: touch;
5972
- outline: 0;
5973
- }
5974
- .ycd-bootstrap-wrapper .modal.fade .modal-dialog {
5975
- -webkit-transition: -webkit-transform 0.3s ease-out;
5976
- -o-transition: -o-transform 0.3s ease-out;
5977
- transition: transform 0.3s ease-out;
5978
- -webkit-transform: translate(0, -25%);
5979
- -ms-transform: translate(0, -25%);
5980
- -o-transform: translate(0, -25%);
5981
- transform: translate(0, -25%);
5982
- }
5983
- .ycd-bootstrap-wrapper .modal.in .modal-dialog {
5984
- -webkit-transform: translate(0, 0);
5985
- -ms-transform: translate(0, 0);
5986
- -o-transform: translate(0, 0);
5987
- transform: translate(0, 0);
5988
- }
5989
- .ycd-bootstrap-wrapper .modal-open .modal {
5990
- overflow-x: hidden;
5991
- overflow-y: auto;
5992
- }
5993
- .ycd-bootstrap-wrapper .modal-dialog {
5994
- position: relative;
5995
- width: auto;
5996
- margin: 10px;
5997
- }
5998
- .ycd-bootstrap-wrapper .modal-content {
5999
- position: relative;
6000
- background-color: #fff;
6001
- -webkit-background-clip: padding-box;
6002
- background-clip: padding-box;
6003
- border: 1px solid #999;
6004
- border: 1px solid rgba(0, 0, 0, 0.2);
6005
- border-radius: 6px;
6006
- outline: 0;
6007
- -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
6008
- box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
6009
- }
6010
- .ycd-bootstrap-wrapper .modal-backdrop {
6011
- position: fixed;
6012
- top: 0;
6013
- right: 0;
6014
- bottom: 0;
6015
- left: 0;
6016
- z-index: 1040;
6017
- background-color: #000;
6018
- }
6019
- .ycd-bootstrap-wrapper .modal-backdrop.fade {
6020
- filter: alpha(opacity=0);
6021
- opacity: 0;
6022
- }
6023
- .ycd-bootstrap-wrapper .modal-backdrop.in {
6024
- filter: alpha(opacity=50);
6025
- opacity: .5;
6026
- }
6027
- .ycd-bootstrap-wrapper .modal-header {
6028
- padding: 15px;
6029
- border-bottom: 1px solid #e5e5e5;
6030
- }
6031
- .ycd-bootstrap-wrapper .modal-header .close {
6032
- margin-top: -2px;
6033
- }
6034
- .ycd-bootstrap-wrapper .modal-title {
6035
- margin: 0;
6036
- line-height: 1.42857143;
6037
- }
6038
- .ycd-bootstrap-wrapper .modal-body {
6039
- position: relative;
6040
- padding: 15px;
6041
- }
6042
- .ycd-bootstrap-wrapper .modal-footer {
6043
- padding: 15px;
6044
- text-align: right;
6045
- border-top: 1px solid #e5e5e5;
6046
- }
6047
- .ycd-bootstrap-wrapper .modal-footer .btn + .btn {
6048
- margin-bottom: 0;
6049
- margin-left: 5px;
6050
- }
6051
- .ycd-bootstrap-wrapper .modal-footer .btn-group .btn + .btn {
6052
- margin-left: -1px;
6053
- }
6054
- .ycd-bootstrap-wrapper .modal-footer .btn-block + .btn-block {
6055
- margin-left: 0;
6056
- }
6057
- .ycd-bootstrap-wrapper .modal-scrollbar-measure {
6058
- position: absolute;
6059
- top: -9999px;
6060
- width: 50px;
6061
- height: 50px;
6062
- overflow: scroll;
6063
- }
6064
- @media (min-width: 768px) {
6065
- .ycd-bootstrap-wrapper .modal-dialog {
6066
- width: 600px;
6067
- margin: 30px auto;
6068
- }
6069
- .ycd-bootstrap-wrapper .modal-content {
6070
- -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
6071
- box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
6072
- }
6073
- .ycd-bootstrap-wrapper .modal-sm {
6074
- width: 300px;
6075
- }
6076
- }
6077
- @media (min-width: 992px) {
6078
- .ycd-bootstrap-wrapper .modal-lg {
6079
- width: 900px;
6080
- }
6081
- }
6082
- .ycd-bootstrap-wrapper .tooltip {
6083
- position: absolute;
6084
- z-index: 1070;
6085
- display: block;
6086
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
6087
- font-size: 12px;
6088
- font-style: normal;
6089
- font-weight: normal;
6090
- line-height: 1.42857143;
6091
- text-align: left;
6092
- text-align: start;
6093
- text-decoration: none;
6094
- text-shadow: none;
6095
- text-transform: none;
6096
- letter-spacing: normal;
6097
- word-break: normal;
6098
- word-spacing: normal;
6099
- word-wrap: normal;
6100
- white-space: normal;
6101
- filter: alpha(opacity=0);
6102
- opacity: 0;
6103
- line-break: auto;
6104
- }
6105
- .ycd-bootstrap-wrapper .tooltip.in {
6106
- filter: alpha(opacity=90);
6107
- opacity: .9;
6108
- }
6109
- .ycd-bootstrap-wrapper .tooltip.top {
6110
- padding: 5px 0;
6111
- margin-top: -3px;
6112
- }
6113
- .ycd-bootstrap-wrapper .tooltip.right {
6114
- padding: 0 5px;
6115
- margin-left: 3px;
6116
- }
6117
- .ycd-bootstrap-wrapper .tooltip.bottom {
6118
- padding: 5px 0;
6119
- margin-top: 3px;
6120
- }
6121
- .ycd-bootstrap-wrapper .tooltip.left {
6122
- padding: 0 5px;
6123
- margin-left: -3px;
6124
- }
6125
- .ycd-bootstrap-wrapper .tooltip-inner {
6126
- max-width: 200px;
6127
- padding: 3px 8px;
6128
- color: #fff;
6129
- text-align: center;
6130
- background-color: #000;
6131
- border-radius: 4px;
6132
- }
6133
- .ycd-bootstrap-wrapper .tooltip-arrow {
6134
- position: absolute;
6135
- width: 0;
6136
- height: 0;
6137
- border-color: transparent;
6138
- border-style: solid;
6139
- }
6140
- .ycd-bootstrap-wrapper .tooltip.top .tooltip-arrow {
6141
- bottom: 0;
6142
- left: 50%;
6143
- margin-left: -5px;
6144
- border-width: 5px 5px 0;
6145
- border-top-color: #000;
6146
- }
6147
- .ycd-bootstrap-wrapper .tooltip.top-left .tooltip-arrow {
6148
- right: 5px;
6149
- bottom: 0;
6150
- margin-bottom: -5px;
6151
- border-width: 5px 5px 0;
6152
- border-top-color: #000;
6153
- }
6154
- .ycd-bootstrap-wrapper .tooltip.top-right .tooltip-arrow {
6155
- bottom: 0;
6156
- left: 5px;
6157
- margin-bottom: -5px;
6158
- border-width: 5px 5px 0;
6159
- border-top-color: #000;
6160
- }
6161
- .ycd-bootstrap-wrapper .tooltip.right .tooltip-arrow {
6162
- top: 50%;
6163
- left: 0;
6164
- margin-top: -5px;
6165
- border-width: 5px 5px 5px 0;
6166
- border-right-color: #000;
6167
- }
6168
- .ycd-bootstrap-wrapper .tooltip.left .tooltip-arrow {
6169
- top: 50%;
6170
- right: 0;
6171
- margin-top: -5px;
6172
- border-width: 5px 0 5px 5px;
6173
- border-left-color: #000;
6174
- }
6175
- .ycd-bootstrap-wrapper .tooltip.bottom .tooltip-arrow {
6176
- top: 0;
6177
- left: 50%;
6178
- margin-left: -5px;
6179
- border-width: 0 5px 5px;
6180
- border-bottom-color: #000;
6181
- }
6182
- .ycd-bootstrap-wrapper .tooltip.bottom-left .tooltip-arrow {
6183
- top: 0;
6184
- right: 5px;
6185
- margin-top: -5px;
6186
- border-width: 0 5px 5px;
6187
- border-bottom-color: #000;
6188
- }
6189
- .ycd-bootstrap-wrapper .tooltip.bottom-right .tooltip-arrow {
6190
- top: 0;
6191
- left: 5px;
6192
- margin-top: -5px;
6193
- border-width: 0 5px 5px;
6194
- border-bottom-color: #000;
6195
- }
6196
- .ycd-bootstrap-wrapper .popover {
6197
- position: absolute;
6198
- top: 0;
6199
- left: 0;
6200
- z-index: 1060;
6201
- display: none;
6202
- max-width: 276px;
6203
- padding: 1px;
6204
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
6205
- font-size: 14px;
6206
- font-style: normal;
6207
- font-weight: normal;
6208
- line-height: 1.42857143;
6209
- text-align: left;
6210
- text-align: start;
6211
- text-decoration: none;
6212
- text-shadow: none;
6213
- text-transform: none;
6214
- letter-spacing: normal;
6215
- word-break: normal;
6216
- word-spacing: normal;
6217
- word-wrap: normal;
6218
- white-space: normal;
6219
- background-color: #fff;
6220
- -webkit-background-clip: padding-box;
6221
- background-clip: padding-box;
6222
- border: 1px solid #ccc;
6223
- border: 1px solid rgba(0, 0, 0, 0.2);
6224
- border-radius: 6px;
6225
- -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
6226
- box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
6227
- line-break: auto;
6228
- }
6229
- .ycd-bootstrap-wrapper .popover.top {
6230
- margin-top: -10px;
6231
- }
6232
- .ycd-bootstrap-wrapper .popover.right {
6233
- margin-left: 10px;
6234
- }
6235
- .ycd-bootstrap-wrapper .popover.bottom {
6236
- margin-top: 10px;
6237
- }
6238
- .ycd-bootstrap-wrapper .popover.left {
6239
- margin-left: -10px;
6240
- }
6241
- .ycd-bootstrap-wrapper .popover-title {
6242
- padding: 8px 14px;
6243
- margin: 0;
6244
- font-size: 14px;
6245
- background-color: #f7f7f7;
6246
- border-bottom: 1px solid #ebebeb;
6247
- border-radius: 5px 5px 0 0;
6248
- }
6249
- .ycd-bootstrap-wrapper .popover-content {
6250
- padding: 9px 14px;
6251
- }
6252
- .ycd-bootstrap-wrapper .popover > .arrow,
6253
- .ycd-bootstrap-wrapper .popover > .arrow:after {
6254
- position: absolute;
6255
- display: block;
6256
- width: 0;
6257
- height: 0;
6258
- border-color: transparent;
6259
- border-style: solid;
6260
- }
6261
- .ycd-bootstrap-wrapper .popover > .arrow {
6262
- border-width: 11px;
6263
- }
6264
- .ycd-bootstrap-wrapper .popover > .arrow:after {
6265
- content: "";
6266
- border-width: 10px;
6267
- }
6268
- .ycd-bootstrap-wrapper .popover.top > .arrow {
6269
- bottom: -11px;
6270
- left: 50%;
6271
- margin-left: -11px;
6272
- border-top-color: #999;
6273
- border-top-color: rgba(0, 0, 0, 0.25);
6274
- border-bottom-width: 0;
6275
- }
6276
- .ycd-bootstrap-wrapper .popover.top > .arrow:after {
6277
- bottom: 1px;
6278
- margin-left: -10px;
6279
- content: " ";
6280
- border-top-color: #fff;
6281
- border-bottom-width: 0;
6282
- }
6283
- .ycd-bootstrap-wrapper .popover.right > .arrow {
6284
- top: 50%;
6285
- left: -11px;
6286
- margin-top: -11px;
6287
- border-right-color: #999;
6288
- border-right-color: rgba(0, 0, 0, 0.25);
6289
- border-left-width: 0;
6290
- }
6291
- .ycd-bootstrap-wrapper .popover.right > .arrow:after {
6292
- bottom: -10px;
6293
- left: 1px;
6294
- content: " ";
6295
- border-right-color: #fff;
6296
- border-left-width: 0;
6297
- }
6298
- .ycd-bootstrap-wrapper .popover.bottom > .arrow {
6299
- top: -11px;
6300
- left: 50%;
6301
- margin-left: -11px;
6302
- border-top-width: 0;
6303
- border-bottom-color: #999;
6304
- border-bottom-color: rgba(0, 0, 0, 0.25);
6305
- }
6306
- .ycd-bootstrap-wrapper .popover.bottom > .arrow:after {
6307
- top: 1px;
6308
- margin-left: -10px;
6309
- content: " ";
6310
- border-top-width: 0;
6311
- border-bottom-color: #fff;
6312
- }
6313
- .ycd-bootstrap-wrapper .popover.left > .arrow {
6314
- top: 50%;
6315
- right: -11px;
6316
- margin-top: -11px;
6317
- border-right-width: 0;
6318
- border-left-color: #999;
6319
- border-left-color: rgba(0, 0, 0, 0.25);
6320
- }
6321
- .ycd-bootstrap-wrapper .popover.left > .arrow:after {
6322
- right: 1px;
6323
- bottom: -10px;
6324
- content: " ";
6325
- border-right-width: 0;
6326
- border-left-color: #fff;
6327
- }
6328
- .ycd-bootstrap-wrapper .carousel {
6329
- position: relative;
6330
- }
6331
- .ycd-bootstrap-wrapper .carousel-inner {
6332
- position: relative;
6333
- width: 100%;
6334
- overflow: hidden;
6335
- }
6336
- .ycd-bootstrap-wrapper .carousel-inner > .item {
6337
- position: relative;
6338
- display: none;
6339
- -webkit-transition: 0.6s ease-in-out left;
6340
- -o-transition: 0.6s ease-in-out left;
6341
- transition: 0.6s ease-in-out left;
6342
- }
6343
- .ycd-bootstrap-wrapper .carousel-inner > .item > img,
6344
- .ycd-bootstrap-wrapper .carousel-inner > .item > a > img {
6345
- line-height: 1;
6346
- }
6347
- @media all and (transform-3d), (-webkit-transform-3d) {
6348
- .ycd-bootstrap-wrapper .carousel-inner > .item {
6349
- -webkit-transition: -webkit-transform 0.6s ease-in-out;
6350
- -o-transition: -o-transform 0.6s ease-in-out;
6351
- transition: transform 0.6s ease-in-out;
6352
- -webkit-backface-visibility: hidden;
6353
- backface-visibility: hidden;
6354
- -webkit-perspective: 1000px;
6355
- perspective: 1000px;
6356
- }
6357
- .ycd-bootstrap-wrapper .carousel-inner > .item.next,
6358
- .ycd-bootstrap-wrapper .carousel-inner > .item.active.right {
6359
- left: 0;
6360
- -webkit-transform: translate3d(100%, 0, 0);
6361
- transform: translate3d(100%, 0, 0);
6362
- }
6363
- .ycd-bootstrap-wrapper .carousel-inner > .item.prev,
6364
- .ycd-bootstrap-wrapper .carousel-inner > .item.active.left {
6365
- left: 0;
6366
- -webkit-transform: translate3d(-100%, 0, 0);
6367
- transform: translate3d(-100%, 0, 0);
6368
- }
6369
- .ycd-bootstrap-wrapper .carousel-inner > .item.next.left,
6370
- .ycd-bootstrap-wrapper .carousel-inner > .item.prev.right,
6371
- .ycd-bootstrap-wrapper .carousel-inner > .item.active {
6372
- left: 0;
6373
- -webkit-transform: translate3d(0, 0, 0);
6374
- transform: translate3d(0, 0, 0);
6375
- }
6376
- }
6377
- .ycd-bootstrap-wrapper .carousel-inner > .active,
6378
- .ycd-bootstrap-wrapper .carousel-inner > .next,
6379
- .ycd-bootstrap-wrapper .carousel-inner > .prev {
6380
- display: block;
6381
- }
6382
- .ycd-bootstrap-wrapper .carousel-inner > .active {
6383
- left: 0;
6384
- }
6385
- .ycd-bootstrap-wrapper .carousel-inner > .next,
6386
- .ycd-bootstrap-wrapper .carousel-inner > .prev {
6387
- position: absolute;
6388
- top: 0;
6389
- width: 100%;
6390
- }
6391
- .ycd-bootstrap-wrapper .carousel-inner > .next {
6392
- left: 100%;
6393
- }
6394
- .ycd-bootstrap-wrapper .carousel-inner > .prev {
6395
- left: -100%;
6396
- }
6397
- .ycd-bootstrap-wrapper .carousel-inner > .next.left,
6398
- .ycd-bootstrap-wrapper .carousel-inner > .prev.right {
6399
- left: 0;
6400
- }
6401
- .ycd-bootstrap-wrapper .carousel-inner > .active.left {
6402
- left: -100%;
6403
- }
6404
- .ycd-bootstrap-wrapper .carousel-inner > .active.right {
6405
- left: 100%;
6406
- }
6407
- .ycd-bootstrap-wrapper .carousel-control {
6408
- position: absolute;
6409
- top: 0;
6410
- bottom: 0;
6411
- left: 0;
6412
- width: 15%;
6413
- font-size: 20px;
6414
- color: #fff;
6415
- text-align: center;
6416
- text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
6417
- background-color: rgba(0, 0, 0, 0);
6418
- filter: alpha(opacity=50);
6419
- opacity: .5;
6420
- }
6421
- .ycd-bootstrap-wrapper .carousel-control.left {
6422
- background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
6423
- background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
6424
- background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
6425
- background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
6426
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
6427
- background-repeat: repeat-x;
6428
- }
6429
- .ycd-bootstrap-wrapper .carousel-control.right {
6430
- right: 0;
6431
- left: auto;
6432
- background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
6433
- background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
6434
- background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
6435
- background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
6436
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
6437
- background-repeat: repeat-x;
6438
- }
6439
- .ycd-bootstrap-wrapper .carousel-control:hover,
6440
- .ycd-bootstrap-wrapper .carousel-control:focus {
6441
- color: #fff;
6442
- text-decoration: none;
6443
- filter: alpha(opacity=90);
6444
- outline: 0;
6445
- opacity: .9;
6446
- }
6447
- .ycd-bootstrap-wrapper .carousel-control .icon-prev,
6448
- .ycd-bootstrap-wrapper .carousel-control .icon-next,
6449
- .ycd-bootstrap-wrapper .carousel-control .glyphicon-chevron-left,
6450
- .ycd-bootstrap-wrapper .carousel-control .glyphicon-chevron-right {
6451
- position: absolute;
6452
- top: 50%;
6453
- z-index: 5;
6454
- display: inline-block;
6455
- margin-top: -10px;
6456
- }
6457
- .ycd-bootstrap-wrapper .carousel-control .icon-prev,
6458
- .ycd-bootstrap-wrapper .carousel-control .glyphicon-chevron-left {
6459
- left: 50%;
6460
- margin-left: -10px;
6461
- }
6462
- .ycd-bootstrap-wrapper .carousel-control .icon-next,
6463
- .ycd-bootstrap-wrapper .carousel-control .glyphicon-chevron-right {
6464
- right: 50%;
6465
- margin-right: -10px;
6466
- }
6467
- .ycd-bootstrap-wrapper .carousel-control .icon-prev,
6468
- .ycd-bootstrap-wrapper .carousel-control .icon-next {
6469
- width: 20px;
6470
- height: 20px;
6471
- font-family: serif;
6472
- line-height: 1;
6473
- }
6474
- .ycd-bootstrap-wrapper .carousel-control .icon-prev:before {
6475
- content: '\2039';
6476
- }
6477
- .ycd-bootstrap-wrapper .carousel-control .icon-next:before {
6478
- content: '\203a';
6479
- }
6480
- .ycd-bootstrap-wrapper .carousel-indicators {
6481
- position: absolute;
6482
- bottom: 10px;
6483
- left: 50%;
6484
- z-index: 15;
6485
- width: 60%;
6486
- padding-left: 0;
6487
- margin-left: -30%;
6488
- text-align: center;
6489
- list-style: none;
6490
- }
6491
- .ycd-bootstrap-wrapper .carousel-indicators li {
6492
- display: inline-block;
6493
- width: 10px;
6494
- height: 10px;
6495
- margin: 1px;
6496
- text-indent: -999px;
6497
- cursor: pointer;
6498
- background-color: #000 \9;
6499
- background-color: rgba(0, 0, 0, 0);
6500
- border: 1px solid #fff;
6501
- border-radius: 10px;
6502
- }
6503
- .ycd-bootstrap-wrapper .carousel-indicators .active {
6504
- width: 12px;
6505
- height: 12px;
6506
- margin: 0;
6507
- background-color: #fff;
6508
- }
6509
- .ycd-bootstrap-wrapper .carousel-caption {
6510
- position: absolute;
6511
- right: 15%;
6512
- bottom: 20px;
6513
- left: 15%;
6514
- z-index: 10;
6515
- padding-top: 20px;
6516
- padding-bottom: 20px;
6517
- color: #fff;
6518
- text-align: center;
6519
- text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
6520
- }
6521
- .ycd-bootstrap-wrapper .carousel-caption .btn {
6522
- text-shadow: none;
6523
- }
6524
- @media screen and (min-width: 768px) {
6525
- .ycd-bootstrap-wrapper .carousel-control .glyphicon-chevron-left,
6526
- .ycd-bootstrap-wrapper .carousel-control .glyphicon-chevron-right,
6527
- .ycd-bootstrap-wrapper .carousel-control .icon-prev,
6528
- .ycd-bootstrap-wrapper .carousel-control .icon-next {
6529
- width: 30px;
6530
- height: 30px;
6531
- margin-top: -10px;
6532
- font-size: 30px;
6533
- }
6534
- .ycd-bootstrap-wrapper .carousel-control .glyphicon-chevron-left,
6535
- .ycd-bootstrap-wrapper .carousel-control .icon-prev {
6536
- margin-left: -10px;
6537
- }
6538
- .ycd-bootstrap-wrapper .carousel-control .glyphicon-chevron-right,
6539
- .ycd-bootstrap-wrapper .carousel-control .icon-next {
6540
- margin-right: -10px;
6541
- }
6542
- .ycd-bootstrap-wrapper .carousel-caption {
6543
- right: 20%;
6544
- left: 20%;
6545
- padding-bottom: 30px;
6546
- }
6547
- .ycd-bootstrap-wrapper .carousel-indicators {
6548
- bottom: 20px;
6549
- }
6550
- }
6551
- .ycd-bootstrap-wrapper .clearfix:before,
6552
- .ycd-bootstrap-wrapper .clearfix:after,
6553
- .ycd-bootstrap-wrapper .dl-horizontal dd:before,
6554
- .ycd-bootstrap-wrapper .dl-horizontal dd:after,
6555
- .ycd-bootstrap-wrapper .container:before,
6556
- .ycd-bootstrap-wrapper .container:after,
6557
- .ycd-bootstrap-wrapper .container-fluid:before,
6558
- .ycd-bootstrap-wrapper .container-fluid:after,
6559
- .ycd-bootstrap-wrapper .row:before,
6560
- .ycd-bootstrap-wrapper .row:after,
6561
- .ycd-bootstrap-wrapper .form-horizontal .form-group:before,
6562
- .ycd-bootstrap-wrapper .form-horizontal .form-group:after,
6563
- .ycd-bootstrap-wrapper .btn-toolbar:before,
6564
- .ycd-bootstrap-wrapper .btn-toolbar:after,
6565
- .ycd-bootstrap-wrapper .btn-group-vertical > .btn-group:before,
6566
- .ycd-bootstrap-wrapper .btn-group-vertical > .btn-group:after,
6567
- .ycd-bootstrap-wrapper .nav:before,
6568
- .ycd-bootstrap-wrapper .nav:after,
6569
- .ycd-bootstrap-wrapper .navbar:before,
6570
- .ycd-bootstrap-wrapper .navbar:after,
6571
- .ycd-bootstrap-wrapper .navbar-header:before,
6572
- .ycd-bootstrap-wrapper .navbar-header:after,
6573
- .ycd-bootstrap-wrapper .navbar-collapse:before,
6574
- .ycd-bootstrap-wrapper .navbar-collapse:after,
6575
- .ycd-bootstrap-wrapper .pager:before,
6576
- .ycd-bootstrap-wrapper .pager:after,
6577
- .ycd-bootstrap-wrapper .panel-body:before,
6578
- .ycd-bootstrap-wrapper .panel-body:after,
6579
- .ycd-bootstrap-wrapper .modal-header:before,
6580
- .ycd-bootstrap-wrapper .modal-header:after,
6581
- .ycd-bootstrap-wrapper .modal-footer:before,
6582
- .ycd-bootstrap-wrapper .modal-footer:after {
6583
- display: table;
6584
- content: " ";
6585
- }
6586
- .ycd-bootstrap-wrapper .clearfix:after,
6587
- .ycd-bootstrap-wrapper .dl-horizontal dd:after,
6588
- .ycd-bootstrap-wrapper .container:after,
6589
- .ycd-bootstrap-wrapper .container-fluid:after,
6590
- .ycd-bootstrap-wrapper .row:after,
6591
- .ycd-bootstrap-wrapper .form-horizontal .form-group:after,
6592
- .ycd-bootstrap-wrapper .btn-toolbar:after,
6593
- .ycd-bootstrap-wrapper .btn-group-vertical > .btn-group:after,
6594
- .ycd-bootstrap-wrapper .nav:after,
6595
- .ycd-bootstrap-wrapper .navbar:after,
6596
- .ycd-bootstrap-wrapper .navbar-header:after,
6597
- .ycd-bootstrap-wrapper .navbar-collapse:after,
6598
- .ycd-bootstrap-wrapper .pager:after,
6599
- .ycd-bootstrap-wrapper .panel-body:after,
6600
- .ycd-bootstrap-wrapper .modal-header:after,
6601
- .ycd-bootstrap-wrapper .modal-footer:after {
6602
- clear: both;
6603
- }
6604
- .ycd-bootstrap-wrapper .center-block {
6605
- display: block;
6606
- margin-right: auto;
6607
- margin-left: auto;
6608
- }
6609
- .ycd-bootstrap-wrapper .pull-right {
6610
- float: right !important;
6611
- }
6612
- .ycd-bootstrap-wrapper .pull-left {
6613
- float: left !important;
6614
- }
6615
- .ycd-bootstrap-wrapper .hide {
6616
- display: none !important;
6617
- }
6618
- .ycd-bootstrap-wrapper .show {
6619
- display: block !important;
6620
- }
6621
- .ycd-bootstrap-wrapper .invisible {
6622
- visibility: hidden;
6623
- }
6624
- .ycd-bootstrap-wrapper .text-hide {
6625
- font: 0/0 a;
6626
- color: transparent;
6627
- text-shadow: none;
6628
- background-color: transparent;
6629
- border: 0;
6630
- }
6631
- .ycd-bootstrap-wrapper .hidden {
6632
- display: none !important;
6633
- }
6634
- .ycd-bootstrap-wrapper .affix {
6635
- position: fixed;
6636
- }
6637
- @-ms-viewport {
6638
- width: device-width;
6639
- }
6640
- .ycd-bootstrap-wrapper .visible-xs,
6641
- .ycd-bootstrap-wrapper .visible-sm,
6642
- .ycd-bootstrap-wrapper .visible-md,
6643
- .ycd-bootstrap-wrapper .visible-lg {
6644
- display: none !important;
6645
- }
6646
- .ycd-bootstrap-wrapper .visible-xs-block,
6647
- .ycd-bootstrap-wrapper .visible-xs-inline,
6648
- .ycd-bootstrap-wrapper .visible-xs-inline-block,
6649
- .ycd-bootstrap-wrapper .visible-sm-block,
6650
- .ycd-bootstrap-wrapper .visible-sm-inline,
6651
- .ycd-bootstrap-wrapper .visible-sm-inline-block,
6652
- .ycd-bootstrap-wrapper .visible-md-block,
6653
- .ycd-bootstrap-wrapper .visible-md-inline,
6654
- .ycd-bootstrap-wrapper .visible-md-inline-block,
6655
- .ycd-bootstrap-wrapper .visible-lg-block,
6656
- .ycd-bootstrap-wrapper .visible-lg-inline,
6657
- .ycd-bootstrap-wrapper .visible-lg-inline-block {
6658
- display: none !important;
6659
- }
6660
- @media (max-width: 767px) {
6661
- .ycd-bootstrap-wrapper .visible-xs {
6662
- display: block !important;
6663
- }
6664
- .ycd-bootstrap-wrapper table.visible-xs {
6665
- display: table !important;
6666
- }
6667
- .ycd-bootstrap-wrapper tr.visible-xs {
6668
- display: table-row !important;
6669
- }
6670
- .ycd-bootstrap-wrapper th.visible-xs,
6671
- .ycd-bootstrap-wrapper td.visible-xs {
6672
- display: table-cell !important;
6673
- }
6674
- }
6675
- @media (max-width: 767px) {
6676
- .ycd-bootstrap-wrapper .visible-xs-block {
6677
- display: block !important;
6678
- }
6679
- }
6680
- @media (max-width: 767px) {
6681
- .ycd-bootstrap-wrapper .visible-xs-inline {
6682
- display: inline !important;
6683
- }
6684
- }
6685
- @media (max-width: 767px) {
6686
- .ycd-bootstrap-wrapper .visible-xs-inline-block {
6687
- display: inline-block !important;
6688
- }
6689
- }
6690
- @media (min-width: 768px) and (max-width: 991px) {
6691
- .ycd-bootstrap-wrapper .visible-sm {
6692
- display: block !important;
6693
- }
6694
- .ycd-bootstrap-wrapper table.visible-sm {
6695
- display: table !important;
6696
- }
6697
- .ycd-bootstrap-wrapper tr.visible-sm {
6698
- display: table-row !important;
6699
- }
6700
- .ycd-bootstrap-wrapper th.visible-sm,
6701
- .ycd-bootstrap-wrapper td.visible-sm {
6702
- display: table-cell !important;
6703
- }
6704
- }
6705
- @media (min-width: 768px) and (max-width: 991px) {
6706
- .ycd-bootstrap-wrapper .visible-sm-block {
6707
- display: block !important;
6708
- }
6709
- }
6710
- @media (min-width: 768px) and (max-width: 991px) {
6711
- .ycd-bootstrap-wrapper .visible-sm-inline {
6712
- display: inline !important;
6713
- }
6714
- }
6715
- @media (min-width: 768px) and (max-width: 991px) {
6716
- .ycd-bootstrap-wrapper .visible-sm-inline-block {
6717
- display: inline-block !important;
6718
- }
6719
- }
6720
- @media (min-width: 992px) and (max-width: 1199px) {
6721
- .ycd-bootstrap-wrapper .visible-md {
6722
- display: block !important;
6723
- }
6724
- .ycd-bootstrap-wrapper table.visible-md {
6725
- display: table !important;
6726
- }
6727
- .ycd-bootstrap-wrapper tr.visible-md {
6728
- display: table-row !important;
6729
- }
6730
- .ycd-bootstrap-wrapper th.visible-md,
6731
- .ycd-bootstrap-wrapper td.visible-md {
6732
- display: table-cell !important;
6733
- }
6734
- }
6735
- @media (min-width: 992px) and (max-width: 1199px) {
6736
- .ycd-bootstrap-wrapper .visible-md-block {
6737
- display: block !important;
6738
- }
6739
- }
6740
- @media (min-width: 992px) and (max-width: 1199px) {
6741
- .ycd-bootstrap-wrapper .visible-md-inline {
6742
- display: inline !important;
6743
- }
6744
- }
6745
- @media (min-width: 992px) and (max-width: 1199px) {
6746
- .ycd-bootstrap-wrapper .visible-md-inline-block {
6747
- display: inline-block !important;
6748
- }
6749
- }
6750
- @media (min-width: 1200px) {
6751
- .ycd-bootstrap-wrapper .visible-lg {
6752
- display: block !important;
6753
- }
6754
- .ycd-bootstrap-wrapper table.visible-lg {
6755
- display: table !important;
6756
- }
6757
- .ycd-bootstrap-wrapper tr.visible-lg {
6758
- display: table-row !important;
6759
- }
6760
- .ycd-bootstrap-wrapper th.visible-lg,
6761
- .ycd-bootstrap-wrapper td.visible-lg {
6762
- display: table-cell !important;
6763
- }
6764
- }
6765
- @media (min-width: 1200px) {
6766
- .ycd-bootstrap-wrapper .visible-lg-block {
6767
- display: block !important;
6768
- }
6769
- }
6770
- @media (min-width: 1200px) {
6771
- .ycd-bootstrap-wrapper .visible-lg-inline {
6772
- display: inline !important;
6773
- }
6774
- }
6775
- @media (min-width: 1200px) {
6776
- .ycd-bootstrap-wrapper .visible-lg-inline-block {
6777
- display: inline-block !important;
6778
- }
6779
- }
6780
- @media (max-width: 767px) {
6781
- .ycd-bootstrap-wrapper .hidden-xs {
6782
- display: none !important;
6783
- }
6784
- }
6785
- @media (min-width: 768px) and (max-width: 991px) {
6786
- .ycd-bootstrap-wrapper .hidden-sm {
6787
- display: none !important;
6788
- }
6789
- }
6790
- @media (min-width: 992px) and (max-width: 1199px) {
6791
- .ycd-bootstrap-wrapper .hidden-md {
6792
- display: none !important;
6793
- }
6794
- }
6795
- @media (min-width: 1200px) {
6796
- .ycd-bootstrap-wrapper .hidden-lg {
6797
- display: none !important;
6798
- }
6799
- }
6800
- .ycd-bootstrap-wrapper .visible-print {
6801
- display: none !important;
6802
- }
6803
- @media print {
6804
- .ycd-bootstrap-wrapper .visible-print {
6805
- display: block !important;
6806
- }
6807
- .ycd-bootstrap-wrapper table.visible-print {
6808
- display: table !important;
6809
- }
6810
- .ycd-bootstrap-wrapper tr.visible-print {
6811
- display: table-row !important;
6812
- }
6813
- .ycd-bootstrap-wrapper th.visible-print,
6814
- .ycd-bootstrap-wrapper td.visible-print {
6815
- display: table-cell !important;
6816
- }
6817
- }
6818
- .ycd-bootstrap-wrapper .visible-print-block {
6819
- display: none !important;
6820
- }
6821
- @media print {
6822
- .ycd-bootstrap-wrapper .visible-print-block {
6823
- display: block !important;
6824
- }
6825
- }
6826
- .ycd-bootstrap-wrapper .visible-print-inline {
6827
- display: none !important;
6828
- }
6829
- @media print {
6830
- .ycd-bootstrap-wrapper .visible-print-inline {
6831
- display: inline !important;
6832
- }
6833
- }
6834
- .ycd-bootstrap-wrapper .visible-print-inline-block {
6835
- display: none !important;
6836
- }
6837
- @media print {
6838
- .ycd-bootstrap-wrapper .visible-print-inline-block {
6839
- display: inline-block !important;
6840
- }
6841
- }
6842
- @media print {
6843
- .ycd-bootstrap-wrapper .hidden-print {
6844
- display: none !important;
6845
- }
6846
  }
1
+ .ycd-bootstrap-wrapper {
2
+ /*!
3
+ * Bootstrap v3.3.6 (http://getbootstrap.com)
4
+ * Copyright 2011-2015 Twitter, Inc.
5
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
6
+ */
7
+ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
8
+ /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
9
+ /*# sourceMappingURL=bootstrap.css.map */
10
+ }
11
+ .ycd-bootstrap-wrapper html {
12
+ font-family: sans-serif;
13
+ -webkit-text-size-adjust: 100%;
14
+ -ms-text-size-adjust: 100%;
15
+ }
16
+ .ycd-bootstrap-wrapper body {
17
+ margin: 0;
18
+ }
19
+ .ycd-bootstrap-wrapper article,
20
+ .ycd-bootstrap-wrapper aside,
21
+ .ycd-bootstrap-wrapper details,
22
+ .ycd-bootstrap-wrapper figcaption,
23
+ .ycd-bootstrap-wrapper figure,
24
+ .ycd-bootstrap-wrapper footer,
25
+ .ycd-bootstrap-wrapper header,
26
+ .ycd-bootstrap-wrapper hgroup,
27
+ .ycd-bootstrap-wrapper main,
28
+ .ycd-bootstrap-wrapper menu,
29
+ .ycd-bootstrap-wrapper nav,
30
+ .ycd-bootstrap-wrapper section,
31
+ .ycd-bootstrap-wrapper summary {
32
+ display: block;
33
+ }
34
+ .ycd-bootstrap-wrapper audio,
35
+ .ycd-bootstrap-wrapper canvas,
36
+ .ycd-bootstrap-wrapper progress,
37
+ .ycd-bootstrap-wrapper video {
38
+ display: inline-block;
39
+ vertical-align: baseline;
40
+ }
41
+ .ycd-bootstrap-wrapper audio:not([controls]) {
42
+ display: none;
43
+ height: 0;
44
+ }
45
+ .ycd-bootstrap-wrapper [hidden],
46
+ .ycd-bootstrap-wrapper template {
47
+ display: none;
48
+ }
49
+ .ycd-bootstrap-wrapper a {
50
+ background-color: transparent;
51
+ }
52
+ .ycd-bootstrap-wrapper a:active,
53
+ .ycd-bootstrap-wrapper a:hover {
54
+ outline: 0;
55
+ }
56
+ .ycd-bootstrap-wrapper abbr[title] {
57
+ border-bottom: 1px dotted;
58
+ }
59
+ .ycd-bootstrap-wrapper b,
60
+ .ycd-bootstrap-wrapper strong {
61
+ font-weight: bold;
62
+ }
63
+ .ycd-bootstrap-wrapper dfn {
64
+ font-style: italic;
65
+ }
66
+ .ycd-bootstrap-wrapper h1 {
67
+ margin: .67em 0;
68
+ font-size: 2em;
69
+ }
70
+ .ycd-bootstrap-wrapper mark {
71
+ color: #000;
72
+ background: #ff0;
73
+ }
74
+ .ycd-bootstrap-wrapper small {
75
+ font-size: 80%;
76
+ }
77
+ .ycd-bootstrap-wrapper sub,
78
+ .ycd-bootstrap-wrapper sup {
79
+ position: relative;
80
+ font-size: 75%;
81
+ line-height: 0;
82
+ vertical-align: baseline;
83
+ }
84
+ .ycd-bootstrap-wrapper sup {
85
+ top: -0.5em;
86
+ }
87
+ .ycd-bootstrap-wrapper sub {
88
+ bottom: -0.25em;
89
+ }
90
+ .ycd-bootstrap-wrapper img {
91
+ border: 0;
92
+ }
93
+ .ycd-bootstrap-wrapper svg:not(:root) {
94
+ overflow: hidden;
95
+ }
96
+ .ycd-bootstrap-wrapper figure {
97
+ margin: 1em 40px;
98
+ }
99
+ .ycd-bootstrap-wrapper hr {
100
+ height: 0;
101
+ -webkit-box-sizing: content-box;
102
+ -moz-box-sizing: content-box;
103
+ box-sizing: content-box;
104
+ }
105
+ .ycd-bootstrap-wrapper pre {
106
+ overflow: auto;
107
+ }
108
+ .ycd-bootstrap-wrapper code,
109
+ .ycd-bootstrap-wrapper kbd,
110
+ .ycd-bootstrap-wrapper pre,
111
+ .ycd-bootstrap-wrapper samp {
112
+ font-family: monospace, monospace;
113
+ font-size: 1em;
114
+ }
115
+ .ycd-bootstrap-wrapper button,
116
+ .ycd-bootstrap-wrapper input,
117
+ .ycd-bootstrap-wrapper optgroup,
118
+ .ycd-bootstrap-wrapper select,
119
+ .ycd-bootstrap-wrapper textarea {
120
+ margin: 0;
121
+ font: inherit;
122
+ color: inherit;
123
+ }
124
+ .ycd-bootstrap-wrapper button {
125
+ overflow: visible;
126
+ }
127
+ .ycd-bootstrap-wrapper button,
128
+ .ycd-bootstrap-wrapper select {
129
+ text-transform: none;
130
+ }
131
+ .ycd-bootstrap-wrapper button,
132
+ .ycd-bootstrap-wrapper html input[type="button"],
133
+ .ycd-bootstrap-wrapper input[type="reset"],
134
+ .ycd-bootstrap-wrapper input[type="submit"] {
135
+ -webkit-appearance: button;
136
+ cursor: pointer;
137
+ }
138
+ .ycd-bootstrap-wrapper button[disabled],
139
+ .ycd-bootstrap-wrapper html input[disabled] {
140
+ cursor: default;
141
+ }
142
+ .ycd-bootstrap-wrapper button::-moz-focus-inner,
143
+ .ycd-bootstrap-wrapper input::-moz-focus-inner {
144
+ padding: 0;
145
+ border: 0;
146
+ }
147
+ .ycd-bootstrap-wrapper input {
148
+ line-height: normal;
149
+ }
150
+ .ycd-bootstrap-wrapper input[type="checkbox"],
151
+ .ycd-bootstrap-wrapper input[type="radio"] {
152
+ -webkit-box-sizing: border-box;
153
+ -moz-box-sizing: border-box;
154
+ box-sizing: border-box;
155
+ padding: 0;
156
+ }
157
+ .ycd-bootstrap-wrapper input[type="number"]::-webkit-inner-spin-button,
158
+ .ycd-bootstrap-wrapper input[type="number"]::-webkit-outer-spin-button {
159
+ height: auto;
160
+ }
161
+ .ycd-bootstrap-wrapper input[type="search"] {
162
+ -webkit-box-sizing: content-box;
163
+ -moz-box-sizing: content-box;
164
+ box-sizing: content-box;
165
+ -webkit-appearance: textfield;
166
+ }
167
+ .ycd-bootstrap-wrapper input[type="search"]::-webkit-search-cancel-button,
168
+ .ycd-bootstrap-wrapper input[type="search"]::-webkit-search-decoration {
169
+ -webkit-appearance: none;
170
+ }
171
+ .ycd-bootstrap-wrapper fieldset {
172
+ padding: .35em .625em .75em;
173
+ margin: 0 2px;
174
+ border: 1px solid #c0c0c0;
175
+ }
176
+ .ycd-bootstrap-wrapper legend {
177
+ padding: 0;
178
+ border: 0;
179
+ }
180
+ .ycd-bootstrap-wrapper textarea {
181
+ overflow: auto;
182
+ }
183
+ .ycd-bootstrap-wrapper optgroup {
184
+ font-weight: bold;
185
+ }
186
+ .ycd-bootstrap-wrapper table {
187
+ border-spacing: 0;
188
+ border-collapse: collapse;
189
+ }
190
+ .ycd-bootstrap-wrapper td,
191
+ .ycd-bootstrap-wrapper th {
192
+ padding: 0;
193
+ }
194
+ @media print {
195
+ .ycd-bootstrap-wrapper *,
196
+ .ycd-bootstrap-wrapper *:before,
197
+ .ycd-bootstrap-wrapper *:after {
198
+ color: #000 !important;
199
+ text-shadow: none !important;
200
+ background: transparent !important;
201
+ -webkit-box-shadow: none !important;
202
+ box-shadow: none !important;
203
+ }
204
+ .ycd-bootstrap-wrapper a,
205
+ .ycd-bootstrap-wrapper a:visited {
206
+ text-decoration: underline;
207
+ }
208
+ .ycd-bootstrap-wrapper a[href]:after {
209
+ content: " (" attr(href) ")";
210
+ }
211
+ .ycd-bootstrap-wrapper abbr[title]:after {
212
+ content: " (" attr(title) ")";
213
+ }
214
+ .ycd-bootstrap-wrapper a[href^="#"]:after,
215
+ .ycd-bootstrap-wrapper a[href^="javascript:"]:after {
216
+ content: "";
217
+ }
218
+ .ycd-bootstrap-wrapper pre,
219
+ .ycd-bootstrap-wrapper blockquote {
220
+ border: 1px solid #999;
221
+ page-break-inside: avoid;
222
+ }
223
+ .ycd-bootstrap-wrapper thead {
224
+ display: table-header-group;
225
+ }
226
+ .ycd-bootstrap-wrapper tr,
227
+ .ycd-bootstrap-wrapper img {
228
+ page-break-inside: avoid;
229
+ }
230
+ .ycd-bootstrap-wrapper img {
231
+ max-width: 100% !important;
232
+ }
233
+ .ycd-bootstrap-wrapper p,
234
+ .ycd-bootstrap-wrapper h2,
235
+ .ycd-bootstrap-wrapper h3 {
236
+ orphans: 3;
237
+ widows: 3;
238
+ }
239
+ .ycd-bootstrap-wrapper h2,
240
+ .ycd-bootstrap-wrapper h3 {
241
+ page-break-after: avoid;
242
+ }
243
+ .ycd-bootstrap-wrapper .navbar {
244
+ display: none;
245
+ }
246
+ .ycd-bootstrap-wrapper .btn > .caret,
247
+ .ycd-bootstrap-wrapper .dropup > .btn > .caret {
248
+ border-top-color: #000 !important;
249
+ }
250
+ .ycd-bootstrap-wrapper .label {
251
+ border: 1px solid #000;
252
+ }
253
+ .ycd-bootstrap-wrapper .table {
254
+ border-collapse: collapse !important;
255
+ }
256
+ .ycd-bootstrap-wrapper .table td,
257
+ .ycd-bootstrap-wrapper .table th {
258
+ background-color: #fff !important;
259
+ }
260
+ .ycd-bootstrap-wrapper .table-bordered th,
261
+ .ycd-bootstrap-wrapper .table-bordered td {
262
+ border: 1px solid #ddd !important;
263
+ }
264
+ }
265
+ @font-face {
266
+ font-family: 'Glyphicons Halflings';
267
+ src: url('http://localhost/fonts/glyphicons-halflings-regular.eot');
268
+ src: url('http://localhost/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('http://localhost/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('http://localhost/fonts/glyphicons-halflings-regular.woff') format('woff'), url('http://localhost/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('http://localhost/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
269
+ }
270
+ .ycd-bootstrap-wrapper .glyphicon {
271
+ position: relative;
272
+ top: 1px;
273
+ display: inline-block;
274
+ font-family: 'Glyphicons Halflings';
275
+ font-style: normal;
276
+ font-weight: normal;
277
+ line-height: 1;
278
+ -webkit-font-smoothing: antialiased;
279
+ -moz-osx-font-smoothing: grayscale;
280
+ }
281
+ .ycd-bootstrap-wrapper .glyphicon-asterisk:before {
282
+ content: "\002a";
283
+ }
284
+ .ycd-bootstrap-wrapper .glyphicon-plus:before {
285
+ content: "\002b";
286
+ }
287
+ .ycd-bootstrap-wrapper .glyphicon-euro:before,
288
+ .ycd-bootstrap-wrapper .glyphicon-eur:before {
289
+ content: "\20ac";
290
+ }
291
+ .ycd-bootstrap-wrapper .glyphicon-minus:before {
292
+ content: "\2212";
293
+ }
294
+ .ycd-bootstrap-wrapper .glyphicon-cloud:before {
295
+ content: "\2601";
296
+ }
297
+ .ycd-bootstrap-wrapper .glyphicon-envelope:before {
298
+ content: "\2709";
299
+ }
300
+ .ycd-bootstrap-wrapper .glyphicon-pencil:before {
301
+ content: "\270f";
302
+ }
303
+ .ycd-bootstrap-wrapper .glyphicon-glass:before {
304
+ content: "\e001";
305
+ }
306
+ .ycd-bootstrap-wrapper .glyphicon-music:before {
307
+ content: "\e002";
308
+ }
309
+ .ycd-bootstrap-wrapper .glyphicon-search:before {
310
+ content: "\e003";
311
+ }
312
+ .ycd-bootstrap-wrapper .glyphicon-heart:before {
313
+ content: "\e005";
314
+ }
315
+ .ycd-bootstrap-wrapper .glyphicon-star:before {
316
+ content: "\e006";
317
+ }
318
+ .ycd-bootstrap-wrapper .glyphicon-star-empty:before {
319
+ content: "\e007";
320
+ }
321
+ .ycd-bootstrap-wrapper .glyphicon-user:before {
322
+ content: "\e008";
323
+ }
324
+ .ycd-bootstrap-wrapper .glyphicon-film:before {
325
+ content: "\e009";
326
+ }
327
+ .ycd-bootstrap-wrapper .glyphicon-th-large:before {
328
+ content: "\e010";
329
+ }
330
+ .ycd-bootstrap-wrapper .glyphicon-th:before {
331
+ content: "\e011";
332
+ }
333
+ .ycd-bootstrap-wrapper .glyphicon-th-list:before {
334
+ content: "\e012";
335
+ }
336
+ .ycd-bootstrap-wrapper .glyphicon-ok:before {
337
+ content: "\e013";
338
+ }
339
+ .ycd-bootstrap-wrapper .glyphicon-remove:before {
340
+ content: "\e014";
341
+ }
342
+ .ycd-bootstrap-wrapper .glyphicon-zoom-in:before {
343
+ content: "\e015";
344
+ }
345
+ .ycd-bootstrap-wrapper .glyphicon-zoom-out:before {
346
+ content: "\e016";
347
+ }
348
+ .ycd-bootstrap-wrapper .glyphicon-off:before {
349
+ content: "\e017";
350
+ }
351
+ .ycd-bootstrap-wrapper .glyphicon-signal:before {
352
+ content: "\e018";
353
+ }
354
+ .ycd-bootstrap-wrapper .glyphicon-cog:before {
355
+ content: "\e019";
356
+ }
357
+ .ycd-bootstrap-wrapper .glyphicon-trash:before {
358
+ content: "\e020";
359
+ }
360
+ .ycd-bootstrap-wrapper .glyphicon-home:before {
361
+ content: "\e021";
362
+ }
363
+ .ycd-bootstrap-wrapper .glyphicon-file:before {
364
+ content: "\e022";
365
+ }
366
+ .ycd-bootstrap-wrapper .glyphicon-time:before {
367
+ content: "\e023";
368
+ }
369
+ .ycd-bootstrap-wrapper .glyphicon-road:before {
370
+ content: "\e024";
371
+ }
372
+ .ycd-bootstrap-wrapper .glyphicon-download-alt:before {
373
+ content: "\e025";
374
+ }
375
+ .ycd-bootstrap-wrapper .glyphicon-download:before {
376
+ content: "\e026";
377
+ }
378
+ .ycd-bootstrap-wrapper .glyphicon-upload:before {
379
+ content: "\e027";
380
+ }
381
+ .ycd-bootstrap-wrapper .glyphicon-inbox:before {
382
+ content: "\e028";
383
+ }
384
+ .ycd-bootstrap-wrapper .glyphicon-play-circle:before {
385
+ content: "\e029";
386
+ }
387
+ .ycd-bootstrap-wrapper .glyphicon-repeat:before {
388
+ content: "\e030";
389
+ }
390
+ .ycd-bootstrap-wrapper .glyphicon-refresh:before {
391
+ content: "\e031";
392
+ }
393
+ .ycd-bootstrap-wrapper .glyphicon-list-alt:before {
394
+ content: "\e032";
395
+ }
396
+ .ycd-bootstrap-wrapper .glyphicon-lock:before {
397
+ content: "\e033";
398
+ }
399
+ .ycd-bootstrap-wrapper .glyphicon-flag:before {
400
+ content: "\e034";
401
+ }
402
+ .ycd-bootstrap-wrapper .glyphicon-headphones:before {
403
+ content: "\e035";
404
+ }
405
+ .ycd-bootstrap-wrapper .glyphicon-volume-off:before {
406
+ content: "\e036";
407
+ }
408
+ .ycd-bootstrap-wrapper .glyphicon-volume-down:before {
409
+ content: "\e037";
410
+ }
411
+ .ycd-bootstrap-wrapper .glyphicon-volume-up:before {
412
+ content: "\e038";
413
+ }
414
+ .ycd-bootstrap-wrapper .glyphicon-qrcode:before {
415
+ content: "\e039";
416
+ }
417
+ .ycd-bootstrap-wrapper .glyphicon-barcode:before {
418
+ content: "\e040";
419
+ }
420
+ .ycd-bootstrap-wrapper .glyphicon-tag:before {
421
+ content: "\e041";
422
+ }
423
+ .ycd-bootstrap-wrapper .glyphicon-tags:before {
424
+ content: "\e042";
425
+ }
426
+ .ycd-bootstrap-wrapper .glyphicon-book:before {
427
+ content: "\e043";
428
+ }
429
+ .ycd-bootstrap-wrapper .glyphicon-bookmark:before {
430
+ content: "\e044";
431
+ }
432
+ .ycd-bootstrap-wrapper .glyphicon-print:before {
433
+ content: "\e045";
434
+ }
435
+ .ycd-bootstrap-wrapper .glyphicon-camera:before {
436
+ content: "\e046";
437
+ }
438
+ .ycd-bootstrap-wrapper .glyphicon-font:before {
439
+ content: "\e047";
440
+ }
441
+ .ycd-bootstrap-wrapper .glyphicon-bold:before {
442
+ content: "\e048";
443
+ }
444
+ .ycd-bootstrap-wrapper .glyphicon-italic:before {
445
+ content: "\e049";
446
+ }
447
+ .ycd-bootstrap-wrapper .glyphicon-text-height:before {
448
+ content: "\e050";
449
+ }
450
+ .ycd-bootstrap-wrapper .glyphicon-text-width:before {
451
+ content: "\e051";
452
+ }
453
+ .ycd-bootstrap-wrapper .glyphicon-align-left:before {
454
+ content: "\e052";
455
+ }
456
+ .ycd-bootstrap-wrapper .glyphicon-align-center:before {
457
+ content: "\e053";
458
+ }
459
+ .ycd-bootstrap-wrapper .glyphicon-align-right:before {
460
+ content: "\e054";
461
+ }
462
+ .ycd-bootstrap-wrapper .glyphicon-align-justify:before {
463
+ content: "\e055";
464
+ }
465
+ .ycd-bootstrap-wrapper .glyphicon-list:before {
466
+ content: "\e056";
467
+ }
468
+ .ycd-bootstrap-wrapper .glyphicon-indent-left:before {
469
+ content: "\e057";
470
+ }
471
+ .ycd-bootstrap-wrapper .glyphicon-indent-right:before {
472
+ content: "\e058";
473
+ }
474
+ .ycd-bootstrap-wrapper .glyphicon-facetime-video:before {
475
+ content: "\e059";
476
+ }
477
+ .ycd-bootstrap-wrapper .glyphicon-picture:before {
478
+ content: "\e060";
479
+ }
480
+ .ycd-bootstrap-wrapper .glyphicon-map-marker:before {
481
+ content: "\e062";
482
+ }
483
+ .ycd-bootstrap-wrapper .glyphicon-adjust:before {
484
+ content: "\e063";
485
+ }
486
+ .ycd-bootstrap-wrapper .glyphicon-tint:before {
487
+ content: "\e064";
488
+ }
489
+ .ycd-bootstrap-wrapper .glyphicon-edit:before {
490
+ content: "\e065";
491
+ }
492
+ .ycd-bootstrap-wrapper .glyphicon-share:before {
493
+ content: "\e066";
494
+ }
495
+ .ycd-bootstrap-wrapper .glyphicon-check:before {
496
+ content: "\e067";
497
+ }
498
+ .ycd-bootstrap-wrapper .glyphicon-move:before {
499
+ content: "\e068";
500
+ }
501
+ .ycd-bootstrap-wrapper .glyphicon-step-backward:before {
502
+ content: "\e069";
503
+ }
504
+ .ycd-bootstrap-wrapper .glyphicon-fast-backward:before {
505
+ content: "\e070";
506
+ }
507
+ .ycd-bootstrap-wrapper .glyphicon-backward:before {
508
+ content: "\e071";
509
+ }
510
+ .ycd-bootstrap-wrapper .glyphicon-play:before {
511
+ content: "\e072";
512
+ }
513
+ .ycd-bootstrap-wrapper .glyphicon-pause:before {
514
+ content: "\e073";
515
+ }
516
+ .ycd-bootstrap-wrapper .glyphicon-stop:before {
517
+ content: "\e074";
518
+ }
519
+ .ycd-bootstrap-wrapper .glyphicon-forward:before {
520
+ content: "\e075";
521
+ }
522
+ .ycd-bootstrap-wrapper .glyphicon-fast-forward:before {
523
+ content: "\e076";
524
+ }
525
+ .ycd-bootstrap-wrapper .glyphicon-step-forward:before {
526
+ content: "\e077";
527
+ }
528
+ .ycd-bootstrap-wrapper .glyphicon-eject:before {
529
+ content: "\e078";
530
+ }
531
+ .ycd-bootstrap-wrapper .glyphicon-chevron-left:before {
532
+ content: "\e079";
533
+ }
534
+ .ycd-bootstrap-wrapper .glyphicon-chevron-right:before {
535
+ content: "\e080";
536
+ }
537
+ .ycd-bootstrap-wrapper .glyphicon-plus-sign:before {
538
+ content: "\e081";
539
+ }
540
+ .ycd-bootstrap-wrapper .glyphicon-minus-sign:before {
541
+ content: "\e082";
542
+ }
543
+ .ycd-bootstrap-wrapper .glyphicon-remove-sign:before {
544
+ content: "\e083";
545
+ }
546
+ .ycd-bootstrap-wrapper .glyphicon-ok-sign:before {
547
+ content: "\e084";
548
+ }
549
+ .ycd-bootstrap-wrapper .glyphicon-question-sign:before {
550
+ content: "\e085";
551
+ }
552
+ .ycd-bootstrap-wrapper .glyphicon-info-sign:before {
553
+ content: "\e086";
554
+ }
555
+ .ycd-bootstrap-wrapper .glyphicon-screenshot:before {
556
+ content: "\e087";
557
+ }
558
+ .ycd-bootstrap-wrapper .glyphicon-remove-circle:before {
559
+ content: "\e088";
560
+ }
561
+ .ycd-bootstrap-wrapper .glyphicon-ok-circle:before {
562
+ content: "\e089";
563
+ }
564
+ .ycd-bootstrap-wrapper .glyphicon-ban-circle:before {
565
+ content: "\e090";
566
+ }
567
+ .ycd-bootstrap-wrapper .glyphicon-arrow-left:before {
568
+ content: "\e091";
569
+ }
570
+ .ycd-bootstrap-wrapper .glyphicon-arrow-right:before {
571
+ content: "\e092";
572
+ }
573
+ .ycd-bootstrap-wrapper .glyphicon-arrow-up:before {
574
+ content: "\e093";
575
+ }
576
+ .ycd-bootstrap-wrapper .glyphicon-arrow-down:before {
577
+ content: "\e094";
578
+ }
579
+ .ycd-bootstrap-wrapper .glyphicon-share-alt:before {
580
+ content: "\e095";
581
+ }
582
+ .ycd-bootstrap-wrapper .glyphicon-resize-full:before {
583
+ content: "\e096";
584
+ }
585
+ .ycd-bootstrap-wrapper .glyphicon-resize-small:before {
586
+ content: "\e097";
587
+ }
588
+ .ycd-bootstrap-wrapper .glyphicon-exclamation-sign:before {
589
+ content: "\e101";
590
+ }
591
+ .ycd-bootstrap-wrapper .glyphicon-gift:before {
592
+ content: "\e102";
593
+ }
594
+ .ycd-bootstrap-wrapper .glyphicon-leaf:before {
595
+ content: "\e103";
596
+ }
597
+ .ycd-bootstrap-wrapper .glyphicon-fire:before {
598
+ content: "\e104";
599
+ }
600
+ .ycd-bootstrap-wrapper .glyphicon-eye-open:before {
601
+ content: "\e105";
602
+ }
603
+ .ycd-bootstrap-wrapper .glyphicon-eye-close:before {
604
+ content: "\e106";
605
+ }
606
+ .ycd-bootstrap-wrapper .glyphicon-warning-sign:before {
607
+ content: "\e107";
608
+ }
609
+ .ycd-bootstrap-wrapper .glyphicon-plane:before {
610
+ content: "\e108";
611
+ }
612
+ .ycd-bootstrap-wrapper .glyphicon-calendar:before {
613
+ content: "\e109";
614
+ }
615
+ .ycd-bootstrap-wrapper .glyphicon-random:before {
616
+ content: "\e110";
617
+ }
618
+ .ycd-bootstrap-wrapper .glyphicon-comment:before {
619
+ content: "\e111";
620
+ }
621
+ .ycd-bootstrap-wrapper .glyphicon-magnet:before {
622
+ content: "\e112";
623
+ }
624
+ .ycd-bootstrap-wrapper .glyphicon-chevron-up:before {
625
+ content: "\e113";
626
+ }
627
+ .ycd-bootstrap-wrapper .glyphicon-chevron-down:before {
628
+ content: "\e114";
629
+ }
630
+ .ycd-bootstrap-wrapper .glyphicon-retweet:before {
631
+ content: "\e115";
632
+ }
633
+ .ycd-bootstrap-wrapper .glyphicon-shopping-cart:before {
634
+ content: "\e116";
635
+ }
636
+ .ycd-bootstrap-wrapper .glyphicon-folder-close:before {
637
+ content: "\e117";
638
+ }
639
+ .ycd-bootstrap-wrapper .glyphicon-folder-open:before {
640
+ content: "\e118";
641
+ }
642
+ .ycd-bootstrap-wrapper .glyphicon-resize-vertical:before {
643
+ content: "\e119";
644
+ }
645
+ .ycd-bootstrap-wrapper .glyphicon-resize-horizontal:before {
646
+ content: "\e120";
647
+ }
648
+ .ycd-bootstrap-wrapper .glyphicon-hdd:before {
649
+ content: "\e121";
650
+ }
651
+ .ycd-bootstrap-wrapper .glyphicon-bullhorn:before {
652
+ content: "\e122";
653
+ }
654
+ .ycd-bootstrap-wrapper .glyphicon-bell:before {
655
+ content: "\e123";
656
+ }
657
+ .ycd-bootstrap-wrapper .glyphicon-certificate:before {
658
+ content: "\e124";
659
+ }
660
+ .ycd-bootstrap-wrapper .glyphicon-thumbs-up:before {
661
+ content: "\e125";
662
+ }
663
+ .ycd-bootstrap-wrapper .glyphicon-thumbs-down:before {
664
+ content: "\e126";
665
+ }
666
+ .ycd-bootstrap-wrapper .glyphicon-hand-right:before {
667
+ content: "\e127";
668
+ }
669
+ .ycd-bootstrap-wrapper .glyphicon-hand-left:before {
670
+ content: "\e128";
671
+ }
672
+ .ycd-bootstrap-wrapper .glyphicon-hand-up:before {
673
+ content: "\e129";
674
+ }
675
+ .ycd-bootstrap-wrapper .glyphicon-hand-down:before {
676
+ content: "\e130";
677
+ }
678
+ .ycd-bootstrap-wrapper .glyphicon-circle-arrow-right:before {
679
+ content: "\e131";
680
+ }
681
+ .ycd-bootstrap-wrapper .glyphicon-circle-arrow-left:before {
682
+ content: "\e132";
683
+ }
684
+ .ycd-bootstrap-wrapper .glyphicon-circle-arrow-up:before {
685
+ content: "\e133";
686
+ }
687
+ .ycd-bootstrap-wrapper .glyphicon-circle-arrow-down:before {
688
+ content: "\e134";
689
+ }
690
+ .ycd-bootstrap-wrapper .glyphicon-globe:before {
691
+ content: "\e135";
692
+ }
693
+ .ycd-bootstrap-wrapper .glyphicon-wrench:before {
694
+ content: "\e136";
695
+ }
696
+ .ycd-bootstrap-wrapper .glyphicon-tasks:before {
697
+ content: "\e137";
698
+ }
699
+ .ycd-bootstrap-wrapper .glyphicon-filter:before {
700
+ content: "\e138";
701
+ }
702
+ .ycd-bootstrap-wrapper .glyphicon-briefcase:before {
703
+ content: "\e139";
704
+ }
705
+ .ycd-bootstrap-wrapper .glyphicon-fullscreen:before {
706
+ content: "\e140";
707
+ }
708
+ .ycd-bootstrap-wrapper .glyphicon-dashboard:before {
709
+ content: "\e141";
710
+ }
711
+ .ycd-bootstrap-wrapper .glyphicon-paperclip:before {
712
+ content: "\e142";
713
+ }
714
+ .ycd-bootstrap-wrapper .glyphicon-heart-empty:before {
715
+ content: "\e143";
716
+ }
717
+ .ycd-bootstrap-wrapper .glyphicon-link:before {
718
+ content: "\e144";
719
+ }
720
+ .ycd-bootstrap-wrapper .glyphicon-phone:before {
721
+ content: "\e145";
722
+ }
723
+ .ycd-bootstrap-wrapper .glyphicon-pushpin:before {
724
+ content: "\e146";
725
+ }
726
+ .ycd-bootstrap-wrapper .glyphicon-usd:before {
727
+ content: "\e148";
728
+ }
729
+ .ycd-bootstrap-wrapper .glyphicon-gbp:before {
730
+ content: "\e149";
731
+ }
732
+ .ycd-bootstrap-wrapper .glyphicon-sort:before {
733
+ content: "\e150";
734
+ }
735
+ .ycd-bootstrap-wrapper .glyphicon-sort-by-alphabet:before {
736
+ content: "\e151";
737
+ }
738
+ .ycd-bootstrap-wrapper .glyphicon-sort-by-alphabet-alt:before {
739
+ content: "\e152";
740
+ }
741
+ .ycd-bootstrap-wrapper .glyphicon-sort-by-order:before {
742
+ content: "\e153";
743
+ }
744
+ .ycd-bootstrap-wrapper .glyphicon-sort-by-order-alt:before {
745
+ content: "\e154";
746
+ }
747
+ .ycd-bootstrap-wrapper .glyphicon-sort-by-attributes:before {
748
+ content: "\e155";
749
+ }
750
+ .ycd-bootstrap-wrapper .glyphicon-sort-by-attributes-alt:before {
751
+ content: "\e156";
752
+ }
753
+ .ycd-bootstrap-wrapper .glyphicon-unchecked:before {
754
+ content: "\e157";
755
+ }
756
+ .ycd-bootstrap-wrapper .glyphicon-expand:before {
757
+ content: "\e158";
758
+ }
759
+ .ycd-bootstrap-wrapper .glyphicon-collapse-down:before {
760
+ content: "\e159";
761
+ }
762
+ .ycd-bootstrap-wrapper .glyphicon-collapse-up:before {
763
+ content: "\e160";
764
+ }
765
+ .ycd-bootstrap-wrapper .glyphicon-log-in:before {
766
+ content: "\e161";
767
+ }
768
+ .ycd-bootstrap-wrapper .glyphicon-flash:before {
769
+ content: "\e162";
770
+ }
771
+ .ycd-bootstrap-wrapper .glyphicon-log-out:before {
772
+ content: "\e163";
773
+ }
774
+ .ycd-bootstrap-wrapper .glyphicon-new-window:before {
775
+ content: "\e164";
776
+ }
777
+ .ycd-bootstrap-wrapper .glyphicon-record:before {
778
+ content: "\e165";
779
+ }
780
+ .ycd-bootstrap-wrapper .glyphicon-save:before {
781
+ content: "\e166";
782
+ }
783
+ .ycd-bootstrap-wrapper .glyphicon-open:before {
784
+ content: "\e167";
785
+ }
786
+ .ycd-bootstrap-wrapper .glyphicon-saved:before {
787
+ content: "\e168";
788
+ }
789
+ .ycd-bootstrap-wrapper .glyphicon-import:before {
790
+ content: "\e169";
791
+ }
792
+ .ycd-bootstrap-wrapper .glyphicon-export:before {
793
+ content: "\e170";
794
+ }
795
+ .ycd-bootstrap-wrapper .glyphicon-send:before {
796
+ content: "\e171";
797
+ }
798
+ .ycd-bootstrap-wrapper .glyphicon-floppy-disk:before {
799
+ content: "\e172";
800
+ }
801
+ .ycd-bootstrap-wrapper .glyphicon-floppy-saved:before {
802
+ content: "\e173";
803
+ }
804
+ .ycd-bootstrap-wrapper .glyphicon-floppy-remove:before {
805
+ content: "\e174";
806
+ }
807
+ .ycd-bootstrap-wrapper .glyphicon-floppy-save:before {
808
+ content: "\e175";
809
+ }
810
+ .ycd-bootstrap-wrapper .glyphicon-floppy-open:before {
811
+ content: "\e176";
812
+ }
813
+ .ycd-bootstrap-wrapper .glyphicon-credit-card:before {
814
+ content: "\e177";
815
+ }
816
+ .ycd-bootstrap-wrapper .glyphicon-transfer:before {
817
+ content: "\e178";
818
+ }
819
+ .ycd-bootstrap-wrapper .glyphicon-cutlery:before {
820
+ content: "\e179";
821
+ }
822
+ .ycd-bootstrap-wrapper .glyphicon-header:before {
823
+ content: "\e180";
824
+ }
825
+ .ycd-bootstrap-wrapper .glyphicon-compressed:before {
826
+ content: "\e181";
827
+ }
828
+ .ycd-bootstrap-wrapper .glyphicon-earphone:before {
829
+ content: "\e182";
830
+ }
831
+ .ycd-bootstrap-wrapper .glyphicon-phone-alt:before {
832
+ content: "\e183";
833
+ }
834
+ .ycd-bootstrap-wrapper .glyphicon-tower:before {
835
+ content: "\e184";
836
+ }
837
+ .ycd-bootstrap-wrapper .glyphicon-stats:before {
838
+ content: "\e185";
839
+ }
840
+ .ycd-bootstrap-wrapper .glyphicon-sd-video:before {
841
+ content: "\e186";
842
+ }
843
+ .ycd-bootstrap-wrapper .glyphicon-hd-video:before {
844
+ content: "\e187";
845
+ }
846
+ .ycd-bootstrap-wrapper .glyphicon-subtitles:before {
847
+ content: "\e188";
848
+ }
849
+ .ycd-bootstrap-wrapper .glyphicon-sound-stereo:before {
850
+ content: "\e189";
851
+ }
852
+ .ycd-bootstrap-wrapper .glyphicon-sound-dolby:before {
853
+ content: "\e190";
854
+ }
855
+ .ycd-bootstrap-wrapper .glyphicon-sound-5-1:before {
856
+ content: "\e191";
857
+ }
858
+ .ycd-bootstrap-wrapper .glyphicon-sound-6-1:before {
859
+ content: "\e192";
860
+ }
861
+ .ycd-bootstrap-wrapper .glyphicon-sound-7-1:before {
862
+ content: "\e193";
863
+ }
864
+ .ycd-bootstrap-wrapper .glyphicon-copyright-mark:before {
865
+ content: "\e194";
866
+ }
867
+ .ycd-bootstrap-wrapper .glyphicon-registration-mark:before {
868
+ content: "\e195";
869
+ }
870
+ .ycd-bootstrap-wrapper .glyphicon-cloud-download:before {
871
+ content: "\e197";
872
+ }
873
+ .ycd-bootstrap-wrapper .glyphicon-cloud-upload:before {
874
+ content: "\e198";
875
+ }
876
+ .ycd-bootstrap-wrapper .glyphicon-tree-conifer:before {
877
+ content: "\e199";
878
+ }
879
+ .ycd-bootstrap-wrapper .glyphicon-tree-deciduous:before {
880
+ content: "\e200";
881
+ }
882
+ .ycd-bootstrap-wrapper .glyphicon-cd:before {
883
+ content: "\e201";
884
+ }
885
+ .ycd-bootstrap-wrapper .glyphicon-save-file:before {
886
+ content: "\e202";
887
+ }
888
+ .ycd-bootstrap-wrapper .glyphicon-open-file:before {
889
+ content: "\e203";
890
+ }
891
+ .ycd-bootstrap-wrapper .glyphicon-level-up:before {
892
+ content: "\e204";
893
+ }
894
+ .ycd-bootstrap-wrapper .glyphicon-copy:before {
895
+ content: "\e205";
896
+ }
897
+ .ycd-bootstrap-wrapper .glyphicon-paste:before {
898
+ content: "\e206";
899
+ }
900
+ .ycd-bootstrap-wrapper .glyphicon-alert:before {
901
+ content: "\e209";
902
+ }
903
+ .ycd-bootstrap-wrapper .glyphicon-equalizer:before {
904
+ content: "\e210";
905
+ }
906
+ .ycd-bootstrap-wrapper .glyphicon-king:before {
907
+ content: "\e211";
908
+ }
909
+ .ycd-bootstrap-wrapper .glyphicon-queen:before {
910
+ content: "\e212";
911
+ }
912
+ .ycd-bootstrap-wrapper .glyphicon-pawn:before {
913
+ content: "\e213";
914
+ }
915
+ .ycd-bootstrap-wrapper .glyphicon-bishop:before {
916
+ content: "\e214";
917
+ }
918
+ .ycd-bootstrap-wrapper .glyphicon-knight:before {
919
+ content: "\e215";
920
+ }
921
+ .ycd-bootstrap-wrapper .glyphicon-baby-formula:before {
922
+ content: "\e216";
923
+ }
924
+ .ycd-bootstrap-wrapper .glyphicon-tent:before {
925
+ content: "\26fa";
926
+ }
927
+ .ycd-bootstrap-wrapper .glyphicon-blackboard:before {
928
+ content: "\e218";
929
+ }
930
+ .ycd-bootstrap-wrapper .glyphicon-bed:before {
931
+ content: "\e219";
932
+ }
933
+ .ycd-bootstrap-wrapper .glyphicon-apple:before {
934
+ content: "\f8ff";
935
+ }
936
+ .ycd-bootstrap-wrapper .glyphicon-erase:before {
937
+ content: "\e221";
938
+ }
939
+ .ycd-bootstrap-wrapper .glyphicon-hourglass:before {
940
+ content: "\231b";
941
+ }
942
+ .ycd-bootstrap-wrapper .glyphicon-lamp:before {
943
+ content: "\e223";
944
+ }
945
+ .ycd-bootstrap-wrapper .glyphicon-duplicate:before {
946
+ content: "\e224";
947
+ }
948
+ .ycd-bootstrap-wrapper .glyphicon-piggy-bank:before {
949
+ content: "\e225";
950
+ }
951
+ .ycd-bootstrap-wrapper .glyphicon-scissors:before {
952
+ content: "\e226";
953
+ }
954
+ .ycd-bootstrap-wrapper .glyphicon-bitcoin:before {
955
+ content: "\e227";
956
+ }
957
+ .ycd-bootstrap-wrapper .glyphicon-btc:before {
958
+ content: "\e227";
959
+ }
960
+ .ycd-bootstrap-wrapper .glyphicon-xbt:before {
961
+ content: "\e227";
962
+ }
963
+ .ycd-bootstrap-wrapper .glyphicon-yen:before {
964
+ content: "\00a5";
965
+ }
966
+ .ycd-bootstrap-wrapper .glyphicon-jpy:before {
967
+ content: "\00a5";
968
+ }
969
+ .ycd-bootstrap-wrapper .glyphicon-ruble:before {
970
+ content: "\20bd";
971
+ }
972
+ .ycd-bootstrap-wrapper .glyphicon-rub:before {
973
+ content: "\20bd";
974
+ }
975
+ .ycd-bootstrap-wrapper .glyphicon-scale:before {
976
+ content: "\e230";
977
+ }
978
+ .ycd-bootstrap-wrapper .glyphicon-ice-lolly:before {
979
+ content: "\e231";
980
+ }
981
+ .ycd-bootstrap-wrapper .glyphicon-ice-lolly-tasted:before {
982
+ content: "\e232";
983
+ }
984
+ .ycd-bootstrap-wrapper .glyphicon-education:before {
985
+ content: "\e233";
986
+ }
987
+ .ycd-bootstrap-wrapper .glyphicon-option-horizontal:before {
988
+ content: "\e234";
989
+ }
990
+ .ycd-bootstrap-wrapper .glyphicon-option-vertical:before {
991
+ content: "\e235";
992
+ }
993
+ .ycd-bootstrap-wrapper .glyphicon-menu-hamburger:before {
994
+ content: "\e236";
995
+ }
996
+ .ycd-bootstrap-wrapper .glyphicon-modal-window:before {
997
+ content: "\e237";
998
+ }
999
+ .ycd-bootstrap-wrapper .glyphicon-oil:before {
1000
+ content: "\e238";
1001
+ }
1002
+ .ycd-bootstrap-wrapper .glyphicon-grain:before {
1003
+ content: "\e239";
1004
+ }
1005
+ .ycd-bootstrap-wrapper .glyphicon-sunglasses:before {
1006
+ content: "\e240";
1007
+ }
1008
+ .ycd-bootstrap-wrapper .glyphicon-text-size:before {
1009
+ content: "\e241";
1010
+ }
1011
+ .ycd-bootstrap-wrapper .glyphicon-text-color:before {
1012
+ content: "\e242";
1013
+ }
1014
+ .ycd-bootstrap-wrapper .glyphicon-text-background:before {
1015
+ content: "\e243";
1016
+ }
1017
+ .ycd-bootstrap-wrapper .glyphicon-object-align-top:before {
1018
+ content: "\e244";
1019
+ }
1020
+ .ycd-bootstrap-wrapper .glyphicon-object-align-bottom:before {
1021
+ content: "\e245";
1022
+ }
1023
+ .ycd-bootstrap-wrapper .glyphicon-object-align-horizontal:before {
1024
+ content: "\e246";
1025
+ }
1026
+ .ycd-bootstrap-wrapper .glyphicon-object-align-left:before {
1027
+ content: "\e247";
1028
+ }
1029
+ .ycd-bootstrap-wrapper .glyphicon-object-align-vertical:before {
1030
+ content: "\e248";
1031
+ }
1032
+ .ycd-bootstrap-wrapper .glyphicon-object-align-right:before {
1033
+ content: "\e249";
1034
+ }
1035
+ .ycd-bootstrap-wrapper .glyphicon-triangle-right:before {
1036
+ content: "\e250";
1037
+ }
1038
+ .ycd-bootstrap-wrapper .glyphicon-triangle-left:before {
1039
+ content: "\e251";
1040
+ }
1041
+ .ycd-bootstrap-wrapper .glyphicon-triangle-bottom:before {
1042
+ content: "\e252";
1043
+ }
1044
+ .ycd-bootstrap-wrapper .glyphicon-triangle-top:before {
1045
+ content: "\e253";
1046
+ }
1047
+ .ycd-bootstrap-wrapper .glyphicon-console:before {
1048
+ content: "\e254";
1049
+ }
1050
+ .ycd-bootstrap-wrapper .glyphicon-superscript:before {
1051
+ content: "\e255";
1052
+ }
1053
+ .ycd-bootstrap-wrapper .glyphicon-subscript:before {
1054
+ content: "\e256";
1055
+ }
1056
+ .ycd-bootstrap-wrapper .glyphicon-menu-left:before {
1057
+ content: "\e257";
1058
+ }
1059
+ .ycd-bootstrap-wrapper .glyphicon-menu-right:before {
1060
+ content: "\e258";
1061
+ }
1062
+ .ycd-bootstrap-wrapper .glyphicon-menu-down:before {
1063
+ content: "\e259";
1064
+ }
1065
+ .ycd-bootstrap-wrapper .glyphicon-menu-up:before {
1066
+ content: "\e260";
1067
+ }
1068
+ .ycd-bootstrap-wrapper * {
1069
+ -webkit-box-sizing: border-box;
1070
+ -moz-box-sizing: border-box;
1071
+ box-sizing: border-box;
1072
+ }
1073
+ .ycd-bootstrap-wrapper *:before,
1074
+ .ycd-bootstrap-wrapper *:after {
1075
+ -webkit-box-sizing: border-box;
1076
+ -moz-box-sizing: border-box;
1077
+ box-sizing: border-box;
1078
+ }
1079
+ .ycd-bootstrap-wrapper html {
1080
+ font-size: 10px;
1081
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
1082
+ }
1083
+ .ycd-bootstrap-wrapper body {
1084
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
1085
+ font-size: 14px;
1086
+ line-height: 1.42857143;
1087
+ color: #333;
1088
+ background-color: #fff;
1089
+ }
1090
+ .ycd-bootstrap-wrapper input,
1091
+ .ycd-bootstrap-wrapper button,
1092
+ .ycd-bootstrap-wrapper select,
1093
+ .ycd-bootstrap-wrapper textarea {
1094
+ font-family: inherit;
1095
+ font-size: inherit;
1096
+ line-height: inherit;
1097
+ }
1098
+ .ycd-bootstrap-wrapper a {
1099
+ color: #337ab7;
1100
+ text-decoration: none;
1101
+ }
1102
+ .ycd-bootstrap-wrapper a:hover,
1103
+ .ycd-bootstrap-wrapper a:focus {
1104
+ color: #23527c;
1105
+ text-decoration: underline;
1106
+ }
1107
+ .ycd-bootstrap-wrapper a:focus {
1108
+ outline: thin dotted;
1109
+ outline: 5px auto -webkit-focus-ring-color;
1110
+ outline-offset: -2px;
1111
+ }
1112
+ .ycd-bootstrap-wrapper figure {
1113
+ margin: 0;
1114
+ }
1115
+ .ycd-bootstrap-wrapper img {
1116
+ vertical-align: middle;
1117
+ }
1118
+ .ycd-bootstrap-wrapper .img-responsive,
1119
+ .ycd-bootstrap-wrapper .thumbnail > img,
1120
+ .ycd-bootstrap-wrapper .thumbnail a > img,
1121
+ .ycd-bootstrap-wrapper .carousel-inner > .item > img,
1122
+ .ycd-bootstrap-wrapper .carousel-inner > .item > a > img {
1123
+ display: block;
1124
+ max-width: 100%;
1125
+ height: auto;
1126
+ }
1127
+ .ycd-bootstrap-wrapper .img-rounded {
1128
+ border-radius: 6px;
1129
+ }
1130
+ .ycd-bootstrap-wrapper .img-thumbnail {
1131
+ display: inline-block;
1132
+ max-width: 100%;
1133
+ height: auto;
1134
+ padding: 4px;
1135
+ line-height: 1.42857143;
1136
+ background-color: #fff;
1137
+ border: 1px solid #ddd;
1138
+ border-radius: 4px;
1139
+ -webkit-transition: all 0.2s ease-in-out;
1140
+ -o-transition: all 0.2s ease-in-out;
1141
+ transition: all 0.2s ease-in-out;
1142
+ }
1143
+ .ycd-bootstrap-wrapper .img-circle {
1144
+ border-radius: 50%;
1145
+ }
1146
+ .ycd-bootstrap-wrapper hr {
1147
+ margin-top: 20px;
1148
+ margin-bottom: 20px;
1149
+ border: 0;
1150
+ border-top: 1px solid #eee;
1151
+ }
1152
+ .ycd-bootstrap-wrapper .sr-only {
1153
+ position: absolute;
1154
+ width: 1px;
1155
+ height: 1px;
1156
+ padding: 0;
1157
+ margin: -1px;
1158
+ overflow: hidden;
1159
+ clip: rect(0, 0, 0, 0);
1160
+ border: 0;
1161
+ }
1162
+ .ycd-bootstrap-wrapper .sr-only-focusable:active,
1163
+ .ycd-bootstrap-wrapper .sr-only-focusable:focus {
1164
+ position: static;
1165
+ width: auto;
1166
+ height: auto;
1167
+ margin: 0;
1168
+ overflow: visible;
1169
+ clip: auto;
1170
+ }
1171
+ .ycd-bootstrap-wrapper [role="button"] {
1172
+ cursor: pointer;
1173
+ }
1174
+ .ycd-bootstrap-wrapper h1,
1175
+ .ycd-bootstrap-wrapper h2,
1176
+ .ycd-bootstrap-wrapper h3,
1177
+ .ycd-bootstrap-wrapper h4,
1178
+ .ycd-bootstrap-wrapper h5,
1179
+ .ycd-bootstrap-wrapper h6,
1180
+ .ycd-bootstrap-wrapper .h1,
1181
+ .ycd-bootstrap-wrapper .h2,
1182
+ .ycd-bootstrap-wrapper .h3,
1183
+ .ycd-bootstrap-wrapper .h4,
1184
+ .ycd-bootstrap-wrapper .h5,
1185
+ .ycd-bootstrap-wrapper .h6 {
1186
+ font-family: inherit;
1187
+ font-weight: 500;
1188
+ line-height: 1.1;
1189
+ color: inherit;
1190
+ }
1191
+ .ycd-bootstrap-wrapper h1 small,
1192
+ .ycd-bootstrap-wrapper h2 small,
1193
+ .ycd-bootstrap-wrapper h3 small,
1194
+ .ycd-bootstrap-wrapper h4 small,
1195
+ .ycd-bootstrap-wrapper h5 small,
1196
+ .ycd-bootstrap-wrapper h6 small,
1197
+ .ycd-bootstrap-wrapper .h1 small,
1198
+ .ycd-bootstrap-wrapper .h2 small,
1199
+ .ycd-bootstrap-wrapper .h3 small,
1200
+ .ycd-bootstrap-wrapper .h4 small,
1201
+ .ycd-bootstrap-wrapper .h5 small,
1202
+ .ycd-bootstrap-wrapper .h6 small,
1203
+ .ycd-bootstrap-wrapper h1 .small,
1204
+ .ycd-bootstrap-wrapper h2 .small,
1205
+ .ycd-bootstrap-wrapper h3 .small,
1206
+ .ycd-bootstrap-wrapper h4 .small,
1207
+ .ycd-bootstrap-wrapper h5 .small,
1208
+ .ycd-bootstrap-wrapper h6 .small,
1209
+ .ycd-bootstrap-wrapper .h1 .small,
1210
+ .ycd-bootstrap-wrapper .h2 .small,
1211
+ .ycd-bootstrap-wrapper .h3 .small,
1212
+ .ycd-bootstrap-wrapper .h4 .small,
1213
+ .ycd-bootstrap-wrapper .h5 .small,
1214
+ .ycd-bootstrap-wrapper .h6 .small {
1215
+ font-weight: normal;
1216
+ line-height: 1;
1217
+ color: #777;
1218
+ }
1219
+ .ycd-bootstrap-wrapper h1,
1220
+ .ycd-bootstrap-wrapper .h1,
1221
+ .ycd-bootstrap-wrapper h2,
1222
+ .ycd-bootstrap-wrapper .h2,
1223
+ .ycd-bootstrap-wrapper h3,
1224
+ .ycd-bootstrap-wrapper .h3 {
1225
+ margin-top: 20px;
1226
+ margin-bottom: 10px;
1227
+ }
1228
+ .ycd-bootstrap-wrapper h1 small,
1229
+ .ycd-bootstrap-wrapper .h1 small,
1230
+ .ycd-bootstrap-wrapper h2 small,
1231
+ .ycd-bootstrap-wrapper .h2 small,
1232
+ .ycd-bootstrap-wrapper h3 small,
1233
+ .ycd-bootstrap-wrapper .h3 small,
1234
+ .ycd-bootstrap-wrapper h1 .small,
1235
+ .ycd-bootstrap-wrapper .h1 .small,
1236
+ .ycd-bootstrap-wrapper h2 .small,
1237
+ .ycd-bootstrap-wrapper .h2 .small,
1238
+ .ycd-bootstrap-wrapper h3 .small,
1239
+ .ycd-bootstrap-wrapper .h3 .small {
1240
+ font-size: 65%;
1241
+ }
1242
+ .ycd-bootstrap-wrapper h4,
1243
+ .ycd-bootstrap-wrapper .h4,
1244
+ .ycd-bootstrap-wrapper h5,
1245
+ .ycd-bootstrap-wrapper .h5,
1246
+ .ycd-bootstrap-wrapper h6,
1247
+ .ycd-bootstrap-wrapper .h6 {
1248
+ margin-top: 10px;
1249
+ margin-bottom: 10px;
1250
+ }
1251
+ .ycd-bootstrap-wrapper h4 small,
1252
+ .ycd-bootstrap-wrapper .h4 small,
1253
+ .ycd-bootstrap-wrapper h5 small,
1254
+ .ycd-bootstrap-wrapper .h5 small,
1255
+ .ycd-bootstrap-wrapper h6 small,
1256
+ .ycd-bootstrap-wrapper .h6 small,
1257
+ .ycd-bootstrap-wrapper h4 .small,
1258
+ .ycd-bootstrap-wrapper .h4 .small,
1259
+ .ycd-bootstrap-wrapper h5 .small,
1260
+ .ycd-bootstrap-wrapper .h5 .small,
1261
+ .ycd-bootstrap-wrapper h6 .small,
1262
+ .ycd-bootstrap-wrapper .h6 .small {
1263
+ font-size: 75%;
1264
+ }
1265
+ .ycd-bootstrap-wrapper h1,
1266
+ .ycd-bootstrap-wrapper .h1 {
1267
+ font-size: 36px;
1268
+ }
1269
+ .ycd-bootstrap-wrapper h2,
1270
+ .ycd-bootstrap-wrapper .h2 {
1271
+ font-size: 30px;
1272
+ }
1273
+ .ycd-bootstrap-wrapper h3,
1274
+ .ycd-bootstrap-wrapper .h3 {
1275
+ font-size: 24px;
1276
+ }
1277
+ .ycd-bootstrap-wrapper h4,
1278
+ .ycd-bootstrap-wrapper .h4 {
1279
+ font-size: 18px;
1280
+ }
1281
+ .ycd-bootstrap-wrapper h5,
1282
+ .ycd-bootstrap-wrapper .h5 {
1283
+ font-size: 14px;
1284
+ }
1285
+ .ycd-bootstrap-wrapper h6,
1286
+ .ycd-bootstrap-wrapper .h6 {
1287
+ font-size: 12px;
1288
+ }
1289
+ .ycd-bootstrap-wrapper p {
1290
+ margin: 0 0 10px;
1291
+ }
1292
+ .ycd-bootstrap-wrapper .lead {
1293
+ margin-bottom: 20px;
1294
+ font-size: 16px;
1295
+ font-weight: 300;
1296
+ line-height: 1.4;
1297
+ }
1298
+ @media (min-width: 768px) {
1299
+ .ycd-bootstrap-wrapper .lead {
1300
+ font-size: 21px;
1301
+ }
1302
+ }
1303
+ .ycd-bootstrap-wrapper small,
1304
+ .ycd-bootstrap-wrapper .small {
1305
+ font-size: 85%;
1306
+ }
1307
+ .ycd-bootstrap-wrapper mark,
1308
+ .ycd-bootstrap-wrapper .mark {
1309
+ padding: .2em;
1310
+ background-color: #fcf8e3;
1311
+ }
1312
+ .ycd-bootstrap-wrapper .text-left {
1313
+ text-align: left;
1314
+ }
1315
+ .ycd-bootstrap-wrapper .text-right {
1316
+ text-align: right;
1317
+ }
1318
+ .ycd-bootstrap-wrapper .text-center {
1319
+ text-align: center;
1320
+ }
1321
+ .ycd-bootstrap-wrapper .text-justify {
1322
+ text-align: justify;
1323
+ }
1324
+ .ycd-bootstrap-wrapper .text-nowrap {
1325
+ white-space: nowrap;
1326
+ }
1327
+ .ycd-bootstrap-wrapper .text-lowercase {
1328
+ text-transform: lowercase;
1329
+ }
1330
+ .ycd-bootstrap-wrapper .text-uppercase {
1331
+ text-transform: uppercase;
1332
+ }
1333
+ .ycd-bootstrap-wrapper .text-capitalize {
1334
+ text-transform: capitalize;
1335
+ }
1336
+ .ycd-bootstrap-wrapper .text-muted {
1337
+ color: #777;
1338
+ }
1339
+ .ycd-bootstrap-wrapper .text-primary {
1340
+ color: #337ab7;
1341
+ }
1342
+ .ycd-bootstrap-wrapper a.text-primary:hover,
1343
+ .ycd-bootstrap-wrapper a.text-primary:focus {
1344
+ color: #286090;
1345
+ }
1346
+ .ycd-bootstrap-wrapper .text-success {
1347
+ color: #3c763d;
1348
+ }
1349
+ .ycd-bootstrap-wrapper a.text-success:hover,
1350
+ .ycd-bootstrap-wrapper a.text-success:focus {
1351
+ color: #2b542c;
1352
+ }
1353
+ .ycd-bootstrap-wrapper .text-info {
1354
+ color: #31708f;
1355
+ }
1356
+ .ycd-bootstrap-wrapper a.text-info:hover,
1357
+ .ycd-bootstrap-wrapper a.text-info:focus {
1358
+ color: #245269;
1359
+ }
1360
+ .ycd-bootstrap-wrapper .text-warning {
1361
+ color: #8a6d3b;
1362
+ }
1363
+ .ycd-bootstrap-wrapper a.text-warning:hover,
1364
+ .ycd-bootstrap-wrapper a.text-warning:focus {
1365
+ color: #66512c;
1366
+ }
1367
+ .ycd-bootstrap-wrapper .text-danger {
1368
+ color: #a94442;
1369
+ }
1370
+ .ycd-bootstrap-wrapper a.text-danger:hover,
1371
+ .ycd-bootstrap-wrapper a.text-danger:focus {
1372
+ color: #843534;
1373
+ }
1374
+ .ycd-bootstrap-wrapper .bg-primary {
1375
+ color: #fff;
1376
+ background-color: #337ab7;
1377
+ }
1378
+ .ycd-bootstrap-wrapper a.bg-primary:hover,
1379
+ .ycd-bootstrap-wrapper a.bg-primary:focus {
1380
+ background-color: #286090;
1381
+ }
1382
+ .ycd-bootstrap-wrapper .bg-success {
1383
+ background-color: #dff0d8;
1384
+ }
1385
+ .ycd-bootstrap-wrapper a.bg-success:hover,
1386
+ .ycd-bootstrap-wrapper a.bg-success:focus {
1387
+ background-color: #c1e2b3;
1388
+ }
1389
+ .ycd-bootstrap-wrapper .bg-info {
1390
+ background-color: #d9edf7;
1391
+ }
1392
+ .ycd-bootstrap-wrapper a.bg-info:hover,
1393
+ .ycd-bootstrap-wrapper a.bg-info:focus {
1394
+ background-color: #afd9ee;
1395
+ }
1396
+ .ycd-bootstrap-wrapper .bg-warning {
1397
+ background-color: #fcf8e3;
1398
+ }
1399
+ .ycd-bootstrap-wrapper a.bg-warning:hover,
1400
+ .ycd-bootstrap-wrapper a.bg-warning:focus {
1401
+ background-color: #f7ecb5;
1402
+ }
1403
+ .ycd-bootstrap-wrapper .bg-danger {
1404
+ background-color: #f2dede;
1405
+ }
1406
+ .ycd-bootstrap-wrapper a.bg-danger:hover,
1407
+ .ycd-bootstrap-wrapper a.bg-danger:focus {
1408
+ background-color: #e4b9b9;
1409
+ }
1410
+ .ycd-bootstrap-wrapper .page-header {
1411
+ padding-bottom: 9px;
1412
+ margin: 40px 0 20px;
1413
+ border-bottom: 1px solid #eee;
1414
+ }
1415
+ .ycd-bootstrap-wrapper ul,
1416
+ .ycd-bootstrap-wrapper ol {
1417
+ margin-top: 0;
1418
+ margin-bottom: 10px;
1419
+ }
1420
+ .ycd-bootstrap-wrapper ul ul,
1421
+ .ycd-bootstrap-wrapper ol ul,
1422
+ .ycd-bootstrap-wrapper ul ol,
1423
+ .ycd-bootstrap-wrapper ol ol {
1424
+ margin-bottom: 0;
1425
+ }
1426
+ .ycd-bootstrap-wrapper .list-unstyled {
1427
+ padding-left: 0;
1428
+ list-style: none;
1429
+ }
1430
+ .ycd-bootstrap-wrapper .list-inline {
1431
+ padding-left: 0;
1432
+ margin-left: -5px;
1433
+ list-style: none;
1434
+ }
1435
+ .ycd-bootstrap-wrapper .list-inline > li {
1436
+ display: inline-block;
1437
+ padding-right: 5px;
1438
+ padding-left: 5px;
1439
+ }
1440
+ .ycd-bootstrap-wrapper dl {
1441
+ margin-top: 0;
1442
+ margin-bottom: 20px;
1443
+ }
1444
+ .ycd-bootstrap-wrapper dt,
1445
+ .ycd-bootstrap-wrapper dd {
1446
+ line-height: 1.42857143;
1447
+ }
1448
+ .ycd-bootstrap-wrapper dt {
1449
+ font-weight: bold;
1450
+ }
1451
+ .ycd-bootstrap-wrapper dd {
1452
+ margin-left: 0;
1453
+ }
1454
+ @media (min-width: 768px) {
1455
+ .ycd-bootstrap-wrapper .dl-horizontal dt {
1456
+ float: left;
1457
+ width: 160px;
1458
+ overflow: hidden;
1459
+ clear: left;
1460
+ text-align: right;
1461
+ text-overflow: ellipsis;
1462
+ white-space: nowrap;
1463
+ }
1464
+ .ycd-bootstrap-wrapper .dl-horizontal dd {
1465
+ margin-left: 180px;
1466
+ }
1467
+ }
1468
+ .ycd-bootstrap-wrapper abbr[title],
1469
+ .ycd-bootstrap-wrapper abbr[data-original-title] {
1470
+ cursor: help;
1471
+ border-bottom: 1px dotted #777;
1472
+ }
1473
+ .ycd-bootstrap-wrapper .initialism {
1474
+ font-size: 90%;
1475
+ text-transform: uppercase;
1476
+ }
1477
+ .ycd-bootstrap-wrapper blockquote {
1478
+ padding: 10px 20px;
1479
+ margin: 0 0 20px;
1480
+ font-size: 17.5px;
1481
+ border-left: 5px solid #eee;
1482
+ }
1483
+ .ycd-bootstrap-wrapper blockquote p:last-child,
1484
+ .ycd-bootstrap-wrapper blockquote ul:last-child,
1485
+ .ycd-bootstrap-wrapper blockquote ol:last-child {
1486
+ margin-bottom: 0;
1487
+ }
1488
+ .ycd-bootstrap-wrapper blockquote footer,
1489
+ .ycd-bootstrap-wrapper blockquote small,
1490
+ .ycd-bootstrap-wrapper blockquote .small {
1491
+ display: block;
1492
+ font-size: 80%;
1493
+ line-height: 1.42857143;
1494
+ color: #777;
1495
+ }
1496
+ .ycd-bootstrap-wrapper blockquote footer:before,
1497
+ .ycd-bootstrap-wrapper blockquote small:before,
1498
+ .ycd-bootstrap-wrapper blockquote .small:before {
1499
+ content: '\2014 \00A0';
1500
+ }
1501
+ .ycd-bootstrap-wrapper .blockquote-reverse,
1502
+ .ycd-bootstrap-wrapper blockquote.pull-right {
1503
+ padding-right: 15px;
1504
+ padding-left: 0;
1505
+ text-align: right;
1506
+ border-right: 5px solid #eee;
1507
+ border-left: 0;
1508
+ }
1509
+ .ycd-bootstrap-wrapper .blockquote-reverse footer:before,
1510
+ .ycd-bootstrap-wrapper blockquote.pull-right footer:before,
1511
+ .ycd-bootstrap-wrapper .blockquote-reverse small:before,
1512
+ .ycd-bootstrap-wrapper blockquote.pull-right small:before,
1513
+ .ycd-bootstrap-wrapper .blockquote-reverse .small:before,
1514
+ .ycd-bootstrap-wrapper blockquote.pull-right .small:before {
1515
+ content: '';
1516
+ }
1517
+ .ycd-bootstrap-wrapper .blockquote-reverse footer:after,
1518
+ .ycd-bootstrap-wrapper blockquote.pull-right footer:after,
1519
+ .ycd-bootstrap-wrapper .blockquote-reverse small:after,
1520
+ .ycd-bootstrap-wrapper blockquote.pull-right small:after,
1521
+ .ycd-bootstrap-wrapper .blockquote-reverse .small:after,
1522
+ .ycd-bootstrap-wrapper blockquote.pull-right .small:after {
1523
+ content: '\00A0 \2014';
1524
+ }
1525
+ .ycd-bootstrap-wrapper address {
1526
+ margin-bottom: 20px;
1527
+ font-style: normal;
1528
+ line-height: 1.42857143;
1529
+ }
1530
+ .ycd-bootstrap-wrapper code,
1531
+ .ycd-bootstrap-wrapper kbd,
1532
+ .ycd-bootstrap-wrapper pre,
1533
+ .ycd-bootstrap-wrapper samp {
1534
+ font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
1535
+ }
1536
+ .ycd-bootstrap-wrapper code {
1537
+ padding: 2px 4px;
1538
+ font-size: 90%;
1539
+ color: #c7254e;
1540
+ background-color: #f9f2f4;
1541
+ border-radius: 4px;
1542
+ }
1543
+ .ycd-bootstrap-wrapper kbd {
1544
+ padding: 2px 4px;
1545
+ font-size: 90%;
1546
+ color: #fff;
1547
+ background-color: #333;
1548
+ border-radius: 3px;
1549
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
1550
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
1551
+ }
1552
+ .ycd-bootstrap-wrapper kbd kbd {
1553
+ padding: 0;
1554
+ font-size: 100%;
1555
+ font-weight: bold;
1556
+ -webkit-box-shadow: none;
1557
+ box-shadow: none;
1558
+ }
1559
+ .ycd-bootstrap-wrapper pre {
1560
+ display: block;
1561
+ padding: 9.5px;
1562
+ margin: 0 0 10px;
1563
+ font-size: 13px;
1564
+ line-height: 1.42857143;
1565
+ color: #333;
1566
+ word-break: break-all;
1567
+ word-wrap: break-word;
1568
+ background-color: #f5f5f5;
1569
+ border: 1px solid #ccc;
1570
+ border-radius: 4px;
1571
+ }
1572
+ .ycd-bootstrap-wrapper pre code {
1573
+ padding: 0;
1574
+ font-size: inherit;
1575
+ color: inherit;
1576
+ white-space: pre-wrap;
1577
+ background-color: transparent;
1578
+ border-radius: 0;
1579
+ }
1580
+ .ycd-bootstrap-wrapper .pre-scrollable {
1581
+ max-height: 340px;
1582
+ overflow-y: scroll;
1583
+ }
1584
+ .ycd-bootstrap-wrapper .container {
1585
+ padding-right: 15px;
1586
+ padding-left: 15px;
1587
+ margin-right: auto;
1588
+ margin-left: auto;
1589
+ }
1590
+ @media (min-width: 768px) {
1591
+ .ycd-bootstrap-wrapper .container {
1592
+ width: 750px;
1593
+ }
1594
+ }
1595
+ @media (min-width: 992px) {
1596
+ .ycd-bootstrap-wrapper .container {
1597
+ width: 970px;
1598
+ }
1599
+ }
1600
+ @media (min-width: 1200px) {
1601
+ .ycd-bootstrap-wrapper .container {
1602
+ width: 1170px;
1603
+ }
1604
+ }
1605
+ .ycd-bootstrap-wrapper .container-fluid {
1606
+ padding-right: 15px;
1607
+ padding-left: 15px;
1608
+ margin-right: auto;
1609
+ margin-left: auto;
1610
+ }
1611
+ .ycd-bootstrap-wrapper .row {
1612
+ margin-right: -15px;
1613
+ margin-left: -15px;
1614
+ }
1615
+ .ycd-bootstrap-wrapper .col-xs-1,
1616
+ .ycd-bootstrap-wrapper .col-sm-1,
1617
+ .ycd-bootstrap-wrapper .col-md-1,
1618
+ .ycd-bootstrap-wrapper .col-lg-1,
1619
+ .ycd-bootstrap-wrapper .col-xs-2,
1620
+ .ycd-bootstrap-wrapper .col-sm-2,
1621
+ .ycd-bootstrap-wrapper .col-md-2,
1622
+ .ycd-bootstrap-wrapper .col-lg-2,
1623
+ .ycd-bootstrap-wrapper .col-xs-3,
1624
+ .ycd-bootstrap-wrapper .col-sm-3,
1625
+ .ycd-bootstrap-wrapper .col-md-3,
1626
+ .ycd-bootstrap-wrapper .col-lg-3,
1627
+ .ycd-bootstrap-wrapper .col-xs-4,
1628
+ .ycd-bootstrap-wrapper .col-sm-4,
1629
+ .ycd-bootstrap-wrapper .col-md-4,
1630
+ .ycd-bootstrap-wrapper .col-lg-4,
1631
+ .ycd-bootstrap-wrapper .col-xs-5,
1632
+ .ycd-bootstrap-wrapper .col-sm-5,
1633
+ .ycd-bootstrap-wrapper .col-md-5,
1634
+ .ycd-bootstrap-wrapper .col-lg-5,
1635
+ .ycd-bootstrap-wrapper .col-xs-6,
1636
+ .ycd-bootstrap-wrapper .col-sm-6,
1637
+ .ycd-bootstrap-wrapper .col-md-6,
1638
+ .ycd-bootstrap-wrapper .col-lg-6,
1639
+ .ycd-bootstrap-wrapper .col-xs-7,
1640
+ .ycd-bootstrap-wrapper .col-sm-7,
1641
+ .ycd-bootstrap-wrapper .col-md-7,
1642
+ .ycd-bootstrap-wrapper .col-lg-7,
1643
+ .ycd-bootstrap-wrapper .col-xs-8,
1644
+ .ycd-bootstrap-wrapper .col-sm-8,
1645
+ .ycd-bootstrap-wrapper .col-md-8,
1646
+ .ycd-bootstrap-wrapper .col-lg-8,
1647
+ .ycd-bootstrap-wrapper .col-xs-9,
1648
+ .ycd-bootstrap-wrapper .col-sm-9,
1649
+ .ycd-bootstrap-wrapper .col-md-9,
1650
+ .ycd-bootstrap-wrapper .col-lg-9,
1651
+ .ycd-bootstrap-wrapper .col-xs-10,
1652
+ .ycd-bootstrap-wrapper .col-sm-10,
1653
+ .ycd-bootstrap-wrapper .col-md-10,
1654
+ .ycd-bootstrap-wrapper .col-lg-10,
1655
+ .ycd-bootstrap-wrapper .col-xs-11,
1656
+ .ycd-bootstrap-wrapper .col-sm-11,
1657
+ .ycd-bootstrap-wrapper .col-md-11,
1658
+ .ycd-bootstrap-wrapper .col-lg-11,
1659
+ .ycd-bootstrap-wrapper .col-xs-12,
1660
+ .ycd-bootstrap-wrapper .col-sm-12,
1661
+ .ycd-bootstrap-wrapper .col-md-12,
1662
+ .ycd-bootstrap-wrapper .col-lg-12 {
1663
+ position: relative;
1664
+ min-height: 1px;
1665
+ padding-right: 15px;
1666
+ padding-left: 15px;
1667
+ }
1668
+ .ycd-bootstrap-wrapper .col-xs-1,
1669
+ .ycd-bootstrap-wrapper .col-xs-2,
1670
+ .ycd-bootstrap-wrapper .col-xs-3,
1671
+ .ycd-bootstrap-wrapper .col-xs-4,
1672
+ .ycd-bootstrap-wrapper .col-xs-5,
1673
+ .ycd-bootstrap-wrapper .col-xs-6,
1674
+ .ycd-bootstrap-wrapper .col-xs-7,
1675
+ .ycd-bootstrap-wrapper .col-xs-8,
1676
+ .ycd-bootstrap-wrapper .col-xs-9,
1677
+ .ycd-bootstrap-wrapper .col-xs-10,
1678
+ .ycd-bootstrap-wrapper .col-xs-11,
1679
+ .ycd-bootstrap-wrapper .col-xs-12 {
1680
+ float: left;
1681
+ }
1682
+ .ycd-bootstrap-wrapper .col-xs-12 {
1683
+ width: 100%;
1684
+ }
1685
+ .ycd-bootstrap-wrapper .col-xs-11 {
1686
+ width: 91.66666667%;
1687
+ }
1688
+ .ycd-bootstrap-wrapper .col-xs-10 {
1689
+ width: 83.33333333%;
1690
+ }
1691
+ .ycd-bootstrap-wrapper .col-xs-9 {
1692
+ width: 75%;
1693
+ }
1694
+ .ycd-bootstrap-wrapper .col-xs-8 {
1695
+ width: 66.66666667%;
1696
+ }
1697
+ .ycd-bootstrap-wrapper .col-xs-7 {
1698
+ width: 58.33333333%;
1699
+ }
1700
+ .ycd-bootstrap-wrapper .col-xs-6 {
1701
+ width: 50%;
1702
+ }
1703
+ .ycd-bootstrap-wrapper .col-xs-5 {
1704
+ width: 41.66666667%;
1705
+ }
1706
+ .ycd-bootstrap-wrapper .col-xs-4 {
1707
+ width: 33.33333333%;
1708
+ }
1709
+ .ycd-bootstrap-wrapper .col-xs-3 {
1710
+ width: 25%;
1711
+ }
1712
+ .ycd-bootstrap-wrapper .col-xs-2 {
1713
+ width: 16.66666667%;
1714
+ }
1715
+ .ycd-bootstrap-wrapper .col-xs-1 {
1716
+ width: 8.33333333%;
1717
+ }
1718
+ .ycd-bootstrap-wrapper .col-xs-pull-12 {
1719
+ right: 100%;
1720
+ }
1721
+ .ycd-bootstrap-wrapper .col-xs-pull-11 {
1722
+ right: 91.66666667%;
1723
+ }
1724
+ .ycd-bootstrap-wrapper .col-xs-pull-10 {
1725
+ right: 83.33333333%;
1726
+ }
1727
+ .ycd-bootstrap-wrapper .col-xs-pull-9 {
1728
+ right: 75%;
1729
+ }
1730
+ .ycd-bootstrap-wrapper .col-xs-pull-8 {
1731
+ right: 66.66666667%;
1732
+ }
1733
+ .ycd-bootstrap-wrapper .col-xs-pull-7 {
1734
+ right: 58.33333333%;
1735
+ }
1736
+ .ycd-bootstrap-wrapper .col-xs-pull-6 {
1737
+ right: 50%;
1738
+ }
1739
+ .ycd-bootstrap-wrapper .col-xs-pull-5 {
1740
+ right: 41.66666667%;
1741
+ }
1742
+ .ycd-bootstrap-wrapper .col-xs-pull-4 {
1743
+ right: 33.33333333%;
1744
+ }
1745
+ .ycd-bootstrap-wrapper .col-xs-pull-3 {
1746
+ right: 25%;
1747
+ }
1748
+ .ycd-bootstrap-wrapper .col-xs-pull-2 {
1749
+ right: 16.66666667%;
1750
+ }
1751
+ .ycd-bootstrap-wrapper .col-xs-pull-1 {
1752
+ right: 8.33333333%;
1753
+ }
1754
+ .ycd-bootstrap-wrapper .col-xs-pull-0 {
1755
+ right: auto;
1756
+ }
1757
+ .ycd-bootstrap-wrapper .col-xs-push-12 {
1758
+ left: 100%;
1759
+ }
1760
+ .ycd-bootstrap-wrapper .col-xs-push-11 {
1761
+ left: 91.66666667%;
1762
+ }
1763
+ .ycd-bootstrap-wrapper .col-xs-push-10 {
1764
+ left: 83.33333333%;
1765
+ }
1766
+ .ycd-bootstrap-wrapper .col-xs-push-9 {
1767
+ left: 75%;
1768
+ }
1769
+ .ycd-bootstrap-wrapper .col-xs-push-8 {
1770
+ left: 66.66666667%;
1771
+ }
1772
+ .ycd-bootstrap-wrapper .col-xs-push-7 {
1773
+ left: 58.33333333%;
1774
+ }
1775
+ .ycd-bootstrap-wrapper .col-xs-push-6 {
1776
+ left: 50%;
1777
+ }
1778
+ .ycd-bootstrap-wrapper .col-xs-push-5 {
1779
+ left: 41.66666667%;
1780
+ }
1781
+ .ycd-bootstrap-wrapper .col-xs-push-4 {
1782
+ left: 33.33333333%;
1783
+ }
1784
+ .ycd-bootstrap-wrapper .col-xs-push-3 {
1785
+ left: 25%;
1786
+ }
1787
+ .ycd-bootstrap-wrapper .col-xs-push-2 {
1788
+ left: 16.66666667%;
1789
+ }
1790
+ .ycd-bootstrap-wrapper .col-xs-push-1 {
1791
+ left: 8.33333333%;
1792
+ }
1793
+ .ycd-bootstrap-wrapper .col-xs-push-0 {
1794
+ left: auto;
1795
+ }
1796
+ .ycd-bootstrap-wrapper .col-xs-offset-12 {
1797
+ margin-left: 100%;
1798
+ }
1799
+ .ycd-bootstrap-wrapper .col-xs-offset-11 {
1800
+ margin-left: 91.66666667%;
1801
+ }
1802
+ .ycd-bootstrap-wrapper .col-xs-offset-10 {
1803
+ margin-left: 83.33333333%;
1804
+ }
1805
+ .ycd-bootstrap-wrapper .col-xs-offset-9 {
1806
+ margin-left: 75%;
1807
+ }
1808
+ .ycd-bootstrap-wrapper .col-xs-offset-8 {
1809
+ margin-left: 66.66666667%;
1810
+ }
1811
+ .ycd-bootstrap-wrapper .col-xs-offset-7 {
1812
+ margin-left: 58.33333333%;
1813
+ }
1814
+ .ycd-bootstrap-wrapper .col-xs-offset-6 {
1815
+ margin-left: 50%;
1816
+ }
1817
+ .ycd-bootstrap-wrapper .col-xs-offset-5 {
1818
+ margin-left: 41.66666667%;
1819
+ }
1820
+ .ycd-bootstrap-wrapper .col-xs-offset-4 {
1821
+ margin-left: 33.33333333%;
1822
+ }
1823
+ .ycd-bootstrap-wrapper .col-xs-offset-3 {
1824
+ margin-left: 25%;
1825
+ }
1826
+ .ycd-bootstrap-wrapper .col-xs-offset-2 {
1827
+ margin-left: 16.66666667%;
1828
+ }
1829
+ .ycd-bootstrap-wrapper .col-xs-offset-1 {
1830
+ margin-left: 8.33333333%;
1831
+ }
1832
+ .ycd-bootstrap-wrapper .col-xs-offset-0 {
1833
+ margin-left: 0;
1834
+ }
1835
+ @media (min-width: 768px) {
1836
+ .ycd-bootstrap-wrapper .col-sm-1,
1837
+ .ycd-bootstrap-wrapper .col-sm-2,
1838
+ .ycd-bootstrap-wrapper .col-sm-3,
1839
+ .ycd-bootstrap-wrapper .col-sm-4,
1840
+ .ycd-bootstrap-wrapper .col-sm-5,
1841
+ .ycd-bootstrap-wrapper .col-sm-6,
1842
+ .ycd-bootstrap-wrapper .col-sm-7,
1843
+ .ycd-bootstrap-wrapper .col-sm-8,
1844
+ .ycd-bootstrap-wrapper .col-sm-9,
1845
+ .ycd-bootstrap-wrapper .col-sm-10,
1846
+ .ycd-bootstrap-wrapper .col-sm-11,
1847
+ .ycd-bootstrap-wrapper .col-sm-12 {
1848
+ float: left;
1849
+ }
1850
+ .ycd-bootstrap-wrapper .col-sm-12 {
1851
+ width: 100%;
1852
+ }
1853
+ .ycd-bootstrap-wrapper .col-sm-11 {
1854
+ width: 91.66666667%;
1855
+ }
1856
+ .ycd-bootstrap-wrapper .col-sm-10 {
1857
+ width: 83.33333333%;
1858
+ }
1859
+ .ycd-bootstrap-wrapper .col-sm-9 {
1860
+ width: 75%;
1861
+ }
1862
+ .ycd-bootstrap-wrapper .col-sm-8 {
1863
+ width: 66.66666667%;
1864
+ }
1865
+ .ycd-bootstrap-wrapper .col-sm-7 {
1866
+ width: 58.33333333%;
1867
+ }
1868
+ .ycd-bootstrap-wrapper .col-sm-6 {
1869
+ width: 50%;
1870
+ }
1871
+ .ycd-bootstrap-wrapper .col-sm-5 {
1872
+ width: 41.66666667%;
1873
+ }
1874
+ .ycd-bootstrap-wrapper .col-sm-4 {
1875
+ width: 33.33333333%;
1876
+ }
1877
+ .ycd-bootstrap-wrapper .col-sm-3 {
1878
+ width: 25%;
1879
+ }
1880
+ .ycd-bootstrap-wrapper .col-sm-2 {
1881
+ width: 16.66666667%;
1882
+ }
1883
+ .ycd-bootstrap-wrapper .col-sm-1 {
1884
+ width: 8.33333333%;
1885
+ }
1886
+ .ycd-bootstrap-wrapper .col-sm-pull-12 {
1887
+ right: 100%;
1888
+ }
1889
+ .ycd-bootstrap-wrapper .col-sm-pull-11 {
1890
+ right: 91.66666667%;
1891
+ }
1892
+ .ycd-bootstrap-wrapper .col-sm-pull-10 {
1893
+ right: 83.33333333%;
1894
+ }
1895
+ .ycd-bootstrap-wrapper .col-sm-pull-9 {
1896
+ right: 75%;
1897
+ }
1898
+ .ycd-bootstrap-wrapper .col-sm-pull-8 {
1899
+ right: 66.66666667%;
1900
+ }
1901
+ .ycd-bootstrap-wrapper .col-sm-pull-7 {
1902
+ right: 58.33333333%;
1903
+ }
1904
+ .ycd-bootstrap-wrapper .col-sm-pull-6 {
1905
+ right: 50%;
1906
+ }
1907
+ .ycd-bootstrap-wrapper .col-sm-pull-5 {
1908
+ right: 41.66666667%;
1909
+ }
1910
+ .ycd-bootstrap-wrapper .col-sm-pull-4 {
1911
+ right: 33.33333333%;
1912
+ }
1913
+ .ycd-bootstrap-wrapper .col-sm-pull-3 {
1914
+ right: 25%;
1915
+ }
1916
+ .ycd-bootstrap-wrapper .col-sm-pull-2 {
1917
+ right: 16.66666667%;
1918
+ }
1919
+ .ycd-bootstrap-wrapper .col-sm-pull-1 {
1920
+ right: 8.33333333%;
1921
+ }
1922
+ .ycd-bootstrap-wrapper .col-sm-pull-0 {
1923
+ right: auto;
1924
+ }
1925
+ .ycd-bootstrap-wrapper .col-sm-push-12 {
1926
+ left: 100%;
1927
+ }
1928
+ .ycd-bootstrap-wrapper .col-sm-push-11 {
1929
+ left: 91.66666667%;
1930
+ }
1931
+ .ycd-bootstrap-wrapper .col-sm-push-10 {
1932
+ left: 83.33333333%;
1933
+ }
1934
+ .ycd-bootstrap-wrapper .col-sm-push-9 {
1935
+ left: 75%;
1936
+ }
1937
+ .ycd-bootstrap-wrapper .col-sm-push-8 {
1938
+ left: 66.66666667%;
1939
+ }
1940
+ .ycd-bootstrap-wrapper .col-sm-push-7 {
1941
+ left: 58.33333333%;
1942
+ }
1943
+ .ycd-bootstrap-wrapper .col-sm-push-6 {
1944
+ left: 50%;
1945
+ }
1946
+ .ycd-bootstrap-wrapper .col-sm-push-5 {
1947
+ left: 41.66666667%;
1948
+ }
1949
+ .ycd-bootstrap-wrapper .col-sm-push-4 {
1950
+ left: 33.33333333%;
1951
+ }
1952
+ .ycd-bootstrap-wrapper .col-sm-push-3 {
1953
+ left: 25%;
1954
+ }
1955
+ .ycd-bootstrap-wrapper .col-sm-push-2 {
1956
+ left: 16.66666667%;
1957
+ }
1958
+ .ycd-bootstrap-wrapper .col-sm-push-1 {
1959
+ left: 8.33333333%;
1960
+ }
1961
+ .ycd-bootstrap-wrapper .col-sm-push-0 {
1962
+ left: auto;
1963
+ }
1964
+ .ycd-bootstrap-wrapper .col-sm-offset-12 {
1965
+ margin-left: 100%;
1966
+ }
1967
+ .ycd-bootstrap-wrapper .col-sm-offset-11 {
1968
+ margin-left: 91.66666667%;
1969
+ }
1970
+ .ycd-bootstrap-wrapper .col-sm-offset-10 {
1971
+ margin-left: 83.33333333%;
1972
+ }
1973
+ .ycd-bootstrap-wrapper .col-sm-offset-9 {
1974
+ margin-left: 75%;
1975
+ }
1976
+ .ycd-bootstrap-wrapper .col-sm-offset-8 {
1977
+ margin-left: 66.66666667%;
1978
+ }
1979
+ .ycd-bootstrap-wrapper .col-sm-offset-7 {
1980
+ margin-left: 58.33333333%;
1981
+ }
1982
+ .ycd-bootstrap-wrapper .col-sm-offset-6 {
1983
+ margin-left: 50%;
1984
+ }
1985
+ .ycd-bootstrap-wrapper .col-sm-offset-5 {
1986
+ margin-left: 41.66666667%;
1987
+ }
1988
+ .ycd-bootstrap-wrapper .col-sm-offset-4 {
1989
+ margin-left: 33.33333333%;
1990
+ }
1991
+ .ycd-bootstrap-wrapper .col-sm-offset-3 {
1992
+ margin-left: 25%;
1993
+ }
1994
+ .ycd-bootstrap-wrapper .col-sm-offset-2 {
1995
+ margin-left: 16.66666667%;
1996
+ }
1997
+ .ycd-bootstrap-wrapper .col-sm-offset-1 {
1998
+ margin-left: 8.33333333%;
1999
+ }
2000
+ .ycd-bootstrap-wrapper .col-sm-offset-0 {
2001
+ margin-left: 0;
2002
+ }
2003
+ }
2004
+ @media (min-width: 992px) {
2005
+ .ycd-bootstrap-wrapper .col-md-1,
2006
+ .ycd-bootstrap-wrapper .col-md-2,
2007
+ .ycd-bootstrap-wrapper .col-md-3,
2008
+ .ycd-bootstrap-wrapper .col-md-4,
2009
+ .ycd-bootstrap-wrapper .col-md-5,
2010
+ .ycd-bootstrap-wrapper .col-md-6,
2011
+ .ycd-bootstrap-wrapper .col-md-7,
2012
+ .ycd-bootstrap-wrapper .col-md-8,
2013
+ .ycd-bootstrap-wrapper .col-md-9,
2014
+ .ycd-bootstrap-wrapper .col-md-10,
2015
+ .ycd-bootstrap-wrapper .col-md-11,
2016
+ .ycd-bootstrap-wrapper .col-md-12 {
2017
+ float: left;
2018
+ }
2019
+ .ycd-bootstrap-wrapper .col-md-12 {
2020
+ width: 100%;
2021
+ }
2022
+ .ycd-bootstrap-wrapper .col-md-11 {
2023
+ width: 91.66666667%;
2024
+ }
2025
+ .ycd-bootstrap-wrapper .col-md-10 {
2026
+ width: 83.33333333%;
2027
+ }
2028
+ .ycd-bootstrap-wrapper .col-md-9 {
2029
+ width: 75%;
2030
+ }
2031
+ .ycd-bootstrap-wrapper .col-md-8 {
2032
+ width: 66.66666667%;
2033
+ }
2034
+ .ycd-bootstrap-wrapper .col-md-7 {
2035
+ width: 58.33333333%;
2036
+ }
2037
+ .ycd-bootstrap-wrapper .col-md-6 {
2038
+ width: 50%;
2039
+ }
2040
+ .ycd-bootstrap-wrapper .col-md-5 {
2041
+ width: 41.66666667%;
2042
+ }
2043
+ .ycd-bootstrap-wrapper .col-md-4 {
2044
+ width: 33.33333333%;
2045
+ }
2046
+ .ycd-bootstrap-wrapper .col-md-3 {
2047
+ width: 25%;
2048
+ }
2049
+ .ycd-bootstrap-wrapper .col-md-2 {
2050
+ width: 16.66666667%;
2051
+ }
2052
+ .ycd-bootstrap-wrapper .col-md-1 {
2053
+ width: 8.33333333%;
2054
+ }
2055
+ .ycd-bootstrap-wrapper .col-md-pull-12 {
2056
+ right: 100%;
2057
+ }
2058
+ .ycd-bootstrap-wrapper .col-md-pull-11 {
2059
+ right: 91.66666667%;
2060
+ }
2061
+ .ycd-bootstrap-wrapper .col-md-pull-10 {
2062
+ right: 83.33333333%;
2063
+ }
2064
+ .ycd-bootstrap-wrapper .col-md-pull-9 {
2065
+ right: 75%;
2066
+ }
2067
+ .ycd-bootstrap-wrapper .col-md-pull-8 {
2068
+ right: 66.66666667%;
2069
+ }
2070
+ .ycd-bootstrap-wrapper .col-md-pull-7 {
2071
+ right: 58.33333333%;
2072
+ }
2073
+ .ycd-bootstrap-wrapper .col-md-pull-6 {
2074
+ right: 50%;
2075
+ }
2076
+ .ycd-bootstrap-wrapper .col-md-pull-5 {
2077
+ right: 41.66666667%;
2078
+ }
2079
+ .ycd-bootstrap-wrapper .col-md-pull-4 {
2080
+ right: 33.33333333%;
2081
+ }
2082
+ .ycd-bootstrap-wrapper .col-md-pull-3 {
2083
+ right: 25%;
2084
+ }
2085
+ .ycd-bootstrap-wrapper .col-md-pull-2 {
2086
+ right: 16.66666667%;
2087
+ }
2088
+ .ycd-bootstrap-wrapper .col-md-pull-1 {
2089
+ right: 8.33333333%;
2090
+ }
2091
+ .ycd-bootstrap-wrapper .col-md-pull-0 {
2092
+ right: auto;
2093
+ }
2094
+ .ycd-bootstrap-wrapper .col-md-push-12 {
2095
+ left: 100%;
2096
+ }
2097
+ .ycd-bootstrap-wrapper .col-md-push-11 {
2098
+ left: 91.66666667%;
2099
+ }
2100
+ .ycd-bootstrap-wrapper .col-md-push-10 {
2101
+ left: 83.33333333%;
2102
+ }
2103
+ .ycd-bootstrap-wrapper .col-md-push-9 {
2104
+ left: 75%;
2105
+ }
2106
+ .ycd-bootstrap-wrapper .col-md-push-8 {
2107
+ left: 66.66666667%;
2108
+ }
2109
+ .ycd-bootstrap-wrapper .col-md-push-7 {
2110
+ left: 58.33333333%;
2111
+ }
2112
+ .ycd-bootstrap-wrapper .col-md-push-6 {
2113
+ left: 50%;
2114
+ }
2115
+ .ycd-bootstrap-wrapper .col-md-push-5 {
2116
+ left: 41.66666667%;
2117
+ }
2118
+ .ycd-bootstrap-wrapper .col-md-push-4 {
2119
+ left: 33.33333333%;
2120
+ }
2121
+ .ycd-bootstrap-wrapper .col-md-push-3 {
2122
+ left: 25%;
2123
+ }
2124
+ .ycd-bootstrap-wrapper .col-md-push-2 {
2125
+ left: 16.66666667%;
2126
+ }
2127
+ .ycd-bootstrap-wrapper .col-md-push-1 {
2128
+ left: 8.33333333%;
2129
+ }
2130
+ .ycd-bootstrap-wrapper .col-md-push-0 {
2131
+ left: auto;
2132
+ }
2133
+ .ycd-bootstrap-wrapper .col-md-offset-12 {
2134
+ margin-left: 100%;
2135
+ }
2136
+ .ycd-bootstrap-wrapper .col-md-offset-11 {
2137
+ margin-left: 91.66666667%;
2138
+ }
2139
+ .ycd-bootstrap-wrapper .col-md-offset-10 {
2140
+ margin-left: 83.33333333%;
2141
+ }
2142
+ .ycd-bootstrap-wrapper .col-md-offset-9 {
2143
+ margin-left: 75%;
2144
+ }
2145
+ .ycd-bootstrap-wrapper .col-md-offset-8 {
2146
+ margin-left: 66.66666667%;
2147
+ }
2148
+ .ycd-bootstrap-wrapper .col-md-offset-7 {
2149
+ margin-left: 58.33333333%;
2150
+ }
2151
+ .ycd-bootstrap-wrapper .col-md-offset-6 {
2152
+ margin-left: 50%;
2153
+ }
2154
+ .ycd-bootstrap-wrapper .col-md-offset-5 {
2155
+ margin-left: 41.66666667%;
2156
+ }
2157
+ .ycd-bootstrap-wrapper .col-md-offset-4 {
2158
+ margin-left: 33.33333333%;
2159
+ }
2160
+ .ycd-bootstrap-wrapper .col-md-offset-3 {
2161
+ margin-left: 25%;
2162
+ }
2163
+ .ycd-bootstrap-wrapper .col-md-offset-2 {
2164
+ margin-left: 16.66666667%;
2165
+ }
2166
+ .ycd-bootstrap-wrapper .col-md-offset-1 {
2167
+ margin-left: 8.33333333%;
2168
+ }
2169
+ .ycd-bootstrap-wrapper .col-md-offset-0 {
2170
+ margin-left: 0;
2171
+ }
2172
+ }
2173
+ @media (min-width: 1200px) {
2174
+ .ycd-bootstrap-wrapper .col-lg-1,
2175
+ .ycd-bootstrap-wrapper .col-lg-2,
2176
+ .ycd-bootstrap-wrapper .col-lg-3,
2177
+ .ycd-bootstrap-wrapper .col-lg-4,
2178
+ .ycd-bootstrap-wrapper .col-lg-5,
2179
+ .ycd-bootstrap-wrapper .col-lg-6,
2180
+ .ycd-bootstrap-wrapper .col-lg-7,
2181
+ .ycd-bootstrap-wrapper .col-lg-8,
2182
+ .ycd-bootstrap-wrapper .col-lg-9,
2183
+ .ycd-bootstrap-wrapper .col-lg-10,
2184
+ .ycd-bootstrap-wrapper .col-lg-11,
2185
+ .ycd-bootstrap-wrapper .col-lg-12 {
2186
+ float: left;
2187
+ }
2188
+ .ycd-bootstrap-wrapper .col-lg-12 {
2189
+ width: 100%;
2190
+ }
2191
+ .ycd-bootstrap-wrapper .col-lg-11 {
2192
+ width: 91.66666667%;
2193
+ }
2194
+ .ycd-bootstrap-wrapper .col-lg-10 {
2195
+ width: 83.33333333%;
2196
+ }
2197
+ .ycd-bootstrap-wrapper .col-lg-9 {
2198
+ width: 75%;
2199
+ }
2200
+ .ycd-bootstrap-wrapper .col-lg-8 {
2201
+ width: 66.66666667%;
2202
+ }
2203
+ .ycd-bootstrap-wrapper .col-lg-7 {
2204
+ width: 58.33333333%;
2205
+ }
2206
+ .ycd-bootstrap-wrapper .col-lg-6 {
2207
+ width: 50%;
2208
+ }
2209
+ .ycd-bootstrap-wrapper .col-lg-5 {
2210
+ width: 41.66666667%;
2211
+ }
2212
+ .ycd-bootstrap-wrapper .col-lg-4 {
2213
+ width: 33.33333333%;
2214
+ }
2215
+ .ycd-bootstrap-wrapper .col-lg-3 {
2216
+ width: 25%;
2217
+ }
2218
+ .ycd-bootstrap-wrapper .col-lg-2 {
2219
+ width: 16.66666667%;
2220
+ }
2221
+ .ycd-bootstrap-wrapper .col-lg-1 {
2222
+ width: 8.33333333%;
2223
+ }
2224
+ .ycd-bootstrap-wrapper .col-lg-pull-12 {
2225
+ right: 100%;
2226
+ }
2227
+ .ycd-bootstrap-wrapper .col-lg-pull-11 {
2228
+ right: 91.66666667%;
2229
+ }
2230
+ .ycd-bootstrap-wrapper .col-lg-pull-10 {
2231
+ right: 83.33333333%;
2232
+ }
2233
+ .ycd-bootstrap-wrapper .col-lg-pull-9 {
2234
+ right: 75%;
2235
+ }
2236
+ .ycd-bootstrap-wrapper .col-lg-pull-8 {
2237
+ right: 66.66666667%;
2238
+ }
2239
+ .ycd-bootstrap-wrapper .col-lg-pull-7 {
2240
+ right: 58.33333333%;
2241
+ }
2242
+ .ycd-bootstrap-wrapper .col-lg-pull-6 {
2243
+ right: 50%;
2244
+ }
2245
+ .ycd-bootstrap-wrapper .col-lg-pull-5 {
2246
+ right: 41.66666667%;
2247
+ }
2248
+ .ycd-bootstrap-wrapper .col-lg-pull-4 {
2249
+ right: 33.33333333%;
2250
+ }
2251
+ .ycd-bootstrap-wrapper .col-lg-pull-3 {
2252
+ right: 25%;
2253
+ }
2254
+ .ycd-bootstrap-wrapper .col-lg-pull-2 {
2255
+ right: 16.66666667%;
2256
+ }
2257
+ .ycd-bootstrap-wrapper .col-lg-pull-1 {
2258
+ right: 8.33333333%;
2259
+ }
2260
+ .ycd-bootstrap-wrapper .col-lg-pull-0 {
2261
+ right: auto;
2262
+ }
2263
+ .ycd-bootstrap-wrapper .col-lg-push-12 {
2264
+ left: 100%;
2265
+ }
2266
+ .ycd-bootstrap-wrapper .col-lg-push-11 {
2267
+ left: 91.66666667%;
2268
+ }
2269
+ .ycd-bootstrap-wrapper .col-lg-push-10 {
2270
+ left: 83.33333333%;
2271
+ }
2272
+ .ycd-bootstrap-wrapper .col-lg-push-9 {
2273
+ left: 75%;
2274
+ }
2275
+ .ycd-bootstrap-wrapper .col-lg-push-8 {
2276
+ left: 66.66666667%;
2277
+ }
2278
+ .ycd-bootstrap-wrapper .col-lg-push-7 {
2279
+ left: 58.33333333%;
2280
+ }
2281
+ .ycd-bootstrap-wrapper .col-lg-push-6 {
2282
+ left: 50%;
2283
+ }
2284
+ .ycd-bootstrap-wrapper .col-lg-push-5 {
2285
+ left: 41.66666667%;
2286
+ }
2287
+ .ycd-bootstrap-wrapper .col-lg-push-4 {
2288
+ left: 33.33333333%;
2289
+ }
2290
+ .ycd-bootstrap-wrapper .col-lg-push-3 {
2291
+ left: 25%;
2292
+ }
2293
+ .ycd-bootstrap-wrapper .col-lg-push-2 {
2294
+ left: 16.66666667%;
2295
+ }
2296
+ .ycd-bootstrap-wrapper .col-lg-push-1 {
2297
+ left: 8.33333333%;
2298
+ }
2299
+ .ycd-bootstrap-wrapper .col-lg-push-0 {
2300
+ left: auto;
2301
+ }
2302
+ .ycd-bootstrap-wrapper .col-lg-offset-12 {
2303
+ margin-left: 100%;
2304
+ }
2305
+ .ycd-bootstrap-wrapper .col-lg-offset-11 {
2306
+ margin-left: 91.66666667%;
2307
+ }
2308
+ .ycd-bootstrap-wrapper .col-lg-offset-10 {
2309
+ margin-left: 83.33333333%;
2310
+ }
2311
+ .ycd-bootstrap-wrapper .col-lg-offset-9 {
2312
+ margin-left: 75%;
2313
+ }
2314
+ .ycd-bootstrap-wrapper .col-lg-offset-8 {
2315
+ margin-left: 66.66666667%;
2316
+ }
2317
+ .ycd-bootstrap-wrapper .col-lg-offset-7 {
2318
+ margin-left: 58.33333333%;
2319
+ }
2320
+ .ycd-bootstrap-wrapper .col-lg-offset-6 {
2321
+ margin-left: 50%;
2322
+ }
2323
+ .ycd-bootstrap-wrapper .col-lg-offset-5 {
2324
+ margin-left: 41.66666667%;
2325
+ }
2326
+ .ycd-bootstrap-wrapper .col-lg-offset-4 {
2327
+ margin-left: 33.33333333%;
2328
+ }
2329
+ .ycd-bootstrap-wrapper .col-lg-offset-3 {
2330
+ margin-left: 25%;
2331
+ }
2332
+ .ycd-bootstrap-wrapper .col-lg-offset-2 {
2333
+ margin-left: 16.66666667%;
2334
+ }
2335
+ .ycd-bootstrap-wrapper .col-lg-offset-1 {
2336
+ margin-left: 8.33333333%;
2337
+ }
2338
+ .ycd-bootstrap-wrapper .col-lg-offset-0 {
2339
+ margin-left: 0;
2340
+ }
2341
+ }
2342
+ .ycd-bootstrap-wrapper table {
2343
+ background-color: transparent;
2344
+ }
2345
+ .ycd-bootstrap-wrapper caption {
2346
+ padding-top: 8px;
2347
+ padding-bottom: 8px;
2348
+ color: #777;
2349
+ text-align: left;
2350
+ }
2351
+ .ycd-bootstrap-wrapper th {
2352
+ text-align: left;
2353
+ }
2354
+ .ycd-bootstrap-wrapper .table {
2355
+ width: 100%;
2356
+ max-width: 100%;
2357
+ margin-bottom: 20px;
2358
+ }
2359
+ .ycd-bootstrap-wrapper .table > thead > tr > th,
2360
+ .ycd-bootstrap-wrapper .table > tbody > tr > th,
2361
+ .ycd-bootstrap-wrapper .table > tfoot > tr > th,
2362
+ .ycd-bootstrap-wrapper .table > thead > tr > td,
2363
+ .ycd-bootstrap-wrapper .table > tbody > tr > td,
2364
+ .ycd-bootstrap-wrapper .table > tfoot > tr > td {
2365
+ padding: 8px;
2366
+ line-height: 1.42857143;
2367
+ vertical-align: top;
2368
+ border-top: 1px solid #ddd;
2369
+ }
2370
+ .ycd-bootstrap-wrapper .table > thead > tr > th {
2371
+ vertical-align: bottom;
2372
+ border-bottom: 2px solid #ddd;
2373
+ }
2374
+ .ycd-bootstrap-wrapper .table > caption + thead > tr:first-child > th,
2375
+ .ycd-bootstrap-wrapper .table > colgroup + thead > tr:first-child > th,
2376
+ .ycd-bootstrap-wrapper .table > thead:first-child > tr:first-child > th,
2377
+ .ycd-bootstrap-wrapper .table > caption + thead > tr:first-child > td,
2378
+ .ycd-bootstrap-wrapper .table > colgroup + thead > tr:first-child > td,
2379
+ .ycd-bootstrap-wrapper .table > thead:first-child > tr:first-child > td {
2380
+ border-top: 0;
2381
+ }
2382
+ .ycd-bootstrap-wrapper .table > tbody + tbody {
2383
+ border-top: 2px solid #ddd;
2384
+ }
2385
+ .ycd-bootstrap-wrapper .table .table {
2386
+ background-color: #fff;
2387
+ }
2388
+ .ycd-bootstrap-wrapper .table-condensed > thead > tr > th,
2389
+ .ycd-bootstrap-wrapper .table-condensed > tbody > tr > th,
2390
+ .ycd-bootstrap-wrapper .table-condensed > tfoot > tr > th,
2391
+ .ycd-bootstrap-wrapper .table-condensed > thead > tr > td,
2392
+ .ycd-bootstrap-wrapper .table-condensed > tbody > tr > td,
2393
+ .ycd-bootstrap-wrapper .table-condensed > tfoot > tr > td {
2394
+ padding: 5px;
2395
+ }
2396
+ .ycd-bootstrap-wrapper .table-bordered {
2397
+ border: 1px solid #ddd;
2398
+ }
2399
+ .ycd-bootstrap-wrapper .table-bordered > thead > tr > th,
2400
+ .ycd-bootstrap-wrapper .table-bordered > tbody > tr > th,
2401
+ .ycd-bootstrap-wrapper .table-bordered > tfoot > tr > th,
2402
+ .ycd-bootstrap-wrapper .table-bordered > thead > tr > td,
2403
+ .ycd-bootstrap-wrapper .table-bordered > tbody > tr > td,
2404
+ .ycd-bootstrap-wrapper .table-bordered > tfoot > tr > td {
2405
+ border: 1px solid #ddd;
2406
+ }
2407
+ .ycd-bootstrap-wrapper .table-bordered > thead > tr > th,
2408
+ .ycd-bootstrap-wrapper .table-bordered > thead > tr > td {
2409
+ border-bottom-width: 2px;
2410
+ }
2411
+ .ycd-bootstrap-wrapper .table-striped > tbody > tr:nth-of-type(odd) {
2412
+ background-color: #f9f9f9;
2413
+ }
2414
+ .ycd-bootstrap-wrapper .table-hover > tbody > tr:hover {
2415
+ background-color: #f5f5f5;
2416
+ }
2417
+ .ycd-bootstrap-wrapper table col[class*="col-"] {
2418
+ position: static;
2419
+ display: table-column;
2420
+ float: none;
2421
+ }
2422
+ .ycd-bootstrap-wrapper table td[class*="col-"],
2423
+ .ycd-bootstrap-wrapper table th[class*="col-"] {
2424
+ position: static;
2425
+ display: table-cell;
2426
+ float: none;
2427
+ }
2428
+ .ycd-bootstrap-wrapper .table > thead > tr > td.active,
2429
+ .ycd-bootstrap-wrapper .table > tbody > tr > td.active,
2430
+ .ycd-bootstrap-wrapper .table > tfoot > tr > td.active,
2431
+ .ycd-bootstrap-wrapper .table > thead > tr > th.active,
2432
+ .ycd-bootstrap-wrapper .table > tbody > tr > th.active,
2433
+ .ycd-bootstrap-wrapper .table > tfoot > tr > th.active,
2434
+ .ycd-bootstrap-wrapper .table > thead > tr.active > td,
2435
+ .ycd-bootstrap-wrapper .table > tbody > tr.active > td,
2436
+ .ycd-bootstrap-wrapper .table > tfoot > tr.active > td,
2437
+ .ycd-bootstrap-wrapper .table > thead > tr.active > th,
2438
+ .ycd-bootstrap-wrapper .table > tbody > tr.active > th,
2439
+ .ycd-bootstrap-wrapper .table > tfoot > tr.active > th {
2440
+ background-color: #f5f5f5;
2441
+ }
2442
+ .ycd-bootstrap-wrapper .table-hover > tbody > tr > td.active:hover,
2443
+ .ycd-bootstrap-wrapper .table-hover > tbody > tr > th.active:hover,
2444
+ .ycd-bootstrap-wrapper .table-hover > tbody > tr.active:hover > td,
2445
+ .ycd-bootstrap-wrapper .table-hover > tbody > tr:hover > .active,
2446
+ .ycd-bootstrap-wrapper .table-hover > tbody > tr.active:hover > th {
2447
+ background-color: #e8e8e8;
2448
+ }
2449
+ .ycd-bootstrap-wrapper .table > thead > tr > td.success,
2450
+ .ycd-bootstrap-wrapper .table > tbody > tr > td.success,
2451
+ .ycd-bootstrap-wrapper .table > tfoot > tr > td.success,
2452
+ .ycd-bootstrap-wrapper .table > thead > tr > th.success,
2453
+ .ycd-bootstrap-wrapper .table > tbody > tr > th.success,
2454
+ .ycd-bootstrap-wrapper .table > tfoot > tr > th.success,
2455
+ .ycd-bootstrap-wrapper .table > thead > tr.success > td,
2456
+ .ycd-bootstrap-wrapper .table > tbody > tr.success > td,
2457
+ .ycd-bootstrap-wrapper .table > tfoot > tr.success > td,
2458
+ .ycd-bootstrap-wrapper .table > thead > tr.success > th,
2459
+ .ycd-bootstrap-wrapper .table > tbody > tr.success > th,
2460
+ .ycd-bootstrap-wrapper .table > tfoot > tr.success > th {
2461
+ background-color: #dff0d8;
2462
+ }
2463
+ .ycd-bootstrap-wrapper .table-hover > tbody > tr > td.success:hover,
2464
+ .ycd-bootstrap-wrapper .table-hover > tbody > tr > th.success:hover,
2465
+ .ycd-bootstrap-wrapper .table-hover > tbody > tr.success:hover > td,
2466
+ .ycd-bootstrap-wrapper .table-hover > tbody > tr:hover > .success,
2467
+ .ycd-bootstrap-wrapper .table-hover > tbody > tr.success:hover > th {
2468
+ background-color: #d0e9c6;
2469
+ }
2470
+ .ycd-bootstrap-wrapper .table > thead > tr > td.info,
2471
+ .ycd-bootstrap-wrapper .table > tbody > tr > td.info,
2472
+ .ycd-bootstrap-wrapper .table > tfoot > tr > td.info,
2473
+ .ycd-bootstrap-wrapper .table > thead > tr > th.info,
2474
+ .ycd-bootstrap-wrapper .table > tbody > tr > th.info,
2475
+ .ycd-bootstrap-wrapper .table > tfoot > tr > th.info,
2476
+ .ycd-bootstrap-wrapper .table > thead > tr.info > td,
2477
+ .ycd-bootstrap-wrapper .table > tbody > tr.info > td,
2478
+ .ycd-bootstrap-wrapper .table > tfoot > tr.info > td,
2479
+ .ycd-bootstrap-wrapper .table > thead > tr.info > th,
2480
+ .ycd-bootstrap-wrapper .table > tbody > tr.info > th,
2481
+ .ycd-bootstrap-wrapper .table > tfoot > tr.info > th {
2482
+ background-color: #d9edf7;
2483
+ }
2484
+ .ycd-bootstrap-wrapper .table-hover > tbody > tr > td.info:hover,
2485
+ .ycd-bootstrap-wrapper .table-hover > tbody > tr > th.info:hover,
2486
+ .ycd-bootstrap-wrapper .table-hover > tbody > tr.info:hover > td,
2487
+ .ycd-bootstrap-wrapper .table-hover > tbody > tr:hover > .info,
2488
+ .ycd-bootstrap-wrapper .table-hover > tbody > tr.info:hover > th {
2489
+ background-color: #c4e3f3;
2490
+ }
2491
+ .ycd-bootstrap-wrapper .table > thead > tr > td.warning,
2492
+ .ycd-bootstrap-wrapper .table > tbody > tr > td.warning,
2493
+ .ycd-bootstrap-wrapper .table > tfoot > tr > td.warning,
2494
+ .ycd-bootstrap-wrapper .table > thead > tr > th.warning,
2495
+ .ycd-bootstrap-wrapper .table > tbody > tr > th.warning,
2496
+ .ycd-bootstrap-wrapper .table > tfoot > tr > th.warning,
2497
+ .ycd-bootstrap-wrapper .table > thead > tr.warning > td,
2498
+ .ycd-bootstrap-wrapper .table > tbody > tr.warning > td,
2499
+ .ycd-bootstrap-wrapper .table > tfoot > tr.warning > td,
2500
+ .ycd-bootstrap-wrapper .table > thead > tr.warning > th,
2501
+ .ycd-bootstrap-wrapper .table > tbody > tr.warning > th,
2502
+ .ycd-bootstrap-wrapper .table > tfoot > tr.warning > th {
2503
+ background-color: #fcf8e3;
2504
+ }
2505
+ .ycd-bootstrap-wrapper .table-hover > tbody > tr > td.warning:hover,
2506
+ .ycd-bootstrap-wrapper .table-hover > tbody > tr > th.warning:hover,
2507
+ .ycd-bootstrap-wrapper .table-hover > tbody > tr.warning:hover > td,
2508
+ .ycd-bootstrap-wrapper .table-hover > tbody > tr:hover > .warning,
2509
+ .ycd-bootstrap-wrapper .table-hover > tbody > tr.warning:hover > th {
2510
+ background-color: #faf2cc;
2511
+ }
2512
+ .ycd-bootstrap-wrapper .table > thead > tr > td.danger,
2513
+ .ycd-bootstrap-wrapper .table > tbody > tr > td.danger,
2514
+ .ycd-bootstrap-wrapper .table > tfoot > tr > td.danger,
2515
+ .ycd-bootstrap-wrapper .table > thead > tr > th.danger,
2516
+ .ycd-bootstrap-wrapper .table > tbody > tr > th.danger,
2517
+ .ycd-bootstrap-wrapper .table > tfoot > tr > th.danger,
2518
+ .ycd-bootstrap-wrapper .table > thead > tr.danger > td,
2519
+ .ycd-bootstrap-wrapper .table > tbody > tr.danger > td,
2520
+ .ycd-bootstrap-wrapper .table > tfoot > tr.danger > td,
2521
+ .ycd-bootstrap-wrapper .table > thead > tr.danger > th,
2522
+ .ycd-bootstrap-wrapper .table > tbody > tr.danger > th,
2523
+ .ycd-bootstrap-wrapper .table > tfoot > tr.danger > th {
2524
+ background-color: #f2dede;
2525
+ }
2526
+ .ycd-bootstrap-wrapper .table-hover > tbody > tr > td.danger:hover,
2527
+ .ycd-bootstrap-wrapper .table-hover > tbody > tr > th.danger:hover,
2528
+ .ycd-bootstrap-wrapper .table-hover > tbody > tr.danger:hover > td,
2529
+ .ycd-bootstrap-wrapper .table-hover > tbody > tr:hover > .danger,
2530
+ .ycd-bootstrap-wrapper .table-hover > tbody > tr.danger:hover > th {
2531
+ background-color: #ebcccc;
2532
+ }
2533
+ .ycd-bootstrap-wrapper .table-responsive {
2534
+ min-height: .01%;
2535
+ overflow-x: auto;
2536
+ }
2537
+ @media screen and (max-width: 767px) {
2538
+ .ycd-bootstrap-wrapper .table-responsive {
2539
+ width: 100%;
2540
+ margin-bottom: 15px;
2541
+ overflow-y: hidden;
2542
+ -ms-overflow-style: -ms-autohiding-scrollbar;
2543
+ border: 1px solid #ddd;
2544
+ }
2545
+ .ycd-bootstrap-wrapper .table-responsive > .table {
2546
+ margin-bottom: 0;
2547
+ }
2548
+ .ycd-bootstrap-wrapper .table-responsive > .table > thead > tr > th,
2549
+ .ycd-bootstrap-wrapper .table-responsive > .table > tbody > tr > th,
2550
+ .ycd-bootstrap-wrapper .table-responsive > .table > tfoot > tr > th,
2551
+ .ycd-bootstrap-wrapper .table-responsive > .table > thead > tr > td,
2552
+ .ycd-bootstrap-wrapper .table-responsive > .table > tbody > tr > td,
2553
+ .ycd-bootstrap-wrapper .table-responsive > .table > tfoot > tr > td {
2554
+ white-space: nowrap;
2555
+ }
2556
+ .ycd-bootstrap-wrapper .table-responsive > .table-bordered {
2557
+ border: 0;
2558
+ }
2559
+ .ycd-bootstrap-wrapper .table-responsive > .table-bordered > thead > tr > th:first-child,
2560
+ .ycd-bootstrap-wrapper .table-responsive > .table-bordered > tbody > tr > th:first-child,
2561
+ .ycd-bootstrap-wrapper .table-responsive > .table-bordered > tfoot > tr > th:first-child,
2562
+ .ycd-bootstrap-wrapper .table-responsive > .table-bordered > thead > tr > td:first-child,
2563
+ .ycd-bootstrap-wrapper .table-responsive > .table-bordered > tbody > tr > td:first-child,
2564
+ .ycd-bootstrap-wrapper .table-responsive > .table-bordered > tfoot > tr > td:first-child {
2565
+ border-left: 0;
2566
+ }
2567
+ .ycd-bootstrap-wrapper .table-responsive > .table-bordered > thead > tr > th:last-child,
2568
+ .ycd-bootstrap-wrapper .table-responsive > .table-bordered > tbody > tr > th:last-child,
2569
+ .ycd-bootstrap-wrapper .table-responsive > .table-bordered > tfoot > tr > th:last-child,
2570
+ .ycd-bootstrap-wrapper .table-responsive > .table-bordered > thead > tr > td:last-child,
2571
+ .ycd-bootstrap-wrapper .table-responsive > .table-bordered > tbody > tr > td:last-child,
2572
+ .ycd-bootstrap-wrapper .table-responsive > .table-bordered > tfoot > tr > td:last-child {
2573
+ border-right: 0;
2574
+ }
2575
+ .ycd-bootstrap-wrapper .table-responsive > .table-bordered > tbody > tr:last-child > th,
2576
+ .ycd-bootstrap-wrapper .table-responsive > .table-bordered > tfoot > tr:last-child > th,
2577
+ .ycd-bootstrap-wrapper .table-responsive > .table-bordered > tbody > tr:last-child > td,
2578
+ .ycd-bootstrap-wrapper .table-responsive > .table-bordered > tfoot > tr:last-child > td {
2579
+ border-bottom: 0;
2580
+ }
2581
+ }
2582
+ .ycd-bootstrap-wrapper fieldset {
2583
+ min-width: 0;
2584
+ padding: 0;
2585
+ margin: 0;
2586
+ border: 0;
2587
+ }
2588
+ .ycd-bootstrap-wrapper legend {
2589
+ display: block;
2590
+ width: 100%;
2591
+ padding: 0;
2592
+ margin-bottom: 20px;
2593
+ font-size: 21px;
2594
+ line-height: inherit;
2595
+ color: #333;
2596
+ border: 0;
2597
+ border-bottom: 1px solid #e5e5e5;
2598
+ }
2599
+ .ycd-bootstrap-wrapper label {
2600
+ display: inline-block;
2601
+ max-width: 100%;
2602
+ margin-bottom: 5px;
2603
+ font-weight: bold;
2604
+ }
2605
+ .ycd-bootstrap-wrapper input[type="search"] {
2606
+ -webkit-box-sizing: border-box;
2607
+ -moz-box-sizing: border-box;
2608
+ box-sizing: border-box;
2609
+ }
2610
+ .ycd-bootstrap-wrapper input[type="radio"],
2611
+ .ycd-bootstrap-wrapper input[type="checkbox"] {
2612
+ margin: 4px 0 0;
2613
+ margin-top: 1px \9;
2614
+ line-height: normal;
2615
+ }
2616
+ .ycd-bootstrap-wrapper input[type="file"] {
2617
+ display: block;
2618
+ }
2619
+ .ycd-bootstrap-wrapper input[type="range"] {
2620
+ display: block;
2621
+ width: 100%;
2622
+ }
2623
+ .ycd-bootstrap-wrapper select[multiple],
2624
+ .ycd-bootstrap-wrapper select[size] {
2625
+ height: auto;
2626
+ }
2627
+ .ycd-bootstrap-wrapper input[type="file"]:focus,
2628
+ .ycd-bootstrap-wrapper input[type="radio"]:focus,
2629
+ .ycd-bootstrap-wrapper input[type="checkbox"]:focus {
2630
+ outline: thin dotted;
2631
+ outline: 5px auto -webkit-focus-ring-color;
2632
+ outline-offset: -2px;
2633
+ }
2634
+ .ycd-bootstrap-wrapper output {
2635
+ display: block;
2636
+ padding-top: 7px;
2637
+ font-size: 14px;
2638
+ line-height: 1.42857143;
2639
+ color: #555;
2640
+ }
2641
+ .ycd-bootstrap-wrapper .form-control {
2642
+ display: block;
2643
+ width: 100%;
2644
+ height: 34px;
2645
+ padding: 6px 12px;
2646
+ font-size: 14px;
2647
+ line-height: 1.42857143;
2648
+ color: #555;
2649
+ background-color: #fff;
2650
+ background-image: none;
2651
+ border: 1px solid #ccc;
2652
+ border-radius: 4px;
2653
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
2654
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
2655
+ -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
2656
+ -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
2657
+ transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
2658
+ }
2659
+ .ycd-bootstrap-wrapper .form-control:focus {
2660
+ border-color: #66afe9;
2661
+ outline: 0;
2662
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2663
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
2664
+ }
2665
+ .ycd-bootstrap-wrapper .form-control::-moz-placeholder {
2666
+ color: #999;
2667
+ opacity: 1;
2668
+ }
2669
+ .ycd-bootstrap-wrapper .form-control:-ms-input-placeholder {
2670
+ color: #999;
2671
+ }
2672
+ .ycd-bootstrap-wrapper .form-control::-webkit-input-placeholder {
2673
+ color: #999;
2674
+ }
2675
+ .ycd-bootstrap-wrapper .form-control::-ms-expand {
2676
+ background-color: transparent;
2677
+ border: 0;
2678
+ }
2679
+ .ycd-bootstrap-wrapper .form-control[disabled],
2680
+ .ycd-bootstrap-wrapper .form-control[readonly],
2681
+ .ycd-bootstrap-wrapper fieldset[disabled] .form-control {
2682
+ background-color: #eee;
2683
+ opacity: 1;
2684
+ }
2685
+ .ycd-bootstrap-wrapper .form-control[disabled],
2686
+ .ycd-bootstrap-wrapper fieldset[disabled] .form-control {
2687
+ cursor: not-allowed;
2688
+ }
2689
+ .ycd-bootstrap-wrapper textarea.form-control {
2690
+ height: auto;
2691
+ }
2692
+ .ycd-bootstrap-wrapper input[type="search"] {
2693
+ -webkit-appearance: none;
2694
+ }
2695
+ @media screen and (-webkit-min-device-pixel-ratio: 0) {
2696
+ .ycd-bootstrap-wrapper input[type="date"].form-control,
2697
+ .ycd-bootstrap-wrapper input[type="time"].form-control,
2698
+ .ycd-bootstrap-wrapper input[type="datetime-local"].form-control,
2699
+ .ycd-bootstrap-wrapper input[type="month"].form-control {
2700
+ line-height: 34px;
2701
+ }
2702
+ .ycd-bootstrap-wrapper input[type="date"].input-sm,
2703
+ .ycd-bootstrap-wrapper input[type="time"].input-sm,
2704
+ .ycd-bootstrap-wrapper input[type="datetime-local"].input-sm,
2705
+ .ycd-bootstrap-wrapper input[type="month"].input-sm,
2706
+ .ycd-bootstrap-wrapper .input-group-sm input[type="date"],
2707
+ .ycd-bootstrap-wrapper .input-group-sm input[type="time"],
2708
+ .ycd-bootstrap-wrapper .input-group-sm input[type="datetime-local"],
2709
+ .ycd-bootstrap-wrapper .input-group-sm input[type="month"] {
2710
+ line-height: 30px;
2711
+ }
2712
+ .ycd-bootstrap-wrapper input[type="date"].input-lg,
2713
+ .ycd-bootstrap-wrapper input[type="time"].input-lg,
2714
+ .ycd-bootstrap-wrapper input[type="datetime-local"].input-lg,
2715
+ .ycd-bootstrap-wrapper input[type="month"].input-lg,
2716
+ .ycd-bootstrap-wrapper .input-group-lg input[type="date"],
2717
+ .ycd-bootstrap-wrapper .input-group-lg input[type="time"],
2718
+ .ycd-bootstrap-wrapper .input-group-lg input[type="datetime-local"],
2719
+ .ycd-bootstrap-wrapper .input-group-lg input[type="month"] {
2720
+ line-height: 46px;
2721
+ }
2722
+ }
2723
+ .ycd-bootstrap-wrapper .form-group {
2724
+ margin-bottom: 15px;
2725
+ }
2726
+ .ycd-bootstrap-wrapper .radio,
2727
+ .ycd-bootstrap-wrapper .checkbox {
2728
+ position: relative;
2729
+ display: block;
2730
+ margin-top: 10px;
2731
+ margin-bottom: 10px;
2732
+ }
2733
+ .ycd-bootstrap-wrapper .radio label,
2734
+ .ycd-bootstrap-wrapper .checkbox label {
2735
+ min-height: 20px;
2736
+ padding-left: 20px;
2737
+ margin-bottom: 0;
2738
+ font-weight: normal;
2739
+ cursor: pointer;
2740
+ }
2741
+ .ycd-bootstrap-wrapper .radio input[type="radio"],
2742
+ .ycd-bootstrap-wrapper .radio-inline input[type="radio"],
2743
+ .ycd-bootstrap-wrapper .checkbox input[type="checkbox"],
2744
+ .ycd-bootstrap-wrapper .checkbox-inline input[type="checkbox"] {
2745
+ position: absolute;
2746
+ margin-top: 4px \9;
2747
+ margin-left: -20px;
2748
+ }
2749
+ .ycd-bootstrap-wrapper .radio + .radio,
2750
+ .ycd-bootstrap-wrapper .checkbox + .checkbox {
2751
+ margin-top: -5px;
2752
+ }
2753
+ .ycd-bootstrap-wrapper .radio-inline,
2754
+ .ycd-bootstrap-wrapper .checkbox-inline {
2755
+ position: relative;
2756
+ display: inline-block;
2757
+ padding-left: 20px;
2758
+ margin-bottom: 0;
2759
+ font-weight: normal;
2760
+ vertical-align: middle;
2761
+ cursor: pointer;
2762
+ }
2763
+ .ycd-bootstrap-wrapper .radio-inline + .radio-inline,
2764
+ .ycd-bootstrap-wrapper .checkbox-inline + .checkbox-inline {
2765
+ margin-top: 0;
2766
+ margin-left: 10px;
2767
+ }
2768
+ .ycd-bootstrap-wrapper input[type="radio"][disabled],
2769
+ .ycd-bootstrap-wrapper input[type="checkbox"][disabled],
2770
+ .ycd-bootstrap-wrapper input[type="radio"].disabled,
2771
+ .ycd-bootstrap-wrapper input[type="checkbox"].disabled,
2772
+ .ycd-bootstrap-wrapper fieldset[disabled] input[type="radio"],
2773
+ .ycd-bootstrap-wrapper fieldset[disabled] input[type="checkbox"] {
2774
+ cursor: not-allowed;
2775
+ }
2776
+ .ycd-bootstrap-wrapper .radio-inline.disabled,
2777
+ .ycd-bootstrap-wrapper .checkbox-inline.disabled,
2778
+ .ycd-bootstrap-wrapper fieldset[disabled] .radio-inline,
2779
+ .ycd-bootstrap-wrapper fieldset[disabled] .checkbox-inline {
2780
+ cursor: not-allowed;
2781
+ }
2782
+ .ycd-bootstrap-wrapper .radio.disabled label,
2783
+ .ycd-bootstrap-wrapper .checkbox.disabled label,
2784
+ .ycd-bootstrap-wrapper fieldset[disabled] .radio label,
2785
+ .ycd-bootstrap-wrapper fieldset[disabled] .checkbox label {
2786
+ cursor: not-allowed;
2787
+ }
2788
+ .ycd-bootstrap-wrapper .form-control-static {
2789
+ min-height: 34px;
2790
+ padding-top: 7px;
2791
+ padding-bottom: 7px;
2792
+ margin-bottom: 0;
2793
+ }
2794
+ .ycd-bootstrap-wrapper .form-control-static.input-lg,
2795
+ .ycd-bootstrap-wrapper .form-control-static.input-sm {
2796
+ padding-right: 0;
2797
+ padding-left: 0;
2798
+ }
2799
+ .ycd-bootstrap-wrapper .input-sm {
2800
+ height: 30px;
2801
+ padding: 5px 10px;
2802
+ font-size: 12px;
2803
+ line-height: 1.5;
2804
+ border-radius: 3px;
2805
+ }
2806
+ .ycd-bootstrap-wrapper select.input-sm {
2807
+ height: 30px;
2808
+ line-height: 30px;
2809
+ }
2810
+ .ycd-bootstrap-wrapper textarea.input-sm,
2811
+ .ycd-bootstrap-wrapper select[multiple].input-sm {
2812
+ height: auto;
2813
+ }
2814
+ .ycd-bootstrap-wrapper .form-group-sm .form-control {
2815
+ height: 30px;
2816
+ padding: 5px 10px;
2817
+ font-size: 12px;
2818
+ line-height: 1.5;
2819
+ border-radius: 3px;
2820
+ }
2821
+ .ycd-bootstrap-wrapper .form-group-sm select.form-control {
2822
+ height: 30px;
2823
+ line-height: 30px;
2824
+ }
2825
+ .ycd-bootstrap-wrapper .form-group-sm textarea.form-control,
2826
+ .ycd-bootstrap-wrapper .form-group-sm select[multiple].form-control {
2827
+ height: auto;
2828
+ }
2829
+ .ycd-bootstrap-wrapper .form-group-sm .form-control-static {
2830
+ height: 30px;
2831
+ min-height: 32px;
2832
+ padding: 6px 10px;
2833
+ font-size: 12px;
2834
+ line-height: 1.5;
2835
+ }
2836
+ .ycd-bootstrap-wrapper .input-lg {
2837
+ height: 46px;
2838
+ padding: 10px 16px;
2839
+ font-size: 18px;
2840
+ line-height: 1.3333333;
2841
+ border-radius: 6px;
2842
+ }
2843
+ .ycd-bootstrap-wrapper select.input-lg {
2844
+ height: 46px;
2845
+ line-height: 46px;
2846
+ }
2847
+ .ycd-bootstrap-wrapper textarea.input-lg,
2848
+ .ycd-bootstrap-wrapper select[multiple].input-lg {
2849
+ height: auto;
2850
+ }
2851
+ .ycd-bootstrap-wrapper .form-group-lg .form-control {
2852
+ height: 46px;
2853
+ padding: 10px 16px;
2854
+ font-size: 18px;
2855
+ line-height: 1.3333333;
2856
+ border-radius: 6px;
2857
+ }
2858
+ .ycd-bootstrap-wrapper .form-group-lg select.form-control {
2859
+ height: 46px;
2860
+ line-height: 46px;
2861
+ }
2862
+ .ycd-bootstrap-wrapper .form-group-lg textarea.form-control,
2863
+ .ycd-bootstrap-wrapper .form-group-lg select[multiple].form-control {
2864
+ height: auto;
2865
+ }
2866
+ .ycd-bootstrap-wrapper .form-group-lg .form-control-static {
2867
+ height: 46px;
2868
+ min-height: 38px;
2869
+ padding: 11px 16px;
2870
+ font-size: 18px;
2871
+ line-height: 1.3333333;
2872
+ }
2873
+ .ycd-bootstrap-wrapper .has-feedback {
2874
+ position: relative;
2875
+ }
2876
+ .ycd-bootstrap-wrapper .has-feedback .form-control {
2877
+ padding-right: 42.5px;
2878
+ }
2879
+ .ycd-bootstrap-wrapper .form-control-feedback {
2880
+ position: absolute;
2881
+ top: 0;
2882
+ right: 0;
2883
+ z-index: 2;
2884
+ display: block;
2885
+ width: 34px;
2886
+ height: 34px;
2887
+ line-height: 34px;
2888
+ text-align: center;
2889
+ pointer-events: none;
2890
+ }
2891
+ .ycd-bootstrap-wrapper .input-lg + .form-control-feedback,
2892
+ .ycd-bootstrap-wrapper .input-group-lg + .form-control-feedback,
2893
+ .ycd-bootstrap-wrapper .form-group-lg .form-control + .form-control-feedback {
2894
+ width: 46px;
2895
+ height: 46px;
2896
+ line-height: 46px;
2897
+ }
2898
+ .ycd-bootstrap-wrapper .input-sm + .form-control-feedback,
2899
+ .ycd-bootstrap-wrapper .input-group-sm + .form-control-feedback,
2900
+ .ycd-bootstrap-wrapper .form-group-sm .form-control + .form-control-feedback {
2901
+ width: 30px;
2902
+ height: 30px;
2903
+ line-height: 30px;
2904
+ }
2905
+ .ycd-bootstrap-wrapper .has-success .help-block,
2906
+ .ycd-bootstrap-wrapper .has-success .control-label,
2907
+ .ycd-bootstrap-wrapper .has-success .radio,
2908
+ .ycd-bootstrap-wrapper .has-success .checkbox,
2909
+ .ycd-bootstrap-wrapper .has-success .radio-inline,
2910
+ .ycd-bootstrap-wrapper .has-success .checkbox-inline,
2911
+ .ycd-bootstrap-wrapper .has-success.radio label,
2912
+ .ycd-bootstrap-wrapper .has-success.checkbox label,
2913
+ .ycd-bootstrap-wrapper .has-success.radio-inline label,
2914
+ .ycd-bootstrap-wrapper .has-success.checkbox-inline label {
2915
+ color: #3c763d;
2916
+ }
2917
+ .ycd-bootstrap-wrapper .has-success .form-control {
2918
+ border-color: #3c763d;
2919
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
2920
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
2921
+ }
2922
+ .ycd-bootstrap-wrapper .has-success .form-control:focus {
2923
+ border-color: #2b542c;
2924
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
2925
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
2926
+ }
2927
+ .ycd-bootstrap-wrapper .has-success .input-group-addon {
2928
+ color: #3c763d;
2929
+ background-color: #dff0d8;
2930
+ border-color: #3c763d;
2931
+ }
2932
+ .ycd-bootstrap-wrapper .has-success .form-control-feedback {
2933
+ color: #3c763d;
2934
+ }
2935
+ .ycd-bootstrap-wrapper .has-warning .help-block,
2936
+ .ycd-bootstrap-wrapper .has-warning .control-label,
2937
+ .ycd-bootstrap-wrapper .has-warning .radio,
2938
+ .ycd-bootstrap-wrapper .has-warning .checkbox,
2939
+ .ycd-bootstrap-wrapper .has-warning .radio-inline,
2940
+ .ycd-bootstrap-wrapper .has-warning .checkbox-inline,
2941
+ .ycd-bootstrap-wrapper .has-warning.radio label,
2942
+ .ycd-bootstrap-wrapper .has-warning.checkbox label,
2943
+ .ycd-bootstrap-wrapper .has-warning.radio-inline label,
2944
+ .ycd-bootstrap-wrapper .has-warning.checkbox-inline label {
2945
+ color: #8a6d3b;
2946
+ }
2947
+ .ycd-bootstrap-wrapper .has-warning .form-control {
2948
+ border-color: #8a6d3b;
2949
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
2950
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
2951
+ }
2952
+ .ycd-bootstrap-wrapper .has-warning .form-control:focus {
2953
+ border-color: #66512c;
2954
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
2955
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
2956
+ }
2957
+ .ycd-bootstrap-wrapper .has-warning .input-group-addon {
2958
+ color: #8a6d3b;
2959
+ background-color: #fcf8e3;
2960
+ border-color: #8a6d3b;
2961
+ }
2962
+ .ycd-bootstrap-wrapper .has-warning .form-control-feedback {
2963
+ color: #8a6d3b;
2964
+ }
2965
+ .ycd-bootstrap-wrapper .has-error .help-block,
2966
+ .ycd-bootstrap-wrapper .has-error .control-label,
2967
+ .ycd-bootstrap-wrapper .has-error .radio,
2968
+ .ycd-bootstrap-wrapper .has-error .checkbox,
2969
+ .ycd-bootstrap-wrapper .has-error .radio-inline,
2970
+ .ycd-bootstrap-wrapper .has-error .checkbox-inline,
2971
+ .ycd-bootstrap-wrapper .has-error.radio label,
2972
+ .ycd-bootstrap-wrapper .has-error.checkbox label,
2973
+ .ycd-bootstrap-wrapper .has-error.radio-inline label,
2974
+ .ycd-bootstrap-wrapper .has-error.checkbox-inline label {
2975
+ color: #a94442;
2976
+ }
2977
+ .ycd-bootstrap-wrapper .has-error .form-control {
2978
+ border-color: #a94442;
2979
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
2980
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
2981
+ }
2982
+ .ycd-bootstrap-wrapper .has-error .form-control:focus {
2983
+ border-color: #843534;
2984
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
2985
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
2986
+ }
2987
+ .ycd-bootstrap-wrapper .has-error .input-group-addon {
2988
+ color: #a94442;
2989
+ background-color: #f2dede;
2990
+ border-color: #a94442;
2991
+ }
2992
+ .ycd-bootstrap-wrapper .has-error .form-control-feedback {
2993
+ color: #a94442;
2994
+ }
2995
+ .ycd-bootstrap-wrapper .has-feedback label ~ .form-control-feedback {
2996
+ top: 25px;
2997
+ }
2998
+ .ycd-bootstrap-wrapper .has-feedback label.sr-only ~ .form-control-feedback {
2999
+ top: 0;
3000
+ }
3001
+ .ycd-bootstrap-wrapper .help-block {
3002
+ display: block;
3003
+ margin-top: 5px;
3004
+ margin-bottom: 10px;
3005
+ color: #737373;
3006
+ }
3007
+ @media (min-width: 768px) {
3008
+ .ycd-bootstrap-wrapper .form-inline .form-group {
3009
+ display: inline-block;
3010
+ margin-bottom: 0;
3011
+ vertical-align: middle;
3012
+ }
3013
+ .ycd-bootstrap-wrapper .form-inline .form-control {
3014
+ display: inline-block;
3015
+ width: auto;
3016
+ vertical-align: middle;
3017
+ }
3018
+ .ycd-bootstrap-wrapper .form-inline .form-control-static {
3019
+ display: inline-block;
3020
+ }
3021
+ .ycd-bootstrap-wrapper .form-inline .input-group {
3022
+ display: inline-table;
3023
+ vertical-align: middle;
3024
+ }
3025
+ .ycd-bootstrap-wrapper .form-inline .input-group .input-group-addon,
3026
+ .ycd-bootstrap-wrapper .form-inline .input-group .input-group-btn,
3027
+ .ycd-bootstrap-wrapper .form-inline .input-group .form-control {
3028
+ width: auto;
3029
+ }
3030
+ .ycd-bootstrap-wrapper .form-inline .input-group > .form-control {
3031
+ width: 100%;
3032
+ }
3033
+ .ycd-bootstrap-wrapper .form-inline .control-label {
3034
+ margin-bottom: 0;
3035
+ vertical-align: middle;
3036
+ }
3037
+ .ycd-bootstrap-wrapper .form-inline .radio,
3038
+ .ycd-bootstrap-wrapper .form-inline .checkbox {
3039
+ display: inline-block;
3040
+ margin-top: 0;
3041
+ margin-bottom: 0;
3042
+ vertical-align: middle;
3043
+ }
3044
+ .ycd-bootstrap-wrapper .form-inline .radio label,
3045
+ .ycd-bootstrap-wrapper .form-inline .checkbox label {
3046
+ padding-left: 0;
3047
+ }
3048
+ .ycd-bootstrap-wrapper .form-inline .radio input[type="radio"],
3049
+ .ycd-bootstrap-wrapper .form-inline .checkbox input[type="checkbox"] {
3050
+ position: relative;
3051
+ margin-left: 0;
3052
+ }
3053
+ .ycd-bootstrap-wrapper .form-inline .has-feedback .form-control-feedback {
3054
+ top: 0;
3055
+ }
3056
+ }
3057
+ .ycd-bootstrap-wrapper .form-horizontal .radio,
3058
+ .ycd-bootstrap-wrapper .form-horizontal .checkbox,
3059
+ .ycd-bootstrap-wrapper .form-horizontal .radio-inline,
3060
+ .ycd-bootstrap-wrapper .form-horizontal .checkbox-inline {
3061
+ padding-top: 7px;
3062
+ margin-top: 0;
3063
+ margin-bottom: 0;
3064
+ }
3065
+ .ycd-bootstrap-wrapper .form-horizontal .radio,
3066
+ .ycd-bootstrap-wrapper .form-horizontal .checkbox {
3067
+ min-height: 27px;
3068
+ }
3069
+ .ycd-bootstrap-wrapper .form-horizontal .form-group {
3070
+ margin-right: -15px;
3071
+ margin-left: -15px;
3072
+ }
3073
+ @media (min-width: 768px) {
3074
+ .ycd-bootstrap-wrapper .form-horizontal .control-label {
3075
+ padding-top: 7px;
3076
+ margin-bottom: 0;
3077
+ text-align: left;
3078
+ }
3079
+ }
3080
+ .ycd-bootstrap-wrapper .form-horizontal .has-feedback .form-control-feedback {
3081
+ right: 15px;
3082
+ }
3083
+ @media (min-width: 768px) {
3084
+ .ycd-bootstrap-wrapper .form-horizontal .form-group-lg .control-label {
3085
+ padding-top: 11px;
3086
+ font-size: 18px;
3087
+ }
3088
+ }
3089
+ @media (min-width: 768px) {
3090
+ .ycd-bootstrap-wrapper .form-horizontal .form-group-sm .control-label {
3091
+ padding-top: 6px;
3092
+ font-size: 12px;
3093
+ }
3094
+ }
3095
+ .ycd-bootstrap-wrapper .btn {
3096
+ display: inline-block;
3097
+ padding: 6px 12px;
3098
+ margin-bottom: 0;
3099
+ font-size: 14px;
3100
+ font-weight: normal;
3101
+ line-height: 1.42857143;
3102
+ text-align: center;
3103
+ white-space: nowrap;
3104
+ vertical-align: middle;
3105
+ -ms-touch-action: manipulation;
3106
+ touch-action: manipulation;
3107
+ cursor: pointer;
3108
+ -webkit-user-select: none;
3109
+ -moz-user-select: none;
3110
+ -ms-user-select: none;
3111
+ user-select: none;
3112
+ background-image: none;
3113
+ border: 1px solid transparent;
3114
+ border-radius: 4px;
3115
+ }
3116
+ .ycd-bootstrap-wrapper .btn:focus,
3117
+ .ycd-bootstrap-wrapper .btn:active:focus,
3118
+ .ycd-bootstrap-wrapper .btn.active:focus,
3119
+ .ycd-bootstrap-wrapper .btn.focus,
3120
+ .ycd-bootstrap-wrapper .btn:active.focus,
3121
+ .ycd-bootstrap-wrapper .btn.active.focus {
3122
+ outline: thin dotted;
3123
+ outline: 5px auto -webkit-focus-ring-color;
3124
+ outline-offset: -2px;
3125
+ }
3126
+ .ycd-bootstrap-wrapper .btn:hover,
3127
+ .ycd-bootstrap-wrapper .btn:focus,
3128
+ .ycd-bootstrap-wrapper .btn.focus {
3129
+ color: #333;
3130
+ text-decoration: none;
3131
+ }
3132
+ .ycd-bootstrap-wrapper .btn:active,
3133
+ .ycd-bootstrap-wrapper .btn.active {
3134
+ background-image: none;
3135
+ outline: 0;
3136
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3137
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3138
+ }
3139
+ .ycd-bootstrap-wrapper .btn.disabled,
3140
+ .ycd-bootstrap-wrapper .btn[disabled],
3141
+ .ycd-bootstrap-wrapper fieldset[disabled] .btn {
3142
+ cursor: not-allowed;
3143
+ filter: alpha(opacity=65);
3144
+ -webkit-box-shadow: none;
3145
+ box-shadow: none;
3146
+ opacity: .65;
3147
+ }
3148
+ .ycd-bootstrap-wrapper a.btn.disabled,
3149
+ .ycd-bootstrap-wrapper fieldset[disabled] a.btn {
3150
+ pointer-events: none;
3151
+ }
3152
+ .ycd-bootstrap-wrapper .btn-default {
3153
+ color: #333;
3154
+ background-color: #fff;
3155
+ border-color: #ccc;
3156
+ }
3157
+ .ycd-bootstrap-wrapper .btn-default:focus,
3158
+ .ycd-bootstrap-wrapper .btn-default.focus {
3159
+ color: #333;
3160
+ background-color: #e6e6e6;
3161
+ border-color: #8c8c8c;
3162
+ }
3163
+ .ycd-bootstrap-wrapper .btn-default:hover {
3164
+ color: #333;
3165
+ background-color: #e6e6e6;
3166
+ border-color: #adadad;
3167
+ }
3168
+ .ycd-bootstrap-wrapper .btn-default:active,
3169
+ .ycd-bootstrap-wrapper .btn-default.active,
3170
+ .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-default {
3171
+ color: #333;
3172
+ background-color: #e6e6e6;
3173
+ border-color: #adadad;
3174
+ }
3175
+ .ycd-bootstrap-wrapper .btn-default:active:hover,
3176
+ .ycd-bootstrap-wrapper .btn-default.active:hover,
3177
+ .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-default:hover,
3178
+ .ycd-bootstrap-wrapper .btn-default:active:focus,
3179
+ .ycd-bootstrap-wrapper .btn-default.active:focus,
3180
+ .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-default:focus,
3181
+ .ycd-bootstrap-wrapper .btn-default:active.focus,
3182
+ .ycd-bootstrap-wrapper .btn-default.active.focus,
3183
+ .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-default.focus {
3184
+ color: #333;
3185
+ background-color: #d4d4d4;
3186
+ border-color: #8c8c8c;
3187
+ }
3188
+ .ycd-bootstrap-wrapper .btn-default:active,
3189
+ .ycd-bootstrap-wrapper .btn-default.active,
3190
+ .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-default {
3191
+ background-image: none;
3192
+ }
3193
+ .ycd-bootstrap-wrapper .btn-default.disabled:hover,
3194
+ .ycd-bootstrap-wrapper .btn-default[disabled]:hover,
3195
+ .ycd-bootstrap-wrapper fieldset[disabled] .btn-default:hover,
3196
+ .ycd-bootstrap-wrapper .btn-default.disabled:focus,
3197
+ .ycd-bootstrap-wrapper .btn-default[disabled]:focus,
3198
+ .ycd-bootstrap-wrapper fieldset[disabled] .btn-default:focus,
3199
+ .ycd-bootstrap-wrapper .btn-default.disabled.focus,
3200
+ .ycd-bootstrap-wrapper .btn-default[disabled].focus,
3201
+ .ycd-bootstrap-wrapper fieldset[disabled] .btn-default.focus {
3202
+ background-color: #fff;
3203
+ border-color: #ccc;
3204
+ }
3205
+ .ycd-bootstrap-wrapper .btn-default .badge {
3206
+ color: #fff;
3207
+ background-color: #333;
3208
+ }
3209
+ .ycd-bootstrap-wrapper .btn-primary {
3210
+ color: #fff;
3211
+ background-color: #337ab7;
3212
+ border-color: #2e6da4;
3213
+ }
3214
+ .ycd-bootstrap-wrapper .btn-primary:focus,
3215
+ .ycd-bootstrap-wrapper .btn-primary.focus {
3216
+ color: #fff;
3217
+ background-color: #286090;
3218
+ border-color: #122b40;
3219
+ }
3220
+ .ycd-bootstrap-wrapper .btn-primary:hover {
3221
+ color: #fff;
3222
+ background-color: #286090;
3223
+ border-color: #204d74;
3224
+ }
3225
+ .ycd-bootstrap-wrapper .btn-primary:active,
3226
+ .ycd-bootstrap-wrapper .btn-primary.active,
3227
+ .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-primary {
3228
+ color: #fff;
3229
+ background-color: #286090;
3230
+ border-color: #204d74;
3231
+ }
3232
+ .ycd-bootstrap-wrapper .btn-primary:active:hover,
3233
+ .ycd-bootstrap-wrapper .btn-primary.active:hover,
3234
+ .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-primary:hover,
3235
+ .ycd-bootstrap-wrapper .btn-primary:active:focus,
3236
+ .ycd-bootstrap-wrapper .btn-primary.active:focus,
3237
+ .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-primary:focus,
3238
+ .ycd-bootstrap-wrapper .btn-primary:active.focus,
3239
+ .ycd-bootstrap-wrapper .btn-primary.active.focus,
3240
+ .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-primary.focus {
3241
+ color: #fff;
3242
+ background-color: #204d74;
3243
+ border-color: #122b40;
3244
+ }
3245
+ .ycd-bootstrap-wrapper .btn-primary:active,
3246
+ .ycd-bootstrap-wrapper .btn-primary.active,
3247
+ .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-primary {
3248
+ background-image: none;
3249
+ }
3250
+ .ycd-bootstrap-wrapper .btn-primary.disabled:hover,
3251
+ .ycd-bootstrap-wrapper .btn-primary[disabled]:hover,
3252
+ .ycd-bootstrap-wrapper fieldset[disabled] .btn-primary:hover,
3253
+ .ycd-bootstrap-wrapper .btn-primary.disabled:focus,
3254
+ .ycd-bootstrap-wrapper .btn-primary[disabled]:focus,
3255
+ .ycd-bootstrap-wrapper fieldset[disabled] .btn-primary:focus,
3256
+ .ycd-bootstrap-wrapper .btn-primary.disabled.focus,
3257
+ .ycd-bootstrap-wrapper .btn-primary[disabled].focus,
3258
+ .ycd-bootstrap-wrapper fieldset[disabled] .btn-primary.focus {
3259
+ background-color: #337ab7;
3260
+ border-color: #2e6da4;
3261
+ }
3262
+ .ycd-bootstrap-wrapper .btn-primary .badge {
3263
+ color: #337ab7;
3264
+ background-color: #fff;
3265
+ }
3266
+ .ycd-bootstrap-wrapper .btn-success {
3267
+ color: #fff;
3268
+ background-color: #5cb85c;
3269
+ border-color: #4cae4c;
3270
+ }
3271
+ .ycd-bootstrap-wrapper .btn-success:focus,
3272
+ .ycd-bootstrap-wrapper .btn-success.focus {
3273
+ color: #fff;
3274
+ background-color: #449d44;
3275
+ border-color: #255625;
3276
+ }
3277
+ .ycd-bootstrap-wrapper .btn-success:hover {
3278
+ color: #fff;
3279
+ background-color: #449d44;
3280
+ border-color: #398439;
3281
+ }
3282
+ .ycd-bootstrap-wrapper .btn-success:active,
3283
+ .ycd-bootstrap-wrapper .btn-success.active,
3284
+ .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-success {
3285
+ color: #fff;
3286
+ background-color: #449d44;
3287
+ border-color: #398439;
3288
+ }
3289
+ .ycd-bootstrap-wrapper .btn-success:active:hover,
3290
+ .ycd-bootstrap-wrapper .btn-success.active:hover,
3291
+ .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-success:hover,
3292
+ .ycd-bootstrap-wrapper .btn-success:active:focus,
3293
+ .ycd-bootstrap-wrapper .btn-success.active:focus,
3294
+ .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-success:focus,
3295
+ .ycd-bootstrap-wrapper .btn-success:active.focus,
3296
+ .ycd-bootstrap-wrapper .btn-success.active.focus,
3297
+ .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-success.focus {
3298
+ color: #fff;
3299
+ background-color: #398439;
3300
+ border-color: #255625;
3301
+ }
3302
+ .ycd-bootstrap-wrapper .btn-success:active,
3303
+ .ycd-bootstrap-wrapper .btn-success.active,
3304
+ .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-success {
3305
+ background-image: none;
3306
+ }
3307
+ .ycd-bootstrap-wrapper .btn-success.disabled:hover,
3308
+ .ycd-bootstrap-wrapper .btn-success[disabled]:hover,
3309
+ .ycd-bootstrap-wrapper fieldset[disabled] .btn-success:hover,
3310
+ .ycd-bootstrap-wrapper .btn-success.disabled:focus,
3311
+ .ycd-bootstrap-wrapper .btn-success[disabled]:focus,
3312
+ .ycd-bootstrap-wrapper fieldset[disabled] .btn-success:focus,
3313
+ .ycd-bootstrap-wrapper .btn-success.disabled.focus,
3314
+ .ycd-bootstrap-wrapper .btn-success[disabled].focus,
3315
+ .ycd-bootstrap-wrapper fieldset[disabled] .btn-success.focus {
3316
+ background-color: #5cb85c;
3317
+ border-color: #4cae4c;
3318
+ }
3319
+ .ycd-bootstrap-wrapper .btn-success .badge {
3320
+ color: #5cb85c;
3321
+ background-color: #fff;
3322
+ }
3323
+ .ycd-bootstrap-wrapper .btn-info {
3324
+ color: #fff;
3325
+ background-color: #5bc0de;
3326
+ border-color: #46b8da;
3327
+ }
3328
+ .ycd-bootstrap-wrapper .btn-info:focus,
3329
+ .ycd-bootstrap-wrapper .btn-info.focus {
3330
+ color: #fff;
3331
+ background-color: #31b0d5;
3332
+ border-color: #1b6d85;
3333
+ }
3334
+ .ycd-bootstrap-wrapper .btn-info:hover {
3335
+ color: #fff;
3336
+ background-color: #31b0d5;
3337
+ border-color: #269abc;
3338
+ }
3339
+ .ycd-bootstrap-wrapper .btn-info:active,
3340
+ .ycd-bootstrap-wrapper .btn-info.active,
3341
+ .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-info {
3342
+ color: #fff;
3343
+ background-color: #31b0d5;
3344
+ border-color: #269abc;
3345
+ }
3346
+ .ycd-bootstrap-wrapper .btn-info:active:hover,
3347
+ .ycd-bootstrap-wrapper .btn-info.active:hover,
3348
+ .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-info:hover,
3349
+ .ycd-bootstrap-wrapper .btn-info:active:focus,
3350
+ .ycd-bootstrap-wrapper .btn-info.active:focus,
3351
+ .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-info:focus,
3352
+ .ycd-bootstrap-wrapper .btn-info:active.focus,
3353
+ .ycd-bootstrap-wrapper .btn-info.active.focus,
3354
+ .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-info.focus {
3355
+ color: #fff;
3356
+ background-color: #269abc;
3357
+ border-color: #1b6d85;
3358
+ }
3359
+ .ycd-bootstrap-wrapper .btn-info:active,
3360
+ .ycd-bootstrap-wrapper .btn-info.active,
3361
+ .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-info {
3362
+ background-image: none;
3363
+ }
3364
+ .ycd-bootstrap-wrapper .btn-info.disabled:hover,
3365
+ .ycd-bootstrap-wrapper .btn-info[disabled]:hover,
3366
+ .ycd-bootstrap-wrapper fieldset[disabled] .btn-info:hover,
3367
+ .ycd-bootstrap-wrapper .btn-info.disabled:focus,
3368
+ .ycd-bootstrap-wrapper .btn-info[disabled]:focus,
3369
+ .ycd-bootstrap-wrapper fieldset[disabled] .btn-info:focus,
3370
+ .ycd-bootstrap-wrapper .btn-info.disabled.focus,
3371
+ .ycd-bootstrap-wrapper .btn-info[disabled].focus,
3372
+ .ycd-bootstrap-wrapper fieldset[disabled] .btn-info.focus {
3373
+ background-color: #5bc0de;
3374
+ border-color: #46b8da;
3375
+ }
3376
+ .ycd-bootstrap-wrapper .btn-info .badge {
3377
+ color: #5bc0de;
3378
+ background-color: #fff;
3379
+ }
3380
+ .ycd-bootstrap-wrapper .btn-warning {
3381
+ color: #fff;
3382
+ background-color: #f0ad4e;
3383
+ border-color: #eea236;
3384
+ }
3385
+ .ycd-bootstrap-wrapper .btn-warning:focus,
3386
+ .ycd-bootstrap-wrapper .btn-warning.focus {
3387
+ color: #fff;
3388
+ background-color: #ec971f;
3389
+ border-color: #985f0d;
3390
+ }
3391
+ .ycd-bootstrap-wrapper .btn-warning:hover {
3392
+ color: #fff;
3393
+ background-color: #ec971f;
3394
+ border-color: #d58512;
3395
+ }
3396
+ .ycd-bootstrap-wrapper .btn-warning:active,
3397
+ .ycd-bootstrap-wrapper .btn-warning.active,
3398
+ .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-warning {
3399
+ color: #fff;
3400
+ background-color: #ec971f;
3401
+ border-color: #d58512;
3402
+ }
3403
+ .ycd-bootstrap-wrapper .btn-warning:active:hover,
3404
+ .ycd-bootstrap-wrapper .btn-warning.active:hover,
3405
+ .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-warning:hover,
3406
+ .ycd-bootstrap-wrapper .btn-warning:active:focus,
3407
+ .ycd-bootstrap-wrapper .btn-warning.active:focus,
3408
+ .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-warning:focus,
3409
+ .ycd-bootstrap-wrapper .btn-warning:active.focus,
3410
+ .ycd-bootstrap-wrapper .btn-warning.active.focus,
3411
+ .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-warning.focus {
3412
+ color: #fff;
3413
+ background-color: #d58512;
3414
+ border-color: #985f0d;
3415
+ }
3416
+ .ycd-bootstrap-wrapper .btn-warning:active,
3417
+ .ycd-bootstrap-wrapper .btn-warning.active,
3418
+ .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-warning {
3419
+ background-image: none;
3420
+ }
3421
+ .ycd-bootstrap-wrapper .btn-warning.disabled:hover,
3422
+ .ycd-bootstrap-wrapper .btn-warning[disabled]:hover,
3423
+ .ycd-bootstrap-wrapper fieldset[disabled] .btn-warning:hover,
3424
+ .ycd-bootstrap-wrapper .btn-warning.disabled:focus,
3425
+ .ycd-bootstrap-wrapper .btn-warning[disabled]:focus,
3426
+ .ycd-bootstrap-wrapper fieldset[disabled] .btn-warning:focus,
3427
+ .ycd-bootstrap-wrapper .btn-warning.disabled.focus,
3428
+ .ycd-bootstrap-wrapper .btn-warning[disabled].focus,
3429
+ .ycd-bootstrap-wrapper fieldset[disabled] .btn-warning.focus {
3430
+ background-color: #f0ad4e;
3431
+ border-color: #eea236;
3432
+ }
3433
+ .ycd-bootstrap-wrapper .btn-warning .badge {
3434
+ color: #f0ad4e;
3435
+ background-color: #fff;
3436
+ }
3437
+ .ycd-bootstrap-wrapper .btn-danger {
3438
+ color: #fff;
3439
+ background-color: #d9534f;
3440
+ border-color: #d43f3a;
3441
+ }
3442
+ .ycd-bootstrap-wrapper .btn-danger:focus,
3443
+ .ycd-bootstrap-wrapper .btn-danger.focus {
3444
+ color: #fff;
3445
+ background-color: #c9302c;
3446
+ border-color: #761c19;
3447
+ }
3448
+ .ycd-bootstrap-wrapper .btn-danger:hover {
3449
+ color: #fff;
3450
+ background-color: #c9302c;
3451
+ border-color: #ac2925;
3452
+ }
3453
+ .ycd-bootstrap-wrapper .btn-danger:active,
3454
+ .ycd-bootstrap-wrapper .btn-danger.active,
3455
+ .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-danger {
3456
+ color: #fff;
3457
+ background-color: #c9302c;
3458
+ border-color: #ac2925;
3459
+ }
3460
+ .ycd-bootstrap-wrapper .btn-danger:active:hover,
3461
+ .ycd-bootstrap-wrapper .btn-danger.active:hover,
3462
+ .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-danger:hover,
3463
+ .ycd-bootstrap-wrapper .btn-danger:active:focus,
3464
+ .ycd-bootstrap-wrapper .btn-danger.active:focus,
3465
+ .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-danger:focus,
3466
+ .ycd-bootstrap-wrapper .btn-danger:active.focus,
3467
+ .ycd-bootstrap-wrapper .btn-danger.active.focus,
3468
+ .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-danger.focus {
3469
+ color: #fff;
3470
+ background-color: #ac2925;
3471
+ border-color: #761c19;
3472
+ }
3473
+ .ycd-bootstrap-wrapper .btn-danger:active,
3474
+ .ycd-bootstrap-wrapper .btn-danger.active,
3475
+ .ycd-bootstrap-wrapper .open > .dropdown-toggle.btn-danger {
3476
+ background-image: none;
3477
+ }
3478
+ .ycd-bootstrap-wrapper .btn-danger.disabled:hover,
3479
+ .ycd-bootstrap-wrapper .btn-danger[disabled]:hover,
3480
+ .ycd-bootstrap-wrapper fieldset[disabled] .btn-danger:hover,
3481
+ .ycd-bootstrap-wrapper .btn-danger.disabled:focus,
3482
+ .ycd-bootstrap-wrapper .btn-danger[disabled]:focus,
3483
+ .ycd-bootstrap-wrapper fieldset[disabled] .btn-danger:focus,
3484
+ .ycd-bootstrap-wrapper .btn-danger.disabled.focus,
3485
+ .ycd-bootstrap-wrapper .btn-danger[disabled].focus,
3486
+ .ycd-bootstrap-wrapper fieldset[disabled] .btn-danger.focus {
3487
+ background-color: #d9534f;
3488
+ border-color: #d43f3a;
3489
+ }
3490
+ .ycd-bootstrap-wrapper .btn-danger .badge {
3491
+ color: #d9534f;
3492
+ background-color: #fff;
3493
+ }
3494
+ .ycd-bootstrap-wrapper .btn-link {
3495
+ font-weight: normal;
3496
+ color: #337ab7;
3497
+ border-radius: 0;
3498
+ }
3499
+ .ycd-bootstrap-wrapper .btn-link,
3500
+ .ycd-bootstrap-wrapper .btn-link:active,
3501
+ .ycd-bootstrap-wrapper .btn-link.active,
3502
+ .ycd-bootstrap-wrapper .btn-link[disabled],
3503
+ .ycd-bootstrap-wrapper fieldset[disabled] .btn-link {
3504
+ background-color: transparent;
3505
+ -webkit-box-shadow: none;
3506
+ box-shadow: none;
3507
+ }
3508
+ .ycd-bootstrap-wrapper .btn-link,
3509
+ .ycd-bootstrap-wrapper .btn-link:hover,
3510
+ .ycd-bootstrap-wrapper .btn-link:focus,
3511
+ .ycd-bootstrap-wrapper .btn-link:active {
3512
+ border-color: transparent;
3513
+ }
3514
+ .ycd-bootstrap-wrapper .btn-link:hover,
3515
+ .ycd-bootstrap-wrapper .btn-link:focus {
3516
+ color: #23527c;
3517
+ text-decoration: underline;
3518
+ background-color: transparent;
3519
+ }
3520
+ .ycd-bootstrap-wrapper .btn-link[disabled]:hover,
3521
+ .ycd-bootstrap-wrapper fieldset[disabled] .btn-link:hover,
3522
+ .ycd-bootstrap-wrapper .btn-link[disabled]:focus,
3523
+ .ycd-bootstrap-wrapper fieldset[disabled] .btn-link:focus {
3524
+ color: #777;
3525
+ text-decoration: none;
3526
+ }
3527
+ .ycd-bootstrap-wrapper .btn-lg,
3528
+ .ycd-bootstrap-wrapper .btn-group-lg > .btn {
3529
+ padding: 10px 16px;
3530
+ font-size: 18px;
3531
+ line-height: 1.3333333;
3532
+ border-radius: 6px;
3533
+ }
3534
+ .ycd-bootstrap-wrapper .btn-sm,
3535
+ .ycd-bootstrap-wrapper .btn-group-sm > .btn {
3536
+ padding: 5px 10px;
3537
+ font-size: 12px;
3538
+ line-height: 1.5;
3539
+ border-radius: 3px;
3540
+ }
3541
+ .ycd-bootstrap-wrapper .btn-xs,
3542
+ .ycd-bootstrap-wrapper .btn-group-xs > .btn {
3543
+ padding: 1px 5px;
3544
+ font-size: 12px;
3545
+ line-height: 1.5;
3546
+ border-radius: 3px;
3547
+ }
3548
+ .ycd-bootstrap-wrapper .btn-block {
3549
+ display: block;
3550
+ width: 100%;
3551
+ }
3552
+ .ycd-bootstrap-wrapper .btn-block + .btn-block {
3553
+ margin-top: 5px;
3554
+ }
3555
+ .ycd-bootstrap-wrapper input[type="submit"].btn-block,
3556
+ .ycd-bootstrap-wrapper input[type="reset"].btn-block,
3557
+ .ycd-bootstrap-wrapper input[type="button"].btn-block {
3558
+ width: 100%;
3559
+ }
3560
+ .ycd-bootstrap-wrapper .fade {
3561
+ opacity: 0;
3562
+ -webkit-transition: opacity .15s linear;
3563
+ -o-transition: opacity .15s linear;
3564
+ transition: opacity .15s linear;
3565
+ }
3566
+ .ycd-bootstrap-wrapper .fade.in {
3567
+ opacity: 1;
3568
+ }
3569
+ .ycd-bootstrap-wrapper .collapse {
3570
+ display: none;
3571
+ }
3572
+ .ycd-bootstrap-wrapper .collapse.in {
3573
+ display: block;
3574
+ }
3575
+ .ycd-bootstrap-wrapper tr.collapse.in {
3576
+ display: table-row;
3577
+ }
3578
+ .ycd-bootstrap-wrapper tbody.collapse.in {
3579
+ display: table-row-group;
3580
+ }
3581
+ .ycd-bootstrap-wrapper .collapsing {
3582
+ position: relative;
3583
+ height: 0;
3584
+ overflow: hidden;
3585
+ -webkit-transition-timing-function: ease;
3586
+ -o-transition-timing-function: ease;
3587
+ transition-timing-function: ease;
3588
+ -webkit-transition-duration: .35s;
3589
+ -o-transition-duration: .35s;
3590
+ transition-duration: .35s;
3591
+ -webkit-transition-property: height, visibility;
3592
+ -o-transition-property: height, visibility;
3593
+ transition-property: height, visibility;
3594
+ }
3595
+ .ycd-bootstrap-wrapper .caret {
3596
+ display: inline-block;
3597
+ width: 0;
3598
+ height: 0;
3599
+ margin-left: 2px;
3600
+ vertical-align: middle;
3601
+ border-top: 4px dashed;
3602
+ border-top: 4px solid \9;
3603
+ border-right: 4px solid transparent;
3604
+ border-left: 4px solid transparent;
3605
+ }
3606
+ .ycd-bootstrap-wrapper .dropup,
3607
+ .ycd-bootstrap-wrapper .dropdown {
3608
+ position: relative;
3609
+ }
3610
+ .ycd-bootstrap-wrapper .dropdown-toggle:focus {
3611
+ outline: 0;
3612
+ }
3613
+ .ycd-bootstrap-wrapper .dropdown-menu {
3614
+ position: absolute;
3615
+ top: 100%;
3616
+ left: 0;
3617
+ z-index: 1000;
3618
+ display: none;
3619
+ float: left;
3620
+ min-width: 160px;
3621
+ padding: 5px 0;
3622
+ margin: 2px 0 0;
3623
+ font-size: 14px;
3624
+ text-align: left;
3625
+ list-style: none;
3626
+ background-color: #fff;
3627
+ -webkit-background-clip: padding-box;
3628
+ background-clip: padding-box;
3629
+ border: 1px solid #ccc;
3630
+ border: 1px solid rgba(0, 0, 0, 0.15);
3631
+ border-radius: 4px;
3632
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
3633
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
3634
+ }
3635
+ .ycd-bootstrap-wrapper .dropdown-menu.pull-right {
3636
+ right: 0;
3637
+ left: auto;
3638
+ }
3639
+ .ycd-bootstrap-wrapper .dropdown-menu .divider {
3640
+ height: 1px;
3641
+ margin: 9px 0;
3642
+ overflow: hidden;
3643
+ background-color: #e5e5e5;
3644
+ }
3645
+ .ycd-bootstrap-wrapper .dropdown-menu > li > a {
3646
+ display: block;
3647
+ padding: 3px 20px;
3648
+ clear: both;
3649
+ font-weight: normal;
3650
+ line-height: 1.42857143;
3651
+ color: #333;
3652
+ white-space: nowrap;
3653
+ }
3654
+ .ycd-bootstrap-wrapper .dropdown-menu > li > a:hover,
3655
+ .ycd-bootstrap-wrapper .dropdown-menu > li > a:focus {
3656
+ color: #262626;
3657
+ text-decoration: none;
3658
+ background-color: #f5f5f5;
3659
+ }
3660
+ .ycd-bootstrap-wrapper .dropdown-menu > .active > a,
3661
+ .ycd-bootstrap-wrapper .dropdown-menu > .active > a:hover,
3662
+ .ycd-bootstrap-wrapper .dropdown-menu > .active > a:focus {
3663
+ color: #fff;
3664
+ text-decoration: none;
3665
+ background-color: #337ab7;
3666
+ outline: 0;
3667
+ }
3668
+ .ycd-bootstrap-wrapper .dropdown-menu > .disabled > a,
3669
+ .ycd-bootstrap-wrapper .dropdown-menu > .disabled > a:hover,
3670
+ .ycd-bootstrap-wrapper .dropdown-menu > .disabled > a:focus {
3671
+ color: #777;
3672
+ }
3673
+ .ycd-bootstrap-wrapper .dropdown-menu > .disabled > a:hover,
3674
+ .ycd-bootstrap-wrapper .dropdown-menu > .disabled > a:focus {
3675
+ text-decoration: none;
3676
+ cursor: not-allowed;
3677
+ background-color: transparent;
3678
+ background-image: none;
3679
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
3680
+ }
3681
+ .ycd-bootstrap-wrapper .open > .dropdown-menu {
3682
+ display: block;
3683
+ }
3684
+ .ycd-bootstrap-wrapper .open > a {
3685
+ outline: 0;
3686
+ }
3687
+ .ycd-bootstrap-wrapper .dropdown-menu-right {
3688
+ right: 0;
3689
+ left: auto;
3690
+ }
3691
+ .ycd-bootstrap-wrapper .dropdown-menu-left {
3692
+ right: auto;
3693
+ left: 0;
3694
+ }
3695
+ .ycd-bootstrap-wrapper .dropdown-header {
3696
+ display: block;
3697
+ padding: 3px 20px;
3698
+ font-size: 12px;
3699
+ line-height: 1.42857143;
3700
+ color: #777;
3701
+ white-space: nowrap;
3702
+ }
3703
+ .ycd-bootstrap-wrapper .dropdown-backdrop {
3704
+ position: fixed;
3705
+ top: 0;
3706
+ right: 0;
3707
+ bottom: 0;
3708
+ left: 0;
3709
+ z-index: 990;
3710
+ }
3711
+ .ycd-bootstrap-wrapper .pull-right > .dropdown-menu {
3712
+ right: 0;
3713
+ left: auto;
3714
+ }
3715
+ .ycd-bootstrap-wrapper .dropup .caret,
3716
+ .ycd-bootstrap-wrapper .navbar-fixed-bottom .dropdown .caret {
3717
+ content: "";
3718
+ border-top: 0;
3719
+ border-bottom: 4px dashed;
3720
+ border-bottom: 4px solid \9;
3721
+ }
3722
+ .ycd-bootstrap-wrapper .dropup .dropdown-menu,
3723
+ .ycd-bootstrap-wrapper .navbar-fixed-bottom .dropdown .dropdown-menu {
3724
+ top: auto;
3725
+ bottom: 100%;
3726
+ margin-bottom: 2px;
3727
+ }
3728
+ @media (min-width: 768px) {
3729
+ .ycd-bootstrap-wrapper .navbar-right .dropdown-menu {
3730
+ right: 0;
3731
+ left: auto;
3732
+ }
3733
+ .ycd-bootstrap-wrapper .navbar-right .dropdown-menu-left {
3734
+ right: auto;
3735
+ left: 0;
3736
+ }
3737
+ }
3738
+ .ycd-bootstrap-wrapper .btn-group,
3739
+ .ycd-bootstrap-wrapper .btn-group-vertical {
3740
+ position: relative;
3741
+ display: inline-block;
3742
+ vertical-align: middle;
3743
+ }
3744
+ .ycd-bootstrap-wrapper .btn-group > .btn,
3745
+ .ycd-bootstrap-wrapper .btn-group-vertical > .btn {
3746
+ position: relative;
3747
+ float: left;
3748
+ }
3749
+ .ycd-bootstrap-wrapper .btn-group > .btn:hover,
3750
+ .ycd-bootstrap-wrapper .btn-group-vertical > .btn:hover,
3751
+ .ycd-bootstrap-wrapper .btn-group > .btn:focus,
3752
+ .ycd-bootstrap-wrapper .btn-group-vertical > .btn:focus,
3753
+ .ycd-bootstrap-wrapper .btn-group > .btn:active,
3754
+ .ycd-bootstrap-wrapper .btn-group-vertical > .btn:active,
3755
+ .ycd-bootstrap-wrapper .btn-group > .btn.active,
3756
+ .ycd-bootstrap-wrapper .btn-group-vertical > .btn.active {
3757
+ z-index: 2;
3758
+ }
3759
+ .ycd-bootstrap-wrapper .btn-group .btn + .btn,
3760
+ .ycd-bootstrap-wrapper .btn-group .btn + .btn-group,
3761
+ .ycd-bootstrap-wrapper .btn-group .btn-group + .btn,
3762
+ .ycd-bootstrap-wrapper .btn-group .btn-group + .btn-group {
3763
+ margin-left: -1px;
3764
+ }
3765
+ .ycd-bootstrap-wrapper .btn-toolbar {
3766
+ margin-left: -5px;
3767
+ }
3768
+ .ycd-bootstrap-wrapper .btn-toolbar .btn,
3769
+ .ycd-bootstrap-wrapper .btn-toolbar .btn-group,
3770
+ .ycd-bootstrap-wrapper .btn-toolbar .input-group {
3771
+ float: left;
3772
+ }
3773
+ .ycd-bootstrap-wrapper .btn-toolbar > .btn,
3774
+ .ycd-bootstrap-wrapper .btn-toolbar > .btn-group,
3775
+ .ycd-bootstrap-wrapper .btn-toolbar > .input-group {
3776
+ margin-left: 5px;
3777
+ }
3778
+ .ycd-bootstrap-wrapper .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
3779
+ border-radius: 0;
3780
+ }
3781
+ .ycd-bootstrap-wrapper .btn-group > .btn:first-child {
3782
+ margin-left: 0;
3783
+ }
3784
+ .ycd-bootstrap-wrapper .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
3785
+ border-top-right-radius: 0;
3786
+ border-bottom-right-radius: 0;
3787
+ }
3788
+ .ycd-bootstrap-wrapper .btn-group > .btn:last-child:not(:first-child),
3789
+ .ycd-bootstrap-wrapper .btn-group > .dropdown-toggle:not(:first-child) {
3790
+ border-top-left-radius: 0;
3791
+ border-bottom-left-radius: 0;
3792
+ }
3793
+ .ycd-bootstrap-wrapper .btn-group > .btn-group {
3794
+ float: left;
3795
+ }
3796
+ .ycd-bootstrap-wrapper .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
3797
+ border-radius: 0;
3798
+ }
3799
+ .ycd-bootstrap-wrapper .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
3800
+ .ycd-bootstrap-wrapper .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
3801
+ border-top-right-radius: 0;
3802
+ border-bottom-right-radius: 0;
3803
+ }
3804
+ .ycd-bootstrap-wrapper .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
3805
+ border-top-left-radius: 0;
3806
+ border-bottom-left-radius: 0;
3807
+ }
3808
+ .ycd-bootstrap-wrapper .btn-group .dropdown-toggle:active,
3809
+ .ycd-bootstrap-wrapper .btn-group.open .dropdown-toggle {
3810
+ outline: 0;
3811
+ }
3812
+ .ycd-bootstrap-wrapper .btn-group > .btn + .dropdown-toggle {
3813
+ padding-right: 8px;
3814
+ padding-left: 8px;
3815
+ }
3816
+ .ycd-bootstrap-wrapper .btn-group > .btn-lg + .dropdown-toggle {
3817
+ padding-right: 12px;
3818
+ padding-left: 12px;
3819
+ }
3820
+ .ycd-bootstrap-wrapper .btn-group.open .dropdown-toggle {
3821
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3822
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3823
+ }
3824
+ .ycd-bootstrap-wrapper .btn-group.open .dropdown-toggle.btn-link {
3825
+ -webkit-box-shadow: none;
3826
+ box-shadow: none;
3827
+ }
3828
+ .ycd-bootstrap-wrapper .btn .caret {
3829
+ margin-left: 0;
3830
+ }
3831
+ .ycd-bootstrap-wrapper .btn-lg .caret {
3832
+ border-width: 5px 5px 0;
3833
+ border-bottom-width: 0;
3834
+ }
3835
+ .ycd-bootstrap-wrapper .dropup .btn-lg .caret {
3836
+ border-width: 0 5px 5px;
3837
+ }
3838
+ .ycd-bootstrap-wrapper .btn-group-vertical > .btn,
3839
+ .ycd-bootstrap-wrapper .btn-group-vertical > .btn-group,
3840
+ .ycd-bootstrap-wrapper .btn-group-vertical > .btn-group > .btn {
3841
+ display: block;
3842
+ float: none;
3843
+ width: 100%;
3844
+ max-width: 100%;
3845
+ }
3846
+ .ycd-bootstrap-wrapper .btn-group-vertical > .btn-group > .btn {
3847
+ float: none;
3848
+ }
3849
+ .ycd-bootstrap-wrapper .btn-group-vertical > .btn + .btn,
3850
+ .ycd-bootstrap-wrapper .btn-group-vertical > .btn + .btn-group,
3851
+ .ycd-bootstrap-wrapper .btn-group-vertical > .btn-group + .btn,
3852
+ .ycd-bootstrap-wrapper .btn-group-vertical > .btn-group + .btn-group {
3853
+ margin-top: -1px;
3854
+ margin-left: 0;
3855
+ }
3856
+ .ycd-bootstrap-wrapper .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
3857
+ border-radius: 0;
3858
+ }
3859
+ .ycd-bootstrap-wrapper .btn-group-vertical > .btn:first-child:not(:last-child) {
3860
+ border-top-left-radius: 4px;
3861
+ border-top-right-radius: 4px;
3862
+ border-bottom-right-radius: 0;
3863
+ border-bottom-left-radius: 0;
3864
+ }
3865
+ .ycd-bootstrap-wrapper .btn-group-vertical > .btn:last-child:not(:first-child) {
3866
+ border-top-left-radius: 0;
3867
+ border-top-right-radius: 0;
3868
+ border-bottom-right-radius: 4px;
3869
+ border-bottom-left-radius: 4px;
3870
+ }
3871
+ .ycd-bootstrap-wrapper .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
3872
+ border-radius: 0;
3873
+ }
3874
+ .ycd-bootstrap-wrapper .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
3875
+ .ycd-bootstrap-wrapper .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
3876
+ border-bottom-right-radius: 0;
3877
+ border-bottom-left-radius: 0;
3878
+ }
3879
+ .ycd-bootstrap-wrapper .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
3880
+ border-top-left-radius: 0;
3881
+ border-top-right-radius: 0;
3882
+ }
3883
+ .ycd-bootstrap-wrapper .btn-group-justified {
3884
+ display: table;
3885
+ width: 100%;
3886
+ table-layout: fixed;
3887
+ border-collapse: separate;
3888
+ }
3889
+ .ycd-bootstrap-wrapper .btn-group-justified > .btn,
3890
+ .ycd-bootstrap-wrapper .btn-group-justified > .btn-group {
3891
+ display: table-cell;
3892
+ float: none;
3893
+ width: 1%;
3894
+ }
3895
+ .ycd-bootstrap-wrapper .btn-group-justified > .btn-group .btn {
3896
+ width: 100%;
3897
+ }
3898
+ .ycd-bootstrap-wrapper .btn-group-justified > .btn-group .dropdown-menu {
3899
+ left: auto;
3900
+ }
3901
+ .ycd-bootstrap-wrapper [data-toggle="buttons"] > .btn input[type="radio"],
3902
+ .ycd-bootstrap-wrapper [data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
3903
+ .ycd-bootstrap-wrapper [data-toggle="buttons"] > .btn input[type="checkbox"],
3904
+ .ycd-bootstrap-wrapper [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
3905
+ position: absolute;
3906
+ clip: rect(0, 0, 0, 0);
3907
+ pointer-events: none;
3908
+ }
3909
+ .ycd-bootstrap-wrapper .input-group {
3910
+ position: relative;
3911
+ display: table;
3912
+ border-collapse: separate;
3913
+ }
3914
+ .ycd-bootstrap-wrapper .input-group[class*="col-"] {
3915
+ float: none;
3916
+ padding-right: 0;
3917
+ padding-left: 0;
3918
+ }
3919
+ .ycd-bootstrap-wrapper .input-group .form-control {
3920
+ position: relative;
3921
+ z-index: 2;
3922
+ float: left;
3923
+ width: 100%;
3924
+ margin-bottom: 0;
3925
+ }
3926
+ .ycd-bootstrap-wrapper .input-group .form-control:focus {
3927
+ z-index: 3;
3928
+ }
3929
+ .ycd-bootstrap-wrapper .input-group-lg > .form-control,
3930
+ .ycd-bootstrap-wrapper .input-group-lg > .input-group-addon,
3931
+ .ycd-bootstrap-wrapper .input-group-lg > .input-group-btn > .btn {
3932
+ height: 46px;
3933
+ padding: 10px 16px;
3934
+ font-size: 18px;
3935
+ line-height: 1.3333333;
3936
+ border-radius: 6px;
3937
+ }
3938
+ .ycd-bootstrap-wrapper select.input-group-lg > .form-control,
3939
+ .ycd-bootstrap-wrapper select.input-group-lg > .input-group-addon,
3940
+ .ycd-bootstrap-wrapper select.input-group-lg > .input-group-btn > .btn {
3941
+ height: 46px;
3942
+ line-height: 46px;
3943
+ }
3944
+ .ycd-bootstrap-wrapper textarea.input-group-lg > .form-control,
3945
+ .ycd-bootstrap-wrapper textarea.input-group-lg > .input-group-addon,
3946
+ .ycd-bootstrap-wrapper textarea.input-group-lg > .input-group-btn > .btn,
3947
+ .ycd-bootstrap-wrapper select[multiple].input-group-lg > .form-control,
3948
+ .ycd-bootstrap-wrapper select[multiple].input-group-lg > .input-group-addon,
3949
+ .ycd-bootstrap-wrapper select[multiple].input-group-lg > .input-group-btn > .btn {
3950
+ height: auto;
3951
+ }
3952
+ .ycd-bootstrap-wrapper .input-group-sm > .form-control,
3953
+ .ycd-bootstrap-wrapper .input-group-sm > .input-group-addon,
3954
+ .ycd-bootstrap-wrapper .input-group-sm > .input-group-btn > .btn {
3955
+ height: 30px;
3956
+ padding: 5px 10px;
3957
+ font-size: 12px;
3958
+ line-height: 1.5;
3959
+ border-radius: 3px;
3960
+ }
3961
+ .ycd-bootstrap-wrapper select.input-group-sm > .form-control,
3962
+ .ycd-bootstrap-wrapper select.input-group-sm > .input-group-addon,
3963
+ .ycd-bootstrap-wrapper select.input-group-sm > .input-group-btn > .btn {
3964
+ height: 30px;
3965
+ line-height: 30px;
3966
+ }
3967
+ .ycd-bootstrap-wrapper textarea.input-group-sm > .form-control,
3968
+ .ycd-bootstrap-wrapper textarea.input-group-sm > .input-group-addon,
3969
+ .ycd-bootstrap-wrapper textarea.input-group-sm > .input-group-btn > .btn,
3970
+ .ycd-bootstrap-wrapper select[multiple].input-group-sm > .form-control,
3971
+ .ycd-bootstrap-wrapper select[multiple].input-group-sm > .input-group-addon,
3972
+ .ycd-bootstrap-wrapper select[multiple].input-group-sm > .input-group-btn > .btn {
3973
+ height: auto;
3974
+ }
3975
+ .ycd-bootstrap-wrapper .input-group-addon,
3976
+ .ycd-bootstrap-wrapper .input-group-btn,
3977
+ .ycd-bootstrap-wrapper .input-group .form-control {
3978
+ display: table-cell;
3979
+ }
3980
+ .ycd-bootstrap-wrapper .input-group-addon:not(:first-child):not(:last-child),
3981
+ .ycd-bootstrap-wrapper .input-group-btn:not(:first-child):not(:last-child),
3982
+ .ycd-bootstrap-wrapper .input-group .form-control:not(:first-child):not(:last-child) {
3983
+ border-radius: 0;
3984
+ }
3985
+ .ycd-bootstrap-wrapper .input-group-addon,
3986
+ .ycd-bootstrap-wrapper .input-group-btn {
3987
+ width: 1%;
3988
+ white-space: nowrap;
3989
+ vertical-align: middle;
3990
+ }
3991
+ .ycd-bootstrap-wrapper .input-group-addon {
3992
+ padding: 6px 12px;
3993
+ font-size: 14px;
3994
+ font-weight: normal;
3995
+ line-height: 1;
3996
+ color: #555;
3997
+ text-align: center;
3998
+ background-color: #eee;
3999
+ border: 1px solid #ccc;
4000
+ border-radius: 4px;
4001
+ }
4002
+ .ycd-bootstrap-wrapper .input-group-addon.input-sm {
4003
+ padding: 5px 10px;
4004
+ font-size: 12px;
4005
+ border-radius: 3px;
4006
+ }
4007
+ .ycd-bootstrap-wrapper .input-group-addon.input-lg {
4008
+ padding: 10px 16px;
4009
+ font-size: 18px;
4010
+ border-radius: 6px;
4011
+ }
4012
+ .ycd-bootstrap-wrapper .input-group-addon input[type="radio"],
4013
+ .ycd-bootstrap-wrapper .input-group-addon input[type="checkbox"] {
4014
+ margin-top: 0;
4015
+ }
4016
+ .ycd-bootstrap-wrapper .input-group .form-control:first-child,
4017
+ .ycd-bootstrap-wrapper .input-group-addon:first-child,
4018
+ .ycd-bootstrap-wrapper .input-group-btn:first-child > .btn,
4019
+ .ycd-bootstrap-wrapper .input-group-btn:first-child > .btn-group > .btn,
4020
+ .ycd-bootstrap-wrapper .input-group-btn:first-child > .dropdown-toggle,
4021
+ .ycd-bootstrap-wrapper .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
4022
+ .ycd-bootstrap-wrapper .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
4023
+ border-top-right-radius: 0;
4024
+ border-bottom-right-radius: 0;
4025
+ }
4026
+ .ycd-bootstrap-wrapper .input-group-addon:first-child {
4027
+ border-right: 0;
4028
+ }
4029
+ .ycd-bootstrap-wrapper .input-group .form-control:last-child,
4030
+ .ycd-bootstrap-wrapper .input-group-addon:last-child,
4031
+ .ycd-bootstrap-wrapper .input-group-btn:last-child > .btn,
4032
+ .ycd-bootstrap-wrapper .input-group-btn:last-child > .btn-group > .btn,
4033
+ .ycd-bootstrap-wrapper .input-group-btn:last-child > .dropdown-toggle,
4034
+ .ycd-bootstrap-wrapper .input-group-btn:first-child > .btn:not(:first-child),
4035
+ .ycd-bootstrap-wrapper .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
4036
+ border-top-left-radius: 0;
4037
+ border-bottom-left-radius: 0;
4038
+ }
4039
+ .ycd-bootstrap-wrapper .input-group-addon:last-child {
4040
+ border-left: 0;
4041
+ }
4042
+ .ycd-bootstrap-wrapper .input-group-btn {
4043
+ position: relative;
4044
+ font-size: 0;
4045
+ white-space: nowrap;
4046
+ }
4047
+ .ycd-bootstrap-wrapper .input-group-btn > .btn {
4048
+ position: relative;
4049
+ }
4050
+ .ycd-bootstrap-wrapper .input-group-btn > .btn + .btn {
4051
+ margin-left: -1px;
4052
+ }
4053
+ .ycd-bootstrap-wrapper .input-group-btn > .btn:hover,
4054
+ .ycd-bootstrap-wrapper .input-group-btn > .btn:focus,
4055
+ .ycd-bootstrap-wrapper .input-group-btn > .btn:active {
4056
+ z-index: 2;
4057
+ }
4058
+ .ycd-bootstrap-wrapper .input-group-btn:first-child > .btn,
4059
+ .ycd-bootstrap-wrapper .input-group-btn:first-child > .btn-group {
4060
+ margin-right: -1px;
4061
+ }
4062
+ .ycd-bootstrap-wrapper .input-group-btn:last-child > .btn,
4063
+ .ycd-bootstrap-wrapper .input-group-btn:last-child > .btn-group {
4064
+ z-index: 2;
4065
+ margin-left: -1px;
4066
+ }
4067
+ .ycd-bootstrap-wrapper .nav {
4068
+ padding-left: 0;
4069
+ margin-bottom: 0;
4070
+ list-style: none;
4071
+ }
4072
+ .ycd-bootstrap-wrapper .nav > li {
4073
+ position: relative;
4074
+ display: block;
4075
+ }
4076
+ .ycd-bootstrap-wrapper .nav > li > a {
4077
+ position: relative;
4078
+ display: block;
4079
+ padding: 10px 15px;
4080
+ }
4081
+ .ycd-bootstrap-wrapper .nav > li > a:hover,
4082
+ .ycd-bootstrap-wrapper .nav > li > a:focus {
4083
+ text-decoration: none;
4084
+ background-color: #eee;
4085
+ }
4086
+ .ycd-bootstrap-wrapper .nav > li.disabled > a {
4087
+ color: #777;
4088
+ }
4089
+ .ycd-bootstrap-wrapper .nav > li.disabled > a:hover,
4090
+ .ycd-bootstrap-wrapper .nav > li.disabled > a:focus {
4091
+ color: #777;
4092
+ text-decoration: none;
4093
+ cursor: not-allowed;
4094
+ background-color: transparent;
4095
+ }
4096
+ .ycd-bootstrap-wrapper .nav .open > a,
4097
+ .ycd-bootstrap-wrapper .nav .open > a:hover,
4098
+ .ycd-bootstrap-wrapper .nav .open > a:focus {
4099
+ background-color: #eee;
4100
+ border-color: #337ab7;
4101
+ }
4102
+ .ycd-bootstrap-wrapper .nav .nav-divider {
4103
+ height: 1px;
4104
+ margin: 9px 0;
4105
+ overflow: hidden;
4106
+ background-color: #e5e5e5;
4107
+ }
4108
+ .ycd-bootstrap-wrapper .nav > li > a > img {
4109
+ max-width: none;
4110
+ }
4111
+ .ycd-bootstrap-wrapper .nav-tabs {
4112
+ border-bottom: 1px solid #ddd;
4113
+ }
4114
+ .ycd-bootstrap-wrapper .nav-tabs > li {
4115
+ float: left;
4116
+ margin-bottom: -1px;
4117
+ }
4118
+ .ycd-bootstrap-wrapper .nav-tabs > li > a {
4119
+ margin-right: 2px;
4120
+ line-height: 1.42857143;
4121
+ border: 1px solid transparent;
4122
+ border-radius: 4px 4px 0 0;
4123
+ }
4124
+ .ycd-bootstrap-wrapper .nav-tabs > li > a:hover {
4125
+ border-color: #eee #eee #ddd;
4126
+ }
4127
+ .ycd-bootstrap-wrapper .nav-tabs > li.active > a,
4128
+ .ycd-bootstrap-wrapper .nav-tabs > li.active > a:hover,
4129
+ .ycd-bootstrap-wrapper .nav-tabs > li.active > a:focus {
4130
+ color: #555;
4131
+ cursor: default;
4132
+ background-color: #fff;
4133
+ border: 1px solid #ddd;
4134
+ border-bottom-color: transparent;
4135
+ }
4136
+ .ycd-bootstrap-wrapper .nav-tabs.nav-justified {
4137
+ width: 100%;
4138
+ border-bottom: 0;
4139
+ }
4140
+ .ycd-bootstrap-wrapper .nav-tabs.nav-justified > li {
4141
+ float: none;
4142
+ }
4143
+ .ycd-bootstrap-wrapper .nav-tabs.nav-justified > li > a {
4144
+ margin-bottom: 5px;
4145
+ text-align: center;
4146
+ }
4147
+ .ycd-bootstrap-wrapper .nav-tabs.nav-justified > .dropdown .dropdown-menu {
4148
+ top: auto;
4149
+ left: auto;
4150
+ }
4151
+ @media (min-width: 768px) {
4152
+ .ycd-bootstrap-wrapper .nav-tabs.nav-justified > li {
4153
+ display: table-cell;
4154
+ width: 1%;
4155
+ }
4156
+ .ycd-bootstrap-wrapper .nav-tabs.nav-justified > li > a {
4157
+ margin-bottom: 0;
4158
+ }
4159
+ }
4160
+ .ycd-bootstrap-wrapper .nav-tabs.nav-justified > li > a {
4161
+ margin-right: 0;
4162
+ border-radius: 4px;
4163
+ }
4164
+ .ycd-bootstrap-wrapper .nav-tabs.nav-justified > .active > a,
4165
+ .ycd-bootstrap-wrapper .nav-tabs.nav-justified > .active > a:hover,
4166
+ .ycd-bootstrap-wrapper .nav-tabs.nav-justified > .active > a:focus {
4167
+ border: 1px solid #ddd;
4168
+ }
4169
+ @media (min-width: 768px) {
4170
+ .ycd-bootstrap-wrapper .nav-tabs.nav-justified > li > a {
4171
+ border-bottom: 1px solid #ddd;
4172
+ border-radius: 4px 4px 0 0;
4173
+ }
4174
+ .ycd-bootstrap-wrapper .nav-tabs.nav-justified > .active > a,
4175
+ .ycd-bootstrap-wrapper .nav-tabs.nav-justified > .active > a:hover,
4176
+ .ycd-bootstrap-wrapper .nav-tabs.nav-justified > .active > a:focus {
4177
+ border-bottom-color: #fff;
4178
+ }
4179
+ }
4180
+ .ycd-bootstrap-wrapper .nav-pills > li {
4181
+ float: left;
4182
+ }
4183
+ .ycd-bootstrap-wrapper .nav-pills > li > a {
4184
+ border-radius: 4px;
4185
+ }
4186
+ .ycd-bootstrap-wrapper .nav-pills > li + li {
4187
+ margin-left: 2px;
4188
+ }
4189
+ .ycd-bootstrap-wrapper .nav-pills > li.active > a,
4190
+ .ycd-bootstrap-wrapper .nav-pills > li.active > a:hover,
4191
+ .ycd-bootstrap-wrapper .nav-pills > li.active > a:focus {
4192
+ color: #fff;
4193
+ background-color: #337ab7;
4194
+ }
4195
+ .ycd-bootstrap-wrapper .nav-stacked > li {
4196
+ float: none;
4197
+ }
4198
+ .ycd-bootstrap-wrapper .nav-stacked > li + li {
4199
+ margin-top: 2px;
4200
+ margin-left: 0;
4201
+ }
4202
+ .ycd-bootstrap-wrapper .nav-justified {
4203
+ width: 100%;
4204
+ }
4205
+ .ycd-bootstrap-wrapper .nav-justified > li {
4206
+ float: none;
4207
+ }
4208
+ .ycd-bootstrap-wrapper .nav-justified > li > a {
4209
+ margin-bottom: 5px;
4210
+ text-align: center;
4211
+ }
4212
+ .ycd-bootstrap-wrapper .nav-justified > .dropdown .dropdown-menu {
4213
+ top: auto;
4214
+ left: auto;
4215
+ }
4216
+ @media (min-width: 768px) {
4217
+ .ycd-bootstrap-wrapper .nav-justified > li {
4218
+ display: table-cell;
4219
+ width: 1%;
4220
+ }
4221
+ .ycd-bootstrap-wrapper .nav-justified > li > a {
4222
+ margin-bottom: 0;
4223
+ }
4224
+ }
4225
+ .ycd-bootstrap-wrapper .nav-tabs-justified {
4226
+ border-bottom: 0;
4227
+ }
4228
+ .ycd-bootstrap-wrapper .nav-tabs-justified > li > a {
4229
+ margin-right: 0;
4230
+ border-radius: 4px;
4231
+ }
4232
+ .ycd-bootstrap-wrapper .nav-tabs-justified > .active > a,
4233
+ .ycd-bootstrap-wrapper .nav-tabs-justified > .active > a:hover,
4234
+ .ycd-bootstrap-wrapper .nav-tabs-justified > .active > a:focus {
4235
+ border: 1px solid #ddd;
4236
+ }
4237
+ @media (min-width: 768px) {
4238
+ .ycd-bootstrap-wrapper .nav-tabs-justified > li > a {
4239
+ border-bottom: 1px solid #ddd;
4240
+ border-radius: 4px 4px 0 0;
4241
+ }
4242
+ .ycd-bootstrap-wrapper .nav-tabs-justified > .active > a,
4243
+ .ycd-bootstrap-wrapper .nav-tabs-justified > .active > a:hover,
4244
+ .ycd-bootstrap-wrapper .nav-tabs-justified > .active > a:focus {
4245
+ border-bottom-color: #fff;
4246
+ }
4247
+ }
4248
+ .ycd-bootstrap-wrapper .tab-content > .tab-pane {
4249
+ display: none;
4250
+ }
4251
+ .ycd-bootstrap-wrapper .tab-content > .active {
4252
+ display: block;
4253
+ }
4254
+ .ycd-bootstrap-wrapper .nav-tabs .dropdown-menu {
4255
+ margin-top: -1px;
4256
+ border-top-left-radius: 0;
4257
+ border-top-right-radius: 0;
4258
+ }
4259
+ .ycd-bootstrap-wrapper .navbar {
4260
+ position: relative;
4261
+ min-height: 50px;
4262
+ margin-bottom: 20px;
4263
+ border: 1px solid transparent;
4264
+ }
4265
+ @media (min-width: 768px) {
4266
+ .ycd-bootstrap-wrapper .navbar {
4267
+ border-radius: 4px;
4268
+ }
4269
+ }
4270
+ @media (min-width: 768px) {
4271
+ .ycd-bootstrap-wrapper .navbar-header {
4272
+ float: left;
4273
+ }
4274
+ }
4275
+ .ycd-bootstrap-wrapper .navbar-collapse {
4276
+ padding-right: 15px;
4277
+ padding-left: 15px;
4278
+ overflow-x: visible;
4279
+ -webkit-overflow-scrolling: touch;
4280
+ border-top: 1px solid transparent;
4281
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
4282
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
4283
+ }
4284
+ .ycd-bootstrap-wrapper .navbar-collapse.in {
4285
+ overflow-y: auto;
4286
+ }
4287
+ @media (min-width: 768px) {
4288
+ .ycd-bootstrap-wrapper .navbar-collapse {
4289
+ width: auto;
4290
+ border-top: 0;
4291
+ -webkit-box-shadow: none;
4292
+ box-shadow: none;
4293
+ }
4294
+ .ycd-bootstrap-wrapper .navbar-collapse.collapse {
4295
+ display: block !important;
4296
+ height: auto !important;
4297
+ padding-bottom: 0;
4298
+ overflow: visible !important;
4299
+ }
4300
+ .ycd-bootstrap-wrapper .navbar-collapse.in {
4301
+ overflow-y: visible;
4302
+ }
4303
+ .ycd-bootstrap-wrapper .navbar-fixed-top .navbar-collapse,
4304
+ .ycd-bootstrap-wrapper .navbar-static-top .navbar-collapse,
4305
+ .ycd-bootstrap-wrapper .navbar-fixed-bottom .navbar-collapse {
4306
+ padding-right: 0;
4307
+ padding-left: 0;
4308
+ }
4309
+ }
4310
+ .ycd-bootstrap-wrapper .navbar-fixed-top .navbar-collapse,
4311
+ .ycd-bootstrap-wrapper .navbar-fixed-bottom .navbar-collapse {
4312
+ max-height: 340px;
4313
+ }
4314
+ @media (max-device-width: 480px) and (orientation: landscape) {
4315
+ .ycd-bootstrap-wrapper .navbar-fixed-top .navbar-collapse,
4316
+ .ycd-bootstrap-wrapper .navbar-fixed-bottom .navbar-collapse {
4317
+ max-height: 200px;
4318
+ }
4319
+ }
4320
+ .ycd-bootstrap-wrapper .container > .navbar-header,
4321
+ .ycd-bootstrap-wrapper .container-fluid > .navbar-header,
4322
+ .ycd-bootstrap-wrapper .container > .navbar-collapse,
4323
+ .ycd-bootstrap-wrapper .container-fluid > .navbar-collapse {
4324
+ margin-right: -15px;
4325
+ margin-left: -15px;
4326
+ }
4327
+ @media (min-width: 768px) {
4328
+ .ycd-bootstrap-wrapper .container > .navbar-header,
4329
+ .ycd-bootstrap-wrapper .container-fluid > .navbar-header,
4330
+ .ycd-bootstrap-wrapper .container > .navbar-collapse,
4331
+ .ycd-bootstrap-wrapper .container-fluid > .navbar-collapse {
4332
+ margin-right: 0;
4333
+ margin-left: 0;
4334
+ }
4335
+ }
4336
+ .ycd-bootstrap-wrapper .navbar-static-top {
4337
+ z-index: 1000;
4338
+ border-width: 0 0 1px;
4339
+ }
4340
+ @media (min-width: 768px) {
4341
+ .ycd-bootstrap-wrapper .navbar-static-top {
4342
+ border-radius: 0;
4343
+ }
4344
+ }
4345
+ .ycd-bootstrap-wrapper .navbar-fixed-top,
4346
+ .ycd-bootstrap-wrapper .navbar-fixed-bottom {
4347
+ position: fixed;
4348
+ right: 0;
4349
+ left: 0;
4350
+ z-index: 1030;
4351
+ }
4352
+ @media (min-width: 768px) {
4353
+ .ycd-bootstrap-wrapper .navbar-fixed-top,
4354
+ .ycd-bootstrap-wrapper .navbar-fixed-bottom {
4355
+ border-radius: 0;
4356
+ }
4357
+ }
4358
+ .ycd-bootstrap-wrapper .navbar-fixed-top {
4359
+ top: 0;
4360
+ border-width: 0 0 1px;
4361
+ }
4362
+ .ycd-bootstrap-wrapper .navbar-fixed-bottom {
4363
+ bottom: 0;
4364
+ margin-bottom: 0;
4365
+ border-width: 1px 0 0;
4366
+ }
4367
+ .ycd-bootstrap-wrapper .navbar-brand {
4368
+ float: left;
4369
+ height: 50px;
4370
+ padding: 15px 15px;
4371
+ font-size: 18px;
4372
+ line-height: 20px;
4373
+ }
4374
+ .ycd-bootstrap-wrapper .navbar-brand:hover,
4375
+ .ycd-bootstrap-wrapper .navbar-brand:focus {
4376
+ text-decoration: none;
4377
+ }
4378
+ .ycd-bootstrap-wrapper .navbar-brand > img {
4379
+ display: block;
4380
+ }
4381
+ @media (min-width: 768px) {
4382
+ .ycd-bootstrap-wrapper .navbar > .container .navbar-brand,
4383
+ .ycd-bootstrap-wrapper .navbar > .container-fluid .navbar-brand {
4384
+ margin-left: -15px;
4385
+ }
4386
+ }
4387
+ .ycd-bootstrap-wrapper .navbar-toggle {
4388
+ position: relative;
4389
+ float: right;
4390
+ padding: 9px 10px;
4391
+ margin-top: 8px;
4392
+ margin-right: 15px;
4393
+ margin-bottom: 8px;
4394
+ background-color: transparent;
4395
+ background-image: none;
4396
+ border: 1px solid transparent;
4397
+ border-radius: 4px;
4398
+ }
4399
+ .ycd-bootstrap-wrapper .navbar-toggle:focus {
4400
+ outline: 0;
4401
+ }
4402
+ .ycd-bootstrap-wrapper .navbar-toggle .icon-bar {
4403
+ display: block;
4404
+ width: 22px;
4405
+ height: 2px;
4406
+ border-radius: 1px;
4407
+ }
4408
+ .ycd-bootstrap-wrapper .navbar-toggle .icon-bar + .icon-bar {
4409
+ margin-top: 4px;
4410
+ }
4411
+ @media (min-width: 768px) {
4412
+ .ycd-bootstrap-wrapper .navbar-toggle {
4413
+ display: none;
4414
+ }
4415
+ }
4416
+ .ycd-bootstrap-wrapper .navbar-nav {
4417
+ margin: 7.5px -15px;
4418
+ }
4419
+ .ycd-bootstrap-wrapper .navbar-nav > li > a {
4420
+ padding-top: 10px;
4421
+ padding-bottom: 10px;
4422
+ line-height: 20px;
4423
+ }
4424
+ @media (max-width: 767px) {
4425
+ .ycd-bootstrap-wrapper .navbar-nav .open .dropdown-menu {
4426
+ position: static;
4427
+ float: none;
4428
+ width: auto;
4429
+ margin-top: 0;
4430
+ background-color: transparent;
4431
+ border: 0;
4432
+ -webkit-box-shadow: none;
4433
+ box-shadow: none;
4434
+ }
4435
+ .ycd-bootstrap-wrapper .navbar-nav .open .dropdown-menu > li > a,
4436
+ .ycd-bootstrap-wrapper .navbar-nav .open .dropdown-menu .dropdown-header {
4437
+ padding: 5px 15px 5px 25px;
4438
+ }
4439
+ .ycd-bootstrap-wrapper .navbar-nav .open .dropdown-menu > li > a {
4440
+ line-height: 20px;
4441
+ }
4442
+ .ycd-bootstrap-wrapper .navbar-nav .open .dropdown-menu > li > a:hover,
4443
+ .ycd-bootstrap-wrapper .navbar-nav .open .dropdown-menu > li > a:focus {
4444
+ background-image: none;
4445
+ }
4446
+ }
4447
+ @media (min-width: 768px) {
4448
+ .ycd-bootstrap-wrapper .navbar-nav {
4449
+ float: left;
4450
+ margin: 0;
4451
+ }
4452
+ .ycd-bootstrap-wrapper .navbar-nav > li {
4453
+ float: left;
4454
+ }
4455
+ .ycd-bootstrap-wrapper .navbar-nav > li > a {
4456
+ padding-top: 15px;
4457
+ padding-bottom: 15px;
4458
+ }
4459
+ }
4460
+ .ycd-bootstrap-wrapper .navbar-form {
4461
+ padding: 10px 15px;
4462
+ margin-top: 8px;
4463
+ margin-right: -15px;
4464
+ margin-bottom: 8px;
4465
+ margin-left: -15px;
4466
+ border-top: 1px solid transparent;
4467
+ border-bottom: 1px solid transparent;
4468
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
4469
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
4470
+ }
4471
+ @media (min-width: 768px) {
4472
+ .ycd-bootstrap-wrapper .navbar-form .form-group {
4473
+ display: inline-block;
4474
+ margin-bottom: 0;
4475
+ vertical-align: middle;
4476
+ }
4477
+ .ycd-bootstrap-wrapper .navbar-form .form-control {
4478
+ display: inline-block;
4479
+ width: auto;
4480
+ vertical-align: middle;
4481
+ }
4482
+ .ycd-bootstrap-wrapper .navbar-form .form-control-static {
4483
+ display: inline-block;
4484
+ }
4485
+ .ycd-bootstrap-wrapper .navbar-form .input-group {
4486
+ display: inline-table;
4487
+ vertical-align: middle;
4488
+ }
4489
+ .ycd-bootstrap-wrapper .navbar-form .input-group .input-group-addon,
4490
+ .ycd-bootstrap-wrapper .navbar-form .input-group .input-group-btn,
4491
+ .ycd-bootstrap-wrapper .navbar-form .input-group .form-control {
4492
+ width: auto;
4493
+ }
4494
+ .ycd-bootstrap-wrapper .navbar-form .input-group > .form-control {
4495
+ width: 100%;
4496
+ }
4497
+ .ycd-bootstrap-wrapper .navbar-form .control-label {
4498
+ margin-bottom: 0;
4499
+ vertical-align: middle;
4500
+ }
4501
+ .ycd-bootstrap-wrapper .navbar-form .radio,
4502
+ .ycd-bootstrap-wrapper .navbar-form .checkbox {
4503
+ display: inline-block;
4504
+ margin-top: 0;
4505
+ margin-bottom: 0;
4506
+ vertical-align: middle;
4507
+ }
4508
+ .ycd-bootstrap-wrapper .navbar-form .radio label,
4509
+ .ycd-bootstrap-wrapper .navbar-form .checkbox label {
4510
+ padding-left: 0;
4511
+ }
4512
+ .ycd-bootstrap-wrapper .navbar-form .radio input[type="radio"],
4513
+ .ycd-bootstrap-wrapper .navbar-form .checkbox input[type="checkbox"] {
4514
+ position: relative;
4515
+ margin-left: 0;
4516
+ }
4517
+ .ycd-bootstrap-wrapper .navbar-form .has-feedback .form-control-feedback {
4518
+ top: 0;
4519
+ }
4520
+ }
4521
+ @media (max-width: 767px) {
4522
+ .ycd-bootstrap-wrapper .navbar-form .form-group {
4523
+ margin-bottom: 5px;
4524
+ }
4525
+ .ycd-bootstrap-wrapper .navbar-form .form-group:last-child {
4526
+ margin-bottom: 0;
4527
+ }
4528
+ }
4529
+ @media (min-width: 768px) {
4530
+ .ycd-bootstrap-wrapper .navbar-form {
4531
+ width: auto;
4532
+ padding-top: 0;
4533
+ padding-bottom: 0;
4534
+ margin-right: 0;
4535
+ margin-left: 0;
4536
+ border: 0;
4537
+ -webkit-box-shadow: none;
4538
+ box-shadow: none;
4539
+ }
4540
+ }
4541
+ .ycd-bootstrap-wrapper .navbar-nav > li > .dropdown-menu {
4542
+ margin-top: 0;
4543
+ border-top-left-radius: 0;
4544
+ border-top-right-radius: 0;
4545
+ }
4546
+ .ycd-bootstrap-wrapper .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
4547
+ margin-bottom: 0;
4548
+ border-top-left-radius: 4px;
4549
+ border-top-right-radius: 4px;
4550
+ border-bottom-right-radius: 0;
4551
+ border-bottom-left-radius: 0;
4552
+ }
4553
+ .ycd-bootstrap-wrapper .navbar-btn {
4554
+ margin-top: 8px;
4555
+ margin-bottom: 8px;
4556
+ }
4557
+ .ycd-bootstrap-wrapper .navbar-btn.btn-sm {
4558
+ margin-top: 10px;
4559
+ margin-bottom: 10px;
4560
+ }
4561
+ .ycd-bootstrap-wrapper .navbar-btn.btn-xs {
4562
+ margin-top: 14px;
4563
+ margin-bottom: 14px;
4564
+ }
4565
+ .ycd-bootstrap-wrapper .navbar-text {
4566
+ margin-top: 15px;
4567
+ margin-bottom: 15px;
4568
+ }
4569
+ @media (min-width: 768px) {
4570
+ .ycd-bootstrap-wrapper .navbar-text {
4571
+ float: left;
4572
+ margin-right: 15px;
4573
+ margin-left: 15px;
4574
+ }
4575
+ }
4576
+ @media (min-width: 768px) {
4577
+ .ycd-bootstrap-wrapper .navbar-left {
4578
+ float: left !important;
4579
+ }
4580
+ .ycd-bootstrap-wrapper .navbar-right {
4581
+ float: right !important;
4582
+ margin-right: -15px;
4583
+ }
4584
+ .ycd-bootstrap-wrapper .navbar-right ~ .navbar-right {
4585
+ margin-right: 0;
4586
+ }
4587
+ }
4588
+ .ycd-bootstrap-wrapper .navbar-default {
4589
+ background-color: #f8f8f8;
4590
+ border-color: #e7e7e7;
4591
+ }
4592
+ .ycd-bootstrap-wrapper .navbar-default .navbar-brand {
4593
+ color: #777;
4594
+ }
4595
+ .ycd-bootstrap-wrapper .navbar-default .navbar-brand:hover,
4596
+ .ycd-bootstrap-wrapper .navbar-default .navbar-brand:focus {
4597
+ color: #5e5e5e;
4598
+ background-color: transparent;
4599
+ }
4600
+ .ycd-bootstrap-wrapper .navbar-default .navbar-text {
4601
+ color: #777;
4602
+ }
4603
+ .ycd-bootstrap-wrapper .navbar-default .navbar-nav > li > a {
4604
+ color: #777;
4605
+ }
4606
+ .ycd-bootstrap-wrapper .navbar-default .navbar-nav > li > a:hover,
4607
+ .ycd-bootstrap-wrapper .navbar-default .navbar-nav > li > a:focus {
4608
+ color: #333;
4609
+ background-color: transparent;
4610
+ }
4611
+ .ycd-bootstrap-wrapper .navbar-default .navbar-nav > .active > a,
4612
+ .ycd-bootstrap-wrapper .navbar-default .navbar-nav > .active > a:hover,
4613
+ .ycd-bootstrap-wrapper .navbar-default .navbar-nav > .active > a:focus {
4614
+ color: #555;
4615
+ background-color: #e7e7e7;
4616
+ }
4617
+ .ycd-bootstrap-wrapper .navbar-default .navbar-nav > .disabled > a,
4618
+ .ycd-bootstrap-wrapper .navbar-default .navbar-nav > .disabled > a:hover,
4619
+ .ycd-bootstrap-wrapper .navbar-default .navbar-nav > .disabled > a:focus {
4620
+ color: #ccc;
4621
+ background-color: transparent;
4622
+ }
4623
+ .ycd-bootstrap-wrapper .navbar-default .navbar-toggle {
4624
+ border-color: #ddd;
4625
+ }
4626
+ .ycd-bootstrap-wrapper .navbar-default .navbar-toggle:hover,
4627
+ .ycd-bootstrap-wrapper .navbar-default .navbar-toggle:focus {
4628
+ background-color: #ddd;
4629
+ }
4630
+ .ycd-bootstrap-wrapper .navbar-default .navbar-toggle .icon-bar {
4631
+ background-color: #888;
4632
+ }
4633
+ .ycd-bootstrap-wrapper .navbar-default .navbar-collapse,
4634
+ .ycd-bootstrap-wrapper .navbar-default .navbar-form {
4635
+ border-color: #e7e7e7;
4636
+ }
4637
+ .ycd-bootstrap-wrapper .navbar-default .navbar-nav > .open > a,
4638
+ .ycd-bootstrap-wrapper .navbar-default .navbar-nav > .open > a:hover,
4639
+ .ycd-bootstrap-wrapper .navbar-default .navbar-nav > .open > a:focus {
4640
+ color: #555;
4641
+ background-color: #e7e7e7;
4642
+ }
4643
+ @media (max-width: 767px) {
4644
+ .ycd-bootstrap-wrapper .navbar-default .navbar-nav .open .dropdown-menu > li > a {
4645
+ color: #777;
4646
+ }
4647
+ .ycd-bootstrap-wrapper .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
4648
+ .ycd-bootstrap-wrapper .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
4649
+ color: #333;
4650
+ background-color: transparent;
4651
+ }
4652
+ .ycd-bootstrap-wrapper .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
4653
+ .ycd-bootstrap-wrapper .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
4654
+ .ycd-bootstrap-wrapper .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
4655
+ color: #555;
4656
+ background-color: #e7e7e7;
4657
+ }
4658
+ .ycd-bootstrap-wrapper .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
4659
+ .ycd-bootstrap-wrapper .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
4660
+ .ycd-bootstrap-wrapper .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
4661
+ color: #ccc;
4662
+ background-color: transparent;
4663
+ }
4664
+ }
4665
+ .ycd-bootstrap-wrapper .navbar-default .navbar-link {
4666
+ color: #777;
4667
+ }
4668
+ .ycd-bootstrap-wrapper .navbar-default .navbar-link:hover {
4669
+ color: #333;
4670
+ }
4671
+ .ycd-bootstrap-wrapper .navbar-default .btn-link {
4672
+ color: #777;
4673
+ }
4674
+ .ycd-bootstrap-wrapper .navbar-default .btn-link:hover,
4675
+ .ycd-bootstrap-wrapper .navbar-default .btn-link:focus {
4676
+ color: #333;
4677
+ }
4678
+ .ycd-bootstrap-wrapper .navbar-default .btn-link[disabled]:hover,
4679
+ .ycd-bootstrap-wrapper fieldset[disabled] .navbar-default .btn-link:hover,
4680
+ .ycd-bootstrap-wrapper .navbar-default .btn-link[disabled]:focus,
4681
+ .ycd-bootstrap-wrapper fieldset[disabled] .navbar-default .btn-link:focus {
4682
+ color: #ccc;
4683
+ }
4684
+ .ycd-bootstrap-wrapper .navbar-inverse {
4685
+ background-color: #222;
4686
+ border-color: #080808;
4687
+ }
4688
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-brand {
4689
+ color: #9d9d9d;
4690
+ }
4691
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-brand:hover,
4692
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-brand:focus {
4693
+ color: #fff;
4694
+ background-color: transparent;
4695
+ }
4696
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-text {
4697
+ color: #9d9d9d;
4698
+ }
4699
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav > li > a {
4700
+ color: #9d9d9d;
4701
+ }
4702
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav > li > a:hover,
4703
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav > li > a:focus {
4704
+ color: #fff;
4705
+ background-color: transparent;
4706
+ }
4707
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav > .active > a,
4708
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav > .active > a:hover,
4709
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav > .active > a:focus {
4710
+ color: #fff;
4711
+ background-color: #080808;
4712
+ }
4713
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav > .disabled > a,
4714
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav > .disabled > a:hover,
4715
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav > .disabled > a:focus {
4716
+ color: #444;
4717
+ background-color: transparent;
4718
+ }
4719
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-toggle {
4720
+ border-color: #333;
4721
+ }
4722
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-toggle:hover,
4723
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-toggle:focus {
4724
+ background-color: #333;
4725
+ }
4726
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-toggle .icon-bar {
4727
+ background-color: #fff;
4728
+ }
4729
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-collapse,
4730
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-form {
4731
+ border-color: #101010;
4732
+ }
4733
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav > .open > a,
4734
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav > .open > a:hover,
4735
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav > .open > a:focus {
4736
+ color: #fff;
4737
+ background-color: #080808;
4738
+ }
4739
+ @media (max-width: 767px) {
4740
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
4741
+ border-color: #080808;
4742
+ }
4743
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
4744
+ background-color: #080808;
4745
+ }
4746
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
4747
+ color: #9d9d9d;
4748
+ }
4749
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
4750
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
4751
+ color: #fff;
4752
+ background-color: transparent;
4753
+ }
4754
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
4755
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
4756
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
4757
+ color: #fff;
4758
+ background-color: #080808;
4759
+ }
4760
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
4761
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
4762
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
4763
+ color: #444;
4764
+ background-color: transparent;
4765
+ }
4766
+ }
4767
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-link {
4768
+ color: #9d9d9d;
4769
+ }
4770
+ .ycd-bootstrap-wrapper .navbar-inverse .navbar-link:hover {
4771
+ color: #fff;
4772
+ }
4773
+ .ycd-bootstrap-wrapper .navbar-inverse .btn-link {
4774
+ color: #9d9d9d;
4775
+ }
4776
+ .ycd-bootstrap-wrapper .navbar-inverse .btn-link:hover,
4777
+ .ycd-bootstrap-wrapper .navbar-inverse .btn-link:focus {
4778
+ color: #fff;
4779
+ }
4780
+ .ycd-bootstrap-wrapper .navbar-inverse .btn-link[disabled]:hover,
4781
+ .ycd-bootstrap-wrapper fieldset[disabled] .navbar-inverse .btn-link:hover,
4782
+ .ycd-bootstrap-wrapper .navbar-inverse .btn-link[disabled]:focus,
4783
+ .ycd-bootstrap-wrapper fieldset[disabled] .navbar-inverse .btn-link:focus {
4784
+ color: #444;
4785
+ }
4786
+ .ycd-bootstrap-wrapper .breadcrumb {
4787
+ padding: 8px 15px;
4788
+ margin-bottom: 20px;
4789
+ list-style: none;
4790
+ background-color: #f5f5f5;
4791
+ border-radius: 4px;
4792
+ }
4793
+ .ycd-bootstrap-wrapper .breadcrumb > li {
4794
+ display: inline-block;
4795
+ }
4796
+ .ycd-bootstrap-wrapper .breadcrumb > li + li:before {
4797
+ padding: 0 5px;
4798
+ color: #ccc;
4799
+ content: "/\00a0";
4800
+ }
4801
+ .ycd-bootstrap-wrapper .breadcrumb > .active {
4802
+ color: #777;
4803
+ }
4804
+ .ycd-bootstrap-wrapper .pagination {
4805
+ display: inline-block;
4806
+ padding-left: 0;
4807
+ margin: 20px 0;
4808
+ border-radius: 4px;
4809
+ }
4810
+ .ycd-bootstrap-wrapper .pagination > li {
4811
+ display: inline;
4812
+ }
4813
+ .ycd-bootstrap-wrapper .pagination > li > a,
4814
+ .ycd-bootstrap-wrapper .pagination > li > span {
4815
+ position: relative;
4816
+ float: left;
4817
+ padding: 6px 12px;
4818
+ margin-left: -1px;
4819
+ line-height: 1.42857143;
4820
+ color: #337ab7;
4821
+ text-decoration: none;
4822
+ background-color: #fff;
4823
+ border: 1px solid #ddd;
4824
+ }
4825
+ .ycd-bootstrap-wrapper .pagination > li:first-child > a,
4826
+ .ycd-bootstrap-wrapper .pagination > li:first-child > span {
4827
+ margin-left: 0;
4828
+ border-top-left-radius: 4px;
4829
+ border-bottom-left-radius: 4px;
4830
+ }
4831
+ .ycd-bootstrap-wrapper .pagination > li:last-child > a,
4832
+ .ycd-bootstrap-wrapper .pagination > li:last-child > span {
4833
+ border-top-right-radius: 4px;
4834
+ border-bottom-right-radius: 4px;
4835
+ }
4836
+ .ycd-bootstrap-wrapper .pagination > li > a:hover,
4837
+ .ycd-bootstrap-wrapper .pagination > li > span:hover,
4838
+ .ycd-bootstrap-wrapper .pagination > li > a:focus,
4839
+ .ycd-bootstrap-wrapper .pagination > li > span:focus {
4840
+ z-index: 2;
4841
+ color: #23527c;
4842
+ background-color: #eee;
4843
+ border-color: #ddd;
4844
+ }
4845
+ .ycd-bootstrap-wrapper .pagination > .active > a,
4846
+ .ycd-bootstrap-wrapper .pagination > .active > span,
4847
+ .ycd-bootstrap-wrapper .pagination > .active > a:hover,
4848
+ .ycd-bootstrap-wrapper .pagination > .active > span:hover,
4849
+ .ycd-bootstrap-wrapper .pagination > .active > a:focus,
4850
+ .ycd-bootstrap-wrapper .pagination > .active > span:focus {
4851
+ z-index: 3;
4852
+ color: #fff;
4853
+ cursor: default;
4854
+ background-color: #337ab7;
4855
+ border-color: #337ab7;
4856
+ }
4857
+ .ycd-bootstrap-wrapper .pagination > .disabled > span,
4858
+ .ycd-bootstrap-wrapper .pagination > .disabled > span:hover,
4859
+ .ycd-bootstrap-wrapper .pagination > .disabled > span:focus,
4860
+ .ycd-bootstrap-wrapper .pagination > .disabled > a,
4861
+ .ycd-bootstrap-wrapper .pagination > .disabled > a:hover,
4862
+ .ycd-bootstrap-wrapper .pagination > .disabled > a:focus {
4863
+ color: #777;
4864
+ cursor: not-allowed;
4865
+ background-color: #fff;
4866
+ border-color: #ddd;
4867
+ }
4868
+ .ycd-bootstrap-wrapper .pagination-lg > li > a,
4869
+ .ycd-bootstrap-wrapper .pagination-lg > li > span {
4870
+ padding: 10px 16px;
4871
+ font-size: 18px;
4872
+ line-height: 1.3333333;
4873
+ }
4874
+ .ycd-bootstrap-wrapper .pagination-lg > li:first-child > a,
4875
+ .ycd-bootstrap-wrapper .pagination-lg > li:first-child > span {
4876
+ border-top-left-radius: 6px;
4877
+ border-bottom-left-radius: 6px;
4878
+ }
4879
+ .ycd-bootstrap-wrapper .pagination-lg > li:last-child > a,
4880
+ .ycd-bootstrap-wrapper .pagination-lg > li:last-child > span {
4881
+ border-top-right-radius: 6px;
4882
+ border-bottom-right-radius: 6px;
4883
+ }
4884
+ .ycd-bootstrap-wrapper .pagination-sm > li > a,
4885
+ .ycd-bootstrap-wrapper .pagination-sm > li > span {
4886
+ padding: 5px 10px;
4887
+ font-size: 12px;
4888
+ line-height: 1.5;
4889
+ }
4890
+ .ycd-bootstrap-wrapper .pagination-sm > li:first-child > a,
4891
+ .ycd-bootstrap-wrapper .pagination-sm > li:first-child > span {
4892
+ border-top-left-radius: 3px;
4893
+ border-bottom-left-radius: 3px;
4894
+ }
4895
+ .ycd-bootstrap-wrapper .pagination-sm > li:last-child > a,
4896
+ .ycd-bootstrap-wrapper .pagination-sm > li:last-child > span {
4897
+ border-top-right-radius: 3px;
4898
+ border-bottom-right-radius: 3px;
4899
+ }
4900
+ .ycd-bootstrap-wrapper .pager {
4901
+ padding-left: 0;
4902
+ margin: 20px 0;
4903
+ text-align: center;
4904
+ list-style: none;
4905
+ }
4906
+ .ycd-bootstrap-wrapper .pager li {
4907
+ display: inline;
4908
+ }
4909
+ .ycd-bootstrap-wrapper .pager li > a,
4910
+ .ycd-bootstrap-wrapper .pager li > span {
4911
+ display: inline-block;
4912
+ padding: 5px 14px;
4913
+ background-color: #fff;
4914
+ border: 1px solid #ddd;
4915
+ border-radius: 15px;
4916
+ }
4917
+ .ycd-bootstrap-wrapper .pager li > a:hover,
4918
+ .ycd-bootstrap-wrapper .pager li > a:focus {
4919
+ text-decoration: none;
4920
+ background-color: #eee;
4921
+ }
4922
+ .ycd-bootstrap-wrapper .pager .next > a,
4923
+ .ycd-bootstrap-wrapper .pager .next > span {
4924
+ float: right;
4925
+ }
4926
+ .ycd-bootstrap-wrapper .pager .previous > a,
4927
+ .ycd-bootstrap-wrapper .pager .previous > span {
4928
+ float: left;
4929
+ }
4930
+ .ycd-bootstrap-wrapper .pager .disabled > a,
4931
+ .ycd-bootstrap-wrapper .pager .disabled > a:hover,
4932
+ .ycd-bootstrap-wrapper .pager .disabled > a:focus,
4933
+ .ycd-bootstrap-wrapper .pager .disabled > span {
4934
+ color: #777;
4935
+ cursor: not-allowed;
4936
+ background-color: #fff;
4937
+ }
4938
+ .ycd-bootstrap-wrapper .label {
4939
+ display: inline;
4940
+ padding: .2em .6em .3em;
4941
+ font-size: 75%;
4942
+ font-weight: bold;
4943
+ line-height: 1;
4944
+ color: #fff;
4945
+ text-align: center;
4946
+ white-space: nowrap;
4947
+ vertical-align: baseline;
4948
+ border-radius: .25em;
4949
+ }
4950
+ .ycd-bootstrap-wrapper a.label:hover,
4951
+ .ycd-bootstrap-wrapper a.label:focus {
4952
+ color: #fff;
4953
+ text-decoration: none;
4954
+ cursor: pointer;
4955
+ }
4956
+ .ycd-bootstrap-wrapper .label:empty {
4957
+ display: none;
4958
+ }
4959
+ .ycd-bootstrap-wrapper .btn .label {
4960
+ position: relative;
4961
+ top: -1px;
4962
+ }
4963
+ .ycd-bootstrap-wrapper .label-default {
4964
+ background-color: #777;
4965
+ }
4966
+ .ycd-bootstrap-wrapper .label-default[href]:hover,
4967
+ .ycd-bootstrap-wrapper .label-default[href]:focus {
4968
+ background-color: #5e5e5e;
4969
+ }
4970
+ .ycd-bootstrap-wrapper .label-primary {
4971
+ background-color: #337ab7;
4972
+ }
4973
+ .ycd-bootstrap-wrapper .label-primary[href]:hover,
4974
+ .ycd-bootstrap-wrapper .label-primary[href]:focus {
4975
+ background-color: #286090;
4976
+ }
4977
+ .ycd-bootstrap-wrapper .label-success {
4978
+ background-color: #5cb85c;
4979
+ }
4980
+ .ycd-bootstrap-wrapper .label-success[href]:hover,
4981
+ .ycd-bootstrap-wrapper .label-success[href]:focus {
4982
+ background-color: #449d44;
4983
+ }
4984
+ .ycd-bootstrap-wrapper .label-info {
4985
+ background-color: #5bc0de;
4986
+ }
4987
+ .ycd-bootstrap-wrapper .label-info[href]:hover,
4988
+ .ycd-bootstrap-wrapper .label-info[href]:focus {
4989
+ background-color: #31b0d5;
4990
+ }
4991
+ .ycd-bootstrap-wrapper .label-warning {
4992
+ background-color: #f0ad4e;
4993
+ }
4994
+ .ycd-bootstrap-wrapper .label-warning[href]:hover,
4995
+ .ycd-bootstrap-wrapper .label-warning[href]:focus {
4996
+ background-color: #ec971f;
4997
+ }
4998
+ .ycd-bootstrap-wrapper .label-danger {
4999
+ background-color: #d9534f;
5000
+ }
5001
+ .ycd-bootstrap-wrapper .label-danger[href]:hover,
5002
+ .ycd-bootstrap-wrapper .label-danger[href]:focus {
5003
+ background-color: #c9302c;
5004
+ }
5005
+ .ycd-bootstrap-wrapper .badge {
5006
+ display: inline-block;
5007
+ min-width: 10px;
5008
+ padding: 3px 7px;
5009
+ font-size: 12px;
5010
+ font-weight: bold;
5011
+ line-height: 1;
5012
+ color: #fff;
5013
+ text-align: center;
5014
+ white-space: nowrap;
5015
+ vertical-align: middle;
5016
+ background-color: #777;
5017
+ border-radius: 10px;
5018
+ }
5019
+ .ycd-bootstrap-wrapper .badge:empty {
5020
+ display: none;
5021
+ }
5022
+ .ycd-bootstrap-wrapper .btn .badge {
5023
+ position: relative;
5024
+ top: -1px;
5025
+ }
5026
+ .ycd-bootstrap-wrapper .btn-xs .badge,
5027
+ .ycd-bootstrap-wrapper .btn-group-xs > .btn .badge {
5028
+ top: 0;
5029
+ padding: 1px 5px;
5030
+ }
5031
+ .ycd-bootstrap-wrapper a.badge:hover,
5032
+ .ycd-bootstrap-wrapper a.badge:focus {
5033
+ color: #fff;
5034
+ text-decoration: none;
5035
+ cursor: pointer;
5036
+ }
5037
+ .ycd-bootstrap-wrapper .list-group-item.active > .badge,
5038
+ .ycd-bootstrap-wrapper .nav-pills > .active > a > .badge {
5039
+ color: #337ab7;
5040
+ background-color: #fff;
5041
+ }
5042
+ .ycd-bootstrap-wrapper .list-group-item > .badge {
5043
+ float: right;
5044
+ }
5045
+ .ycd-bootstrap-wrapper .list-group-item > .badge + .badge {
5046
+ margin-right: 5px;
5047
+ }
5048
+ .ycd-bootstrap-wrapper .nav-pills > li > a > .badge {
5049
+ margin-left: 3px;
5050
+ }
5051
+ .ycd-bootstrap-wrapper .jumbotron {
5052
+ padding-top: 30px;
5053
+ padding-bottom: 30px;
5054
+ margin-bottom: 30px;
5055
+ color: inherit;
5056
+ background-color: #eee;
5057
+ }
5058
+ .ycd-bootstrap-wrapper .jumbotron h1,
5059
+ .ycd-bootstrap-wrapper .jumbotron .h1 {
5060
+ color: inherit;
5061
+ }
5062
+ .ycd-bootstrap-wrapper .jumbotron p {
5063
+ margin-bottom: 15px;
5064
+ font-size: 21px;
5065
+ font-weight: 200;
5066
+ }
5067
+ .ycd-bootstrap-wrapper .jumbotron > hr {
5068
+ border-top-color: #d5d5d5;
5069
+ }
5070
+ .ycd-bootstrap-wrapper .container .jumbotron,
5071
+ .ycd-bootstrap-wrapper .container-fluid .jumbotron {
5072
+ padding-right: 15px;
5073
+ padding-left: 15px;
5074
+ border-radius: 6px;
5075
+ }
5076
+ .ycd-bootstrap-wrapper .jumbotron .container {
5077
+ max-width: 100%;
5078
+ }
5079
+ @media screen and (min-width: 768px) {
5080
+ .ycd-bootstrap-wrapper .jumbotron {
5081
+ padding-top: 48px;
5082
+ padding-bottom: 48px;
5083
+ }
5084
+ .ycd-bootstrap-wrapper .container .jumbotron,
5085
+ .ycd-bootstrap-wrapper .container-fluid .jumbotron {
5086
+ padding-right: 60px;
5087
+ padding-left: 60px;
5088
+ }
5089
+ .ycd-bootstrap-wrapper .jumbotron h1,
5090
+ .ycd-bootstrap-wrapper .jumbotron .h1 {
5091
+ font-size: 63px;
5092
+ }
5093
+ }
5094
+ .ycd-bootstrap-wrapper .thumbnail {
5095
+ display: block;
5096
+ padding: 4px;
5097
+ margin-bottom: 20px;
5098
+ line-height: 1.42857143;
5099
+ background-color: #fff;
5100
+ border: 1px solid #ddd;
5101
+ border-radius: 4px;
5102
+ -webkit-transition: border 0.2s ease-in-out;
5103
+ -o-transition: border 0.2s ease-in-out;
5104
+ transition: border 0.2s ease-in-out;
5105
+ }
5106
+ .ycd-bootstrap-wrapper .thumbnail > img,
5107
+ .ycd-bootstrap-wrapper .thumbnail a > img {
5108
+ margin-right: auto;
5109
+ margin-left: auto;
5110
+ }
5111
+ .ycd-bootstrap-wrapper a.thumbnail:hover,
5112
+ .ycd-bootstrap-wrapper a.thumbnail:focus,
5113
+ .ycd-bootstrap-wrapper a.thumbnail.active {
5114
+ border-color: #337ab7;
5115
+ }
5116
+ .ycd-bootstrap-wrapper .thumbnail .caption {
5117
+ padding: 9px;
5118
+ color: #333;
5119
+ }
5120
+ .ycd-bootstrap-wrapper .alert {
5121
+ padding: 15px;
5122
+ margin-bottom: 20px;
5123
+ border: 1px solid transparent;
5124
+ border-radius: 4px;
5125
+ }
5126
+ .ycd-bootstrap-wrapper .alert h4 {
5127
+ margin-top: 0;
5128
+ color: inherit;
5129
+ }
5130
+ .ycd-bootstrap-wrapper .alert .alert-link {
5131
+ font-weight: bold;
5132
+ }
5133
+ .ycd-bootstrap-wrapper .alert > p,
5134
+ .ycd-bootstrap-wrapper .alert > ul {
5135
+ margin-bottom: 0;
5136
+ }
5137
+ .ycd-bootstrap-wrapper .alert > p + p {
5138
+ margin-top: 5px;
5139
+ }
5140
+ .ycd-bootstrap-wrapper .alert-dismissable,
5141
+ .ycd-bootstrap-wrapper .alert-dismissible {
5142
+ padding-right: 35px;
5143
+ }
5144
+ .ycd-bootstrap-wrapper .alert-dismissable .close,
5145
+ .ycd-bootstrap-wrapper .alert-dismissible .close {
5146
+ position: relative;
5147
+ top: -2px;
5148
+ right: -21px;
5149
+ color: inherit;
5150
+ }
5151
+ .ycd-bootstrap-wrapper .alert-success {
5152
+ color: #3c763d;
5153
+ background-color: #dff0d8;
5154
+ border-color: #d6e9c6;
5155
+ }
5156
+ .ycd-bootstrap-wrapper .alert-success hr {
5157
+ border-top-color: #c9e2b3;
5158
+ }
5159
+ .ycd-bootstrap-wrapper .alert-success .alert-link {
5160
+ color: #2b542c;
5161
+ }
5162
+ .ycd-bootstrap-wrapper .alert-info {
5163
+ color: #31708f;
5164
+ background-color: #d9edf7;
5165
+ border-color: #bce8f1;
5166
+ }
5167
+ .ycd-bootstrap-wrapper .alert-info hr {
5168
+ border-top-color: #a6e1ec;
5169
+ }
5170
+ .ycd-bootstrap-wrapper .alert-info .alert-link {
5171
+ color: #245269;
5172
+ }
5173
+ .ycd-bootstrap-wrapper .alert-warning {
5174
+ color: #8a6d3b;
5175
+ background-color: #fcf8e3;
5176
+ border-color: #faebcc;
5177
+ }
5178
+ .ycd-bootstrap-wrapper .alert-warning hr {
5179
+ border-top-color: #f7e1b5;
5180
+ }
5181
+ .ycd-bootstrap-wrapper .alert-warning .alert-link {
5182
+ color: #66512c;
5183
+ }
5184
+ .ycd-bootstrap-wrapper .alert-danger {
5185
+ color: #a94442;
5186
+ background-color: #f2dede;
5187
+ border-color: #ebccd1;
5188
+ }
5189
+ .ycd-bootstrap-wrapper .alert-danger hr {
5190
+ border-top-color: #e4b9c0;
5191
+ }
5192
+ .ycd-bootstrap-wrapper .alert-danger .alert-link {
5193
+ color: #843534;
5194
+ }
5195
+ @-webkit-keyframes progress-bar-stripes {
5196
+ from {
5197
+ background-position: 40px 0;
5198
+ }
5199
+ to {
5200
+ background-position: 0 0;
5201
+ }
5202
+ }
5203
+ @-o-keyframes progress-bar-stripes {
5204
+ from {
5205
+ background-position: 40px 0;
5206
+ }
5207
+ to {
5208
+ background-position: 0 0;
5209
+ }
5210
+ }
5211
+ @keyframes progress-bar-stripes {
5212
+ from {
5213
+ background-position: 40px 0;
5214
+ }
5215
+ to {
5216
+ background-position: 0 0;
5217
+ }
5218
+ }
5219
+ .ycd-bootstrap-wrapper .progress {
5220
+ height: 20px;
5221
+ margin-bottom: 20px;
5222
+ overflow: hidden;
5223
+ background-color: #f5f5f5;
5224
+ border-radius: 4px;
5225
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
5226
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
5227
+ }
5228
+ .ycd-bootstrap-wrapper .progress-bar {
5229
+ float: left;
5230
+ width: 0;
5231
+ height: 100%;
5232
+ font-size: 12px;
5233
+ line-height: 20px;
5234
+ color: #fff;
5235
+ text-align: center;
5236
+ background-color: #337ab7;
5237
+ -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
5238
+ box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
5239
+ -webkit-transition: width .6s ease;
5240
+ -o-transition: width .6s ease;
5241
+ transition: width .6s ease;
5242
+ }
5243
+ .ycd-bootstrap-wrapper .progress-striped .progress-bar,
5244
+ .ycd-bootstrap-wrapper .progress-bar-striped {
5245
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5246
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5247
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5248
+ -webkit-background-size: 40px 40px;
5249
+ background-size: 40px 40px;
5250
+ }
5251
+ .ycd-bootstrap-wrapper .progress.active .progress-bar,
5252
+ .ycd-bootstrap-wrapper .progress-bar.active {
5253
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
5254
+ -o-animation: progress-bar-stripes 2s linear infinite;
5255
+ animation: progress-bar-stripes 2s linear infinite;
5256
+ }
5257
+ .ycd-bootstrap-wrapper .progress-bar-success {
5258
+ background-color: #5cb85c;
5259
+ }
5260
+ .ycd-bootstrap-wrapper .progress-striped .progress-bar-success {
5261
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5262
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5263
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5264
+ }
5265
+ .ycd-bootstrap-wrapper .progress-bar-info {
5266
+ background-color: #5bc0de;
5267
+ }
5268
+ .ycd-bootstrap-wrapper .progress-striped .progress-bar-info {
5269
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5270
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5271
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5272
+ }
5273
+ .ycd-bootstrap-wrapper .progress-bar-warning {
5274
+ background-color: #f0ad4e;
5275
+ }
5276
+ .ycd-bootstrap-wrapper .progress-striped .progress-bar-warning {
5277
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5278
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5279
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5280
+ }
5281
+ .ycd-bootstrap-wrapper .progress-bar-danger {
5282
+ background-color: #d9534f;
5283
+ }
5284
+ .ycd-bootstrap-wrapper .progress-striped .progress-bar-danger {
5285
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5286
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5287
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
5288
+ }
5289
+ .ycd-bootstrap-wrapper .media {
5290
+ margin-top: 15px;
5291
+ }
5292
+ .ycd-bootstrap-wrapper .media:first-child {
5293
+ margin-top: 0;
5294
+ }
5295
+ .ycd-bootstrap-wrapper .media,
5296
+ .ycd-bootstrap-wrapper .media-body {
5297
+ overflow: hidden;
5298
+ zoom: 1;
5299
+ }
5300
+ .ycd-bootstrap-wrapper .media-body {
5301
+ width: 10000px;
5302
+ }
5303
+ .ycd-bootstrap-wrapper .media-object {
5304
+ display: block;
5305
+ }
5306
+ .ycd-bootstrap-wrapper .media-object.img-thumbnail {
5307
+ max-width: none;
5308
+ }
5309
+ .ycd-bootstrap-wrapper .media-right,
5310
+ .ycd-bootstrap-wrapper .media > .pull-right {
5311
+ padding-left: 10px;
5312
+ }
5313
+ .ycd-bootstrap-wrapper .media-left,
5314
+ .ycd-bootstrap-wrapper .media > .pull-left {
5315
+ padding-right: 10px;
5316
+ }
5317
+ .ycd-bootstrap-wrapper .media-left,
5318
+ .ycd-bootstrap-wrapper .media-right,
5319
+ .ycd-bootstrap-wrapper .media-body {
5320
+ display: table-cell;
5321
+ vertical-align: top;
5322
+ }
5323
+ .ycd-bootstrap-wrapper .media-middle {
5324
+ vertical-align: middle;
5325
+ }
5326
+ .ycd-bootstrap-wrapper .media-bottom {
5327
+ vertical-align: bottom;
5328
+ }
5329
+ .ycd-bootstrap-wrapper .media-heading {
5330
+ margin-top: 0;
5331
+ margin-bottom: 5px;
5332
+ }
5333
+ .ycd-bootstrap-wrapper .media-list {
5334
+ padding-left: 0;
5335
+ list-style: none;
5336
+ }
5337
+ .ycd-bootstrap-wrapper .list-group {
5338
+ padding-left: 0;
5339
+ margin-bottom: 20px;
5340
+ }
5341
+ .ycd-bootstrap-wrapper .list-group-item {
5342
+ position: relative;
5343
+ display: block;
5344
+ padding: 10px 15px;
5345
+ margin-bottom: -1px;
5346
+ background-color: #fff;
5347
+ border: 1px solid #ddd;
5348
+ }
5349
+ .ycd-bootstrap-wrapper .list-group-item:first-child {
5350
+ border-top-left-radius: 4px;
5351
+ border-top-right-radius: 4px;
5352
+ }
5353
+ .ycd-bootstrap-wrapper .list-group-item:last-child {
5354
+ margin-bottom: 0;
5355
+ border-bottom-right-radius: 4px;
5356
+ border-bottom-left-radius: 4px;
5357
+ }
5358
+ .ycd-bootstrap-wrapper a.list-group-item,
5359
+ .ycd-bootstrap-wrapper button.list-group-item {
5360
+ color: #555;
5361
+ }
5362
+ .ycd-bootstrap-wrapper a.list-group-item .list-group-item-heading,
5363
+ .ycd-bootstrap-wrapper button.list-group-item .list-group-item-heading {
5364
+ color: #333;
5365
+ }
5366
+ .ycd-bootstrap-wrapper a.list-group-item:hover,
5367
+ .ycd-bootstrap-wrapper button.list-group-item:hover,
5368
+ .ycd-bootstrap-wrapper a.list-group-item:focus,
5369
+ .ycd-bootstrap-wrapper button.list-group-item:focus {
5370
+ color: #555;
5371
+ text-decoration: none;
5372
+ background-color: #f5f5f5;
5373
+ }
5374
+ .ycd-bootstrap-wrapper button.list-group-item {
5375
+ width: 100%;
5376
+ text-align: left;
5377
+ }
5378
+ .ycd-bootstrap-wrapper .list-group-item.disabled,
5379
+ .ycd-bootstrap-wrapper .list-group-item.disabled:hover,
5380
+ .ycd-bootstrap-wrapper .list-group-item.disabled:focus {
5381
+ color: #777;
5382
+ cursor: not-allowed;
5383
+ background-color: #eee;
5384
+ }
5385
+ .ycd-bootstrap-wrapper .list-group-item.disabled .list-group-item-heading,
5386
+ .ycd-bootstrap-wrapper .list-group-item.disabled:hover .list-group-item-heading,
5387
+ .ycd-bootstrap-wrapper .list-group-item.disabled:focus .list-group-item-heading {
5388
+ color: inherit;
5389
+ }
5390
+ .ycd-bootstrap-wrapper .list-group-item.disabled .list-group-item-text,
5391
+ .ycd-bootstrap-wrapper .list-group-item.disabled:hover .list-group-item-text,
5392
+ .ycd-bootstrap-wrapper .list-group-item.disabled:focus .list-group-item-text {
5393
+ color: #777;
5394
+ }
5395
+ .ycd-bootstrap-wrapper .list-group-item.active,
5396
+ .ycd-bootstrap-wrapper .list-group-item.active:hover,
5397
+ .ycd-bootstrap-wrapper .list-group-item.active:focus {
5398
+ z-index: 2;
5399
+ color: #fff;
5400
+ background-color: #337ab7;
5401
+ border-color: #337ab7;
5402
+ }
5403
+ .ycd-bootstrap-wrapper .list-group-item.active .list-group-item-heading,
5404
+ .ycd-bootstrap-wrapper .list-group-item.active:hover .list-group-item-heading,
5405
+ .ycd-bootstrap-wrapper .list-group-item.active:focus .list-group-item-heading,
5406
+ .ycd-bootstrap-wrapper .list-group-item.active .list-group-item-heading > small,
5407
+ .ycd-bootstrap-wrapper .list-group-item.active:hover .list-group-item-heading > small,
5408
+ .ycd-bootstrap-wrapper .list-group-item.active:focus .list-group-item-heading > small,
5409
+ .ycd-bootstrap-wrapper .list-group-item.active .list-group-item-heading > .small,
5410
+ .ycd-bootstrap-wrapper .list-group-item.active:hover .list-group-item-heading > .small,
5411
+ .ycd-bootstrap-wrapper .list-group-item.active:focus .list-group-item-heading > .small {
5412
+ color: inherit;
5413
+ }
5414
+ .ycd-bootstrap-wrapper .list-group-item.active .list-group-item-text,
5415
+ .ycd-bootstrap-wrapper .list-group-item.active:hover .list-group-item-text,
5416
+ .ycd-bootstrap-wrapper .list-group-item.active:focus .list-group-item-text {
5417
+ color: #c7ddef;
5418
+ }
5419
+ .ycd-bootstrap-wrapper .list-group-item-success {
5420
+ color: #3c763d;
5421
+ background-color: #dff0d8;
5422
+ }
5423
+ .ycd-bootstrap-wrapper a.list-group-item-success,
5424
+ .ycd-bootstrap-wrapper button.list-group-item-success {
5425
+ color: #3c763d;
5426
+ }
5427
+ .ycd-bootstrap-wrapper a.list-group-item-success .list-group-item-heading,
5428
+ .ycd-bootstrap-wrapper button.list-group-item-success .list-group-item-heading {
5429
+ color: inherit;
5430
+ }
5431
+ .ycd-bootstrap-wrapper a.list-group-item-success:hover,
5432
+ .ycd-bootstrap-wrapper button.list-group-item-success:hover,
5433
+ .ycd-bootstrap-wrapper a.list-group-item-success:focus,
5434
+ .ycd-bootstrap-wrapper button.list-group-item-success:focus {
5435
+ color: #3c763d;
5436
+ background-color: #d0e9c6;
5437
+ }
5438
+ .ycd-bootstrap-wrapper a.list-group-item-success.active,
5439
+ .ycd-bootstrap-wrapper button.list-group-item-success.active,
5440
+ .ycd-bootstrap-wrapper a.list-group-item-success.active:hover,
5441
+ .ycd-bootstrap-wrapper button.list-group-item-success.active:hover,
5442
+ .ycd-bootstrap-wrapper a.list-group-item-success.active:focus,
5443
+ .ycd-bootstrap-wrapper button.list-group-item-success.active:focus {
5444
+ color: #fff;
5445
+ background-color: #3c763d;
5446
+ border-color: #3c763d;
5447
+ }
5448
+ .ycd-bootstrap-wrapper .list-group-item-info {
5449
+ color: #31708f;
5450
+ background-color: #d9edf7;
5451
+ }
5452
+ .ycd-bootstrap-wrapper a.list-group-item-info,
5453
+ .ycd-bootstrap-wrapper button.list-group-item-info {
5454
+ color: #31708f;
5455
+ }
5456
+ .ycd-bootstrap-wrapper a.list-group-item-info .list-group-item-heading,
5457
+ .ycd-bootstrap-wrapper button.list-group-item-info .list-group-item-heading {
5458
+ color: inherit;
5459
+ }
5460
+ .ycd-bootstrap-wrapper a.list-group-item-info:hover,
5461
+ .ycd-bootstrap-wrapper button.list-group-item-info:hover,
5462
+ .ycd-bootstrap-wrapper a.list-group-item-info:focus,
5463
+ .ycd-bootstrap-wrapper button.list-group-item-info:focus {
5464
+ color: #31708f;
5465
+ background-color: #c4e3f3;
5466
+ }
5467
+ .ycd-bootstrap-wrapper a.list-group-item-info.active,
5468
+ .ycd-bootstrap-wrapper button.list-group-item-info.active,
5469
+ .ycd-bootstrap-wrapper a.list-group-item-info.active:hover,
5470
+ .ycd-bootstrap-wrapper button.list-group-item-info.active:hover,
5471
+ .ycd-bootstrap-wrapper a.list-group-item-info.active:focus,
5472
+ .ycd-bootstrap-wrapper button.list-group-item-info.active:focus {
5473
+ color: #fff;
5474
+ background-color: #31708f;
5475
+ border-color: #31708f;
5476
+ }
5477
+ .ycd-bootstrap-wrapper .list-group-item-warning {
5478
+ color: #8a6d3b;
5479
+ background-color: #fcf8e3;
5480
+ }
5481
+ .ycd-bootstrap-wrapper a.list-group-item-warning,
5482
+ .ycd-bootstrap-wrapper button.list-group-item-warning {
5483
+ color: #8a6d3b;
5484
+ }
5485
+ .ycd-bootstrap-wrapper a.list-group-item-warning .list-group-item-heading,
5486
+ .ycd-bootstrap-wrapper button.list-group-item-warning .list-group-item-heading {
5487
+ color: inherit;
5488
+ }
5489
+ .ycd-bootstrap-wrapper a.list-group-item-warning:hover,
5490
+ .ycd-bootstrap-wrapper button.list-group-item-warning:hover,
5491
+ .ycd-bootstrap-wrapper a.list-group-item-warning:focus,
5492
+ .ycd-bootstrap-wrapper button.list-group-item-warning:focus {
5493
+ color: #8a6d3b;
5494
+ background-color: #faf2cc;
5495
+ }
5496
+ .ycd-bootstrap-wrapper a.list-group-item-warning.active,
5497
+ .ycd-bootstrap-wrapper button.list-group-item-warning.active,
5498
+ .ycd-bootstrap-wrapper a.list-group-item-warning.active:hover,
5499
+ .ycd-bootstrap-wrapper button.list-group-item-warning.active:hover,
5500
+ .ycd-bootstrap-wrapper a.list-group-item-warning.active:focus,
5501
+ .ycd-bootstrap-wrapper button.list-group-item-warning.active:focus {
5502
+ color: #fff;
5503
+ background-color: #8a6d3b;
5504
+ border-color: #8a6d3b;
5505
+ }
5506
+ .ycd-bootstrap-wrapper .list-group-item-danger {
5507
+ color: #a94442;
5508
+ background-color: #f2dede;
5509
+ }
5510
+ .ycd-bootstrap-wrapper a.list-group-item-danger,
5511
+ .ycd-bootstrap-wrapper button.list-group-item-danger {
5512
+ color: #a94442;
5513
+ }
5514
+ .ycd-bootstrap-wrapper a.list-group-item-danger .list-group-item-heading,
5515
+ .ycd-bootstrap-wrapper button.list-group-item-danger .list-group-item-heading {
5516
+ color: inherit;
5517
+ }
5518
+ .ycd-bootstrap-wrapper a.list-group-item-danger:hover,
5519
+ .ycd-bootstrap-wrapper button.list-group-item-danger:hover,
5520
+ .ycd-bootstrap-wrapper a.list-group-item-danger:focus,
5521
+ .ycd-bootstrap-wrapper button.list-group-item-danger:focus {
5522
+ color: #a94442;
5523
+ background-color: #ebcccc;
5524
+ }
5525
+ .ycd-bootstrap-wrapper a.list-group-item-danger.active,
5526
+ .ycd-bootstrap-wrapper button.list-group-item-danger.active,
5527
+ .ycd-bootstrap-wrapper a.list-group-item-danger.active:hover,
5528
+ .ycd-bootstrap-wrapper button.list-group-item-danger.active:hover,
5529
+ .ycd-bootstrap-wrapper a.list-group-item-danger.active:focus,
5530
+ .ycd-bootstrap-wrapper button.list-group-item-danger.active:focus {
5531
+ color: #fff;
5532
+ background-color: #a94442;
5533
+ border-color: #a94442;
5534
+ }
5535
+ .ycd-bootstrap-wrapper .list-group-item-heading {
5536
+ margin-top: 0;
5537
+ margin-bottom: 5px;
5538
+ }
5539
+ .ycd-bootstrap-wrapper .list-group-item-text {
5540
+ margin-bottom: 0;
5541
+ line-height: 1.3;
5542
+ }
5543
+ .ycd-bootstrap-wrapper .panel {
5544
+ margin-bottom: 20px;
5545
+ background-color: #fff;
5546
+ border: 1px solid transparent;
5547
+ border-radius: 4px;
5548
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
5549
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
5550
+ }
5551
+ .ycd-bootstrap-wrapper .panel-body {
5552
+ padding: 15px;
5553
+ }
5554
+ .ycd-bootstrap-wrapper .panel-heading {
5555
+ padding: 10px 15px;
5556
+ border-bottom: 1px solid transparent;
5557
+ border-top-left-radius: 3px;
5558
+ border-top-right-radius: 3px;
5559
+ }
5560
+ .ycd-bootstrap-wrapper .panel-heading > .dropdown .dropdown-toggle {
5561
+ color: inherit;
5562
+ }
5563
+ .ycd-bootstrap-wrapper .panel-title {
5564
+ margin-top: 0;
5565
+ margin-bottom: 0;
5566
+ font-size: 16px;
5567
+ color: inherit;
5568
+ }
5569
+ .ycd-bootstrap-wrapper .panel-title > a,
5570
+ .ycd-bootstrap-wrapper .panel-title > small,
5571
+ .ycd-bootstrap-wrapper .panel-title > .small,
5572
+ .ycd-bootstrap-wrapper .panel-title > small > a,
5573
+ .ycd-bootstrap-wrapper .panel-title > .small > a {
5574
+ color: inherit;
5575
+ }
5576
+ .ycd-bootstrap-wrapper .panel-footer {
5577
+ padding: 10px 15px;
5578
+ background-color: #f5f5f5;
5579
+ border-top: 1px solid #ddd;
5580
+ border-bottom-right-radius: 3px;
5581
+ border-bottom-left-radius: 3px;
5582
+ }
5583
+ .ycd-bootstrap-wrapper .panel > .list-group,
5584
+ .ycd-bootstrap-wrapper .panel > .panel-collapse > .list-group {
5585
+ margin-bottom: 0;
5586
+ }
5587
+ .ycd-bootstrap-wrapper .panel > .list-group .list-group-item,
5588
+ .ycd-bootstrap-wrapper .panel > .panel-collapse > .list-group .list-group-item {
5589
+ border-width: 1px 0;
5590
+ border-radius: 0;
5591
+ }
5592
+ .ycd-bootstrap-wrapper .panel > .list-group:first-child .list-group-item:first-child,
5593
+ .ycd-bootstrap-wrapper .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
5594
+ border-top: 0;
5595
+ border-top-left-radius: 3px;
5596
+ border-top-right-radius: 3px;
5597
+ }
5598
+ .ycd-bootstrap-wrapper .panel > .list-group:last-child .list-group-item:last-child,
5599
+ .ycd-bootstrap-wrapper .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
5600
+ border-bottom: 0;
5601
+ border-bottom-right-radius: 3px;
5602
+ border-bottom-left-radius: 3px;
5603
+ }
5604
+ .ycd-bootstrap-wrapper .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
5605
+ border-top-left-radius: 0;
5606
+ border-top-right-radius: 0;
5607
+ }
5608
+ .ycd-bootstrap-wrapper .panel-heading + .list-group .list-group-item:first-child {
5609
+ border-top-width: 0;
5610
+ }
5611
+ .ycd-bootstrap-wrapper .list-group + .panel-footer {
5612
+ border-top-width: 0;
5613
+ }
5614
+ .ycd-bootstrap-wrapper .panel > .table,
5615
+ .ycd-bootstrap-wrapper .panel > .table-responsive > .table,
5616
+ .ycd-bootstrap-wrapper .panel > .panel-collapse > .table {
5617
+ margin-bottom: 0;
5618
+ }
5619
+ .ycd-bootstrap-wrapper .panel > .table caption,
5620
+ .ycd-bootstrap-wrapper .panel > .table-responsive > .table caption,
5621
+ .ycd-bootstrap-wrapper .panel > .panel-collapse > .table caption {
5622
+ padding-right: 15px;
5623
+ padding-left: 15px;
5624
+ }
5625
+ .ycd-bootstrap-wrapper .panel > .table:first-child,
5626
+ .ycd-bootstrap-wrapper .panel > .table-responsive:first-child > .table:first-child {
5627
+ border-top-left-radius: 3px;
5628
+ border-top-right-radius: 3px;
5629
+ }
5630
+ .ycd-bootstrap-wrapper .panel > .table:first-child > thead:first-child > tr:first-child,
5631
+ .ycd-bootstrap-wrapper .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
5632
+ .ycd-bootstrap-wrapper .panel > .table:first-child > tbody:first-child > tr:first-child,
5633
+ .ycd-bootstrap-wrapper .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
5634
+ border-top-left-radius: 3px;
5635
+ border-top-right-radius: 3px;
5636
+ }
5637
+ .ycd-bootstrap-wrapper .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
5638
+ .ycd-bootstrap-wrapper .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
5639
+ .ycd-bootstrap-wrapper .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
5640
+ .ycd-bootstrap-wrapper .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
5641
+ .ycd-bootstrap-wrapper .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
5642
+ .ycd-bootstrap-wrapper .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
5643
+ .ycd-bootstrap-wrapper .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
5644
+ .ycd-bootstrap-wrapper .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
5645
+ border-top-left-radius: 3px;
5646
+ }
5647
+ .ycd-bootstrap-wrapper .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
5648
+ .ycd-bootstrap-wrapper .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
5649
+ .ycd-bootstrap-wrapper .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
5650
+ .ycd-bootstrap-wrapper .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
5651
+ .ycd-bootstrap-wrapper .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
5652
+ .ycd-bootstrap-wrapper .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
5653
+ .ycd-bootstrap-wrapper .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
5654
+ .ycd-bootstrap-wrapper .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
5655
+ border-top-right-radius: 3px;
5656
+ }
5657
+ .ycd-bootstrap-wrapper .panel > .table:last-child,
5658
+ .ycd-bootstrap-wrapper .panel > .table-responsive:last-child > .table:last-child {
5659
+ border-bottom-right-radius: 3px;
5660
+ border-bottom-left-radius: 3px;
5661
+ }
5662
+ .ycd-bootstrap-wrapper .panel > .table:last-child > tbody:last-child > tr:last-child,
5663
+ .ycd-bootstrap-wrapper .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
5664
+ .ycd-bootstrap-wrapper .panel > .table:last-child > tfoot:last-child > tr:last-child,
5665
+ .ycd-bootstrap-wrapper .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
5666
+ border-bottom-right-radius: 3px;
5667
+ border-bottom-left-radius: 3px;
5668
+ }
5669
+ .ycd-bootstrap-wrapper .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
5670
+ .ycd-bootstrap-wrapper .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
5671
+ .ycd-bootstrap-wrapper .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
5672
+ .ycd-bootstrap-wrapper .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
5673
+ .ycd-bootstrap-wrapper .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
5674
+ .ycd-bootstrap-wrapper .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
5675
+ .ycd-bootstrap-wrapper .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
5676
+ .ycd-bootstrap-wrapper .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
5677
+ border-bottom-left-radius: 3px;
5678
+ }
5679
+ .ycd-bootstrap-wrapper .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
5680
+ .ycd-bootstrap-wrapper .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
5681
+ .ycd-bootstrap-wrapper .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
5682
+ .ycd-bootstrap-wrapper .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
5683
+ .ycd-bootstrap-wrapper .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
5684
+ .ycd-bootstrap-wrapper .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
5685
+ .ycd-bootstrap-wrapper .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
5686
+ .ycd-bootstrap-wrapper .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
5687
+ border-bottom-right-radius: 3px;
5688
+ }
5689
+ .ycd-bootstrap-wrapper .panel > .panel-body + .table,
5690
+ .ycd-bootstrap-wrapper .panel > .panel-body + .table-responsive,
5691
+ .ycd-bootstrap-wrapper .panel > .table + .panel-body,
5692
+ .ycd-bootstrap-wrapper .panel > .table-responsive + .panel-body {
5693
+ border-top: 1px solid #ddd;
5694
+ }
5695
+ .ycd-bootstrap-wrapper .panel > .table > tbody:first-child > tr:first-child th,
5696
+ .ycd-bootstrap-wrapper .panel > .table > tbody:first-child > tr:first-child td {
5697
+ border-top: 0;
5698
+ }
5699
+ .ycd-bootstrap-wrapper .panel > .table-bordered,
5700
+ .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered {
5701
+ border: 0;
5702
+ }
5703
+ .ycd-bootstrap-wrapper .panel > .table-bordered > thead > tr > th:first-child,
5704
+ .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
5705
+ .ycd-bootstrap-wrapper .panel > .table-bordered > tbody > tr > th:first-child,
5706
+ .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
5707
+ .ycd-bootstrap-wrapper .panel > .table-bordered > tfoot > tr > th:first-child,
5708
+ .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
5709
+ .ycd-bootstrap-wrapper .panel > .table-bordered > thead > tr > td:first-child,
5710
+ .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
5711
+ .ycd-bootstrap-wrapper .panel > .table-bordered > tbody > tr > td:first-child,
5712
+ .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
5713
+ .ycd-bootstrap-wrapper .panel > .table-bordered > tfoot > tr > td:first-child,
5714
+ .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
5715
+ border-left: 0;
5716
+ }
5717
+ .ycd-bootstrap-wrapper .panel > .table-bordered > thead > tr > th:last-child,
5718
+ .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
5719
+ .ycd-bootstrap-wrapper .panel > .table-bordered > tbody > tr > th:last-child,
5720
+ .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
5721
+ .ycd-bootstrap-wrapper .panel > .table-bordered > tfoot > tr > th:last-child,
5722
+ .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
5723
+ .ycd-bootstrap-wrapper .panel > .table-bordered > thead > tr > td:last-child,
5724
+ .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
5725
+ .ycd-bootstrap-wrapper .panel > .table-bordered > tbody > tr > td:last-child,
5726
+ .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
5727
+ .ycd-bootstrap-wrapper .panel > .table-bordered > tfoot > tr > td:last-child,
5728
+ .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
5729
+ border-right: 0;
5730
+ }
5731
+ .ycd-bootstrap-wrapper .panel > .table-bordered > thead > tr:first-child > td,
5732
+ .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
5733
+ .ycd-bootstrap-wrapper .panel > .table-bordered > tbody > tr:first-child > td,
5734
+ .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
5735
+ .ycd-bootstrap-wrapper .panel > .table-bordered > thead > tr:first-child > th,
5736
+ .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
5737
+ .ycd-bootstrap-wrapper .panel > .table-bordered > tbody > tr:first-child > th,
5738
+ .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
5739
+ border-bottom: 0;
5740
+ }
5741
+ .ycd-bootstrap-wrapper .panel > .table-bordered > tbody > tr:last-child > td,
5742
+ .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
5743
+ .ycd-bootstrap-wrapper .panel > .table-bordered > tfoot > tr:last-child > td,
5744
+ .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
5745
+ .ycd-bootstrap-wrapper .panel > .table-bordered > tbody > tr:last-child > th,
5746
+ .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
5747
+ .ycd-bootstrap-wrapper .panel > .table-bordered > tfoot > tr:last-child > th,
5748
+ .ycd-bootstrap-wrapper .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
5749
+ border-bottom: 0;
5750
+ }
5751
+ .ycd-bootstrap-wrapper .panel > .table-responsive {
5752
+ margin-bottom: 0;
5753
+ border: 0;
5754
+ }
5755
+ .ycd-bootstrap-wrapper .panel-group {
5756
+ margin-bottom: 20px;
5757
+ }
5758
+ .ycd-bootstrap-wrapper .panel-group .panel {
5759
+ margin-bottom: 0;
5760
+ border-radius: 4px;
5761
+ }
5762
+ .ycd-bootstrap-wrapper .panel-group .panel + .panel {
5763
+ margin-top: 5px;
5764
+ }
5765
+ .ycd-bootstrap-wrapper .panel-group .panel-heading {
5766
+ border-bottom: 0;
5767
+ }
5768
+ .ycd-bootstrap-wrapper .panel-group .panel-heading + .panel-collapse > .panel-body,
5769
+ .ycd-bootstrap-wrapper .panel-group .panel-heading + .panel-collapse > .list-group {
5770
+ border-top: 1px solid #ddd;
5771
+ }
5772
+ .ycd-bootstrap-wrapper .panel-group .panel-footer {
5773
+ border-top: 0;
5774
+ }
5775
+ .ycd-bootstrap-wrapper .panel-group .panel-footer + .panel-collapse .panel-body {
5776
+ border-bottom: 1px solid #ddd;
5777
+ }
5778
+ .ycd-bootstrap-wrapper .panel-default {
5779
+ border-color: #ddd;
5780
+ }
5781
+ .ycd-bootstrap-wrapper .panel-default > .panel-heading {
5782
+ color: #333;
5783
+ background-color: #f5f5f5;
5784
+ border-color: #ddd;
5785
+ }
5786
+ .ycd-bootstrap-wrapper .panel-default > .panel-heading + .panel-collapse > .panel-body {
5787
+ border-top-color: #ddd;
5788
+ }
5789
+ .ycd-bootstrap-wrapper .panel-default > .panel-heading .badge {
5790
+ color: #f5f5f5;
5791
+ background-color: #333;
5792
+ }
5793
+ .ycd-bootstrap-wrapper .panel-default > .panel-footer + .panel-collapse > .panel-body {
5794
+ border-bottom-color: #ddd;
5795
+ }
5796
+ .ycd-bootstrap-wrapper .panel-primary {
5797
+ border-color: #337ab7;
5798
+ }
5799
+ .ycd-bootstrap-wrapper .panel-primary > .panel-heading {
5800
+ color: #fff;
5801
+ background-color: #337ab7;
5802
+ border-color: #337ab7;
5803
+ }
5804
+ .ycd-bootstrap-wrapper .panel-primary > .panel-heading + .panel-collapse > .panel-body {
5805
+ border-top-color: #337ab7;
5806
+ }
5807
+ .ycd-bootstrap-wrapper .panel-primary > .panel-heading .badge {
5808
+ color: #337ab7;
5809
+ background-color: #fff;
5810
+ }
5811
+ .ycd-bootstrap-wrapper .panel-primary > .panel-footer + .panel-collapse > .panel-body {
5812
+ border-bottom-color: #337ab7;
5813
+ }
5814
+ .ycd-bootstrap-wrapper .panel-success {
5815
+ border-color: #d6e9c6;
5816
+ }
5817
+ .ycd-bootstrap-wrapper .panel-success > .panel-heading {
5818
+ color: #3c763d;
5819
+ background-color: #dff0d8;
5820
+ border-color: #d6e9c6;
5821
+ }
5822
+ .ycd-bootstrap-wrapper .panel-success > .panel-heading + .panel-collapse > .panel-body {
5823
+ border-top-color: #d6e9c6;
5824
+ }
5825
+ .ycd-bootstrap-wrapper .panel-success > .panel-heading .badge {
5826
+ color: #dff0d8;
5827
+ background-color: #3c763d;
5828
+ }
5829
+ .ycd-bootstrap-wrapper .panel-success > .panel-footer + .panel-collapse > .panel-body {
5830
+ border-bottom-color: #d6e9c6;
5831
+ }
5832
+ .ycd-bootstrap-wrapper .panel-info {
5833
+ border-color: #bce8f1;
5834
+ }
5835
+ .ycd-bootstrap-wrapper .panel-info > .panel-heading {
5836
+ color: #31708f;
5837
+ background-color: #d9edf7;
5838
+ border-color: #bce8f1;
5839
+ }
5840
+ .ycd-bootstrap-wrapper .panel-info > .panel-heading + .panel-collapse > .panel-body {
5841
+ border-top-color: #bce8f1;
5842
+ }
5843
+ .ycd-bootstrap-wrapper .panel-info > .panel-heading .badge {
5844
+ color: #d9edf7;
5845
+ background-color: #31708f;
5846
+ }
5847
+ .ycd-bootstrap-wrapper .panel-info > .panel-footer + .panel-collapse > .panel-body {
5848
+ border-bottom-color: #bce8f1;
5849
+ }
5850
+ .ycd-bootstrap-wrapper .panel-warning {
5851
+ border-color: #faebcc;
5852
+ }
5853
+ .ycd-bootstrap-wrapper .panel-warning > .panel-heading {
5854
+ color: #8a6d3b;
5855
+ background-color: #fcf8e3;
5856
+ border-color: #faebcc;
5857
+ }
5858
+ .ycd-bootstrap-wrapper .panel-warning > .panel-heading + .panel-collapse > .panel-body {
5859
+ border-top-color: #faebcc;
5860
+ }
5861
+ .ycd-bootstrap-wrapper .panel-warning > .panel-heading .badge {
5862
+ color: #fcf8e3;
5863
+ background-color: #8a6d3b;
5864
+ }
5865
+ .ycd-bootstrap-wrapper .panel-warning > .panel-footer + .panel-collapse > .panel-body {
5866
+ border-bottom-color: #faebcc;
5867
+ }
5868
+ .ycd-bootstrap-wrapper .panel-danger {
5869
+ border-color: #ebccd1;
5870
+ }
5871
+ .ycd-bootstrap-wrapper .panel-danger > .panel-heading {
5872
+ color: #a94442;
5873
+ background-color: #f2dede;
5874
+ border-color: #ebccd1;
5875
+ }
5876
+ .ycd-bootstrap-wrapper .panel-danger > .panel-heading + .panel-collapse > .panel-body {
5877
+ border-top-color: #ebccd1;
5878
+ }
5879
+ .ycd-bootstrap-wrapper .panel-danger > .panel-heading .badge {
5880
+ color: #f2dede;
5881
+ background-color: #a94442;
5882
+ }
5883
+ .ycd-bootstrap-wrapper .panel-danger > .panel-footer + .panel-collapse > .panel-body {
5884
+ border-bottom-color: #ebccd1;
5885
+ }
5886
+ .ycd-bootstrap-wrapper .embed-responsive {
5887
+ position: relative;
5888
+ display: block;
5889
+ height: 0;
5890
+ padding: 0;
5891
+ overflow: hidden;
5892
+ }
5893
+ .ycd-bootstrap-wrapper .embed-responsive .embed-responsive-item,
5894
+ .ycd-bootstrap-wrapper .embed-responsive iframe,
5895
+ .ycd-bootstrap-wrapper .embed-responsive embed,
5896
+ .ycd-bootstrap-wrapper .embed-responsive object,
5897
+ .ycd-bootstrap-wrapper .embed-responsive video {
5898
+ position: absolute;
5899
+ top: 0;
5900
+ bottom: 0;
5901
+ left: 0;
5902
+ width: 100%;
5903
+ height: 100%;
5904
+ border: 0;
5905
+ }
5906
+ .ycd-bootstrap-wrapper .embed-responsive-16by9 {
5907
+ padding-bottom: 56.25%;
5908
+ }
5909
+ .ycd-bootstrap-wrapper .embed-responsive-4by3 {
5910
+ padding-bottom: 75%;
5911
+ }
5912
+ .ycd-bootstrap-wrapper .well {
5913
+ min-height: 20px;
5914
+ padding: 19px;
5915
+ margin-bottom: 20px;
5916
+ background-color: #f5f5f5;
5917
+ border: 1px solid #e3e3e3;
5918
+ border-radius: 4px;
5919
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
5920
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
5921
+ }
5922
+ .ycd-bootstrap-wrapper .well blockquote {
5923
+ border-color: #ddd;
5924
+ border-color: rgba(0, 0, 0, 0.15);
5925
+ }
5926
+ .ycd-bootstrap-wrapper .well-lg {
5927
+ padding: 24px;
5928
+ border-radius: 6px;
5929
+ }
5930
+ .ycd-bootstrap-wrapper .well-sm {
5931
+ padding: 9px;
5932
+ border-radius: 3px;
5933
+ }
5934
+ .ycd-bootstrap-wrapper .close {
5935
+ float: right;
5936
+ font-size: 21px;
5937
+ font-weight: bold;
5938
+ line-height: 1;
5939
+ color: #000;
5940
+ text-shadow: 0 1px 0 #fff;
5941
+ filter: alpha(opacity=20);
5942
+ opacity: .2;
5943
+ }
5944
+ .ycd-bootstrap-wrapper .close:hover,
5945
+ .ycd-bootstrap-wrapper .close:focus {
5946
+ color: #000;
5947
+ text-decoration: none;
5948
+ cursor: pointer;
5949
+ filter: alpha(opacity=50);
5950
+ opacity: .5;
5951
+ }
5952
+ .ycd-bootstrap-wrapper button.close {
5953
+ -webkit-appearance: none;
5954
+ padding: 0;
5955
+ cursor: pointer;
5956
+ background: transparent;
5957
+ border: 0;
5958
+ }
5959
+ .ycd-bootstrap-wrapper .modal-open {
5960
+ overflow: hidden;
5961
+ }
5962
+ .ycd-bootstrap-wrapper .modal {
5963
+ position: fixed;
5964
+ top: 0;
5965
+ right: 0;
5966
+ bottom: 0;
5967
+ left: 0;
5968
+ z-index: 1050;
5969
+ display: none;
5970
+ overflow: hidden;
5971
+ -webkit-overflow-scrolling: touch;
5972
+ outline: 0;
5973
+ }
5974
+ .ycd-bootstrap-wrapper .modal.fade .modal-dialog {
5975
+ -webkit-transition: -webkit-transform 0.3s ease-out;
5976
+ -o-transition: -o-transform 0.3s ease-out;
5977
+ transition: transform 0.3s ease-out;
5978
+ -webkit-transform: translate(0, -25%);
5979
+ -ms-transform: translate(0, -25%);
5980
+ -o-transform: translate(0, -25%);
5981
+ transform: translate(0, -25%);
5982
+ }
5983
+ .ycd-bootstrap-wrapper .modal.in .modal-dialog {
5984
+ -webkit-transform: translate(0, 0);
5985
+ -ms-transform: translate(0, 0);
5986
+ -o-transform: translate(0, 0);
5987
+ transform: translate(0, 0);
5988
+ }
5989
+ .ycd-bootstrap-wrapper .modal-open .modal {
5990
+ overflow-x: hidden;
5991
+ overflow-y: auto;
5992
+ }
5993
+ .ycd-bootstrap-wrapper .modal-dialog {
5994
+ position: relative;
5995
+ width: auto;
5996
+ margin: 10px;
5997
+ }
5998
+ .ycd-bootstrap-wrapper .modal-content {
5999
+ position: relative;
6000
+ background-color: #fff;
6001
+ -webkit-background-clip: padding-box;
6002
+ background-clip: padding-box;
6003
+ border: 1px solid #999;
6004
+ border: 1px solid rgba(0, 0, 0, 0.2);
6005
+ border-radius: 6px;
6006
+ outline: 0;
6007
+ -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
6008
+ box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
6009
+ }
6010
+ .ycd-bootstrap-wrapper .modal-backdrop {
6011
+ position: fixed;
6012
+ top: 0;
6013
+ right: 0;
6014
+ bottom: 0;
6015
+ left: 0;
6016
+ z-index: 1040;
6017
+ background-color: #000;
6018
+ }
6019
+ .ycd-bootstrap-wrapper .modal-backdrop.fade {
6020
+ filter: alpha(opacity=0);
6021
+ opacity: 0;
6022
+ }
6023
+ .ycd-bootstrap-wrapper .modal-backdrop.in {
6024
+ filter: alpha(opacity=50);
6025
+ opacity: .5;
6026
+ }
6027
+ .ycd-bootstrap-wrapper .modal-header {
6028
+ padding: 15px;
6029
+ border-bottom: 1px solid #e5e5e5;
6030
+ }
6031
+ .ycd-bootstrap-wrapper .modal-header .close {
6032
+ margin-top: -2px;
6033
+ }
6034
+ .ycd-bootstrap-wrapper .modal-title {
6035
+ margin: 0;
6036
+ line-height: 1.42857143;
6037
+ }
6038
+ .ycd-bootstrap-wrapper .modal-body {
6039
+ position: relative;
6040
+ padding: 15px;
6041
+ }
6042
+ .ycd-bootstrap-wrapper .modal-footer {
6043
+ padding: 15px;
6044
+ text-align: right;
6045
+ border-top: 1px solid #e5e5e5;
6046
+ }
6047
+ .ycd-bootstrap-wrapper .modal-footer .btn + .btn {
6048
+ margin-bottom: 0;
6049
+ margin-left: 5px;
6050
+ }
6051
+ .ycd-bootstrap-wrapper .modal-footer .btn-group .btn + .btn {
6052
+ margin-left: -1px;
6053
+ }
6054
+ .ycd-bootstrap-wrapper .modal-footer .btn-block + .btn-block {
6055
+ margin-left: 0;
6056
+ }
6057
+ .ycd-bootstrap-wrapper .modal-scrollbar-measure {
6058
+ position: absolute;
6059
+ top: -9999px;
6060
+ width: 50px;
6061
+ height: 50px;
6062
+ overflow: scroll;
6063
+ }
6064
+ @media (min-width: 768px) {
6065
+ .ycd-bootstrap-wrapper .modal-dialog {
6066
+ width: 600px;
6067
+ margin: 30px auto;
6068
+ }
6069
+ .ycd-bootstrap-wrapper .modal-content {
6070
+ -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
6071
+ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
6072
+ }
6073
+ .ycd-bootstrap-wrapper .modal-sm {
6074
+ width: 300px;
6075
+ }
6076
+ }
6077
+ @media (min-width: 992px) {
6078
+ .ycd-bootstrap-wrapper .modal-lg {
6079
+ width: 900px;
6080
+ }
6081
+ }
6082
+ .ycd-bootstrap-wrapper .tooltip {
6083
+ position: absolute;
6084
+ z-index: 1070;
6085
+ display: block;
6086
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
6087
+ font-size: 12px;
6088
+ font-style: normal;
6089
+ font-weight: normal;
6090
+ line-height: 1.42857143;
6091
+ text-align: left;
6092
+ text-align: start;
6093
+ text-decoration: none;
6094
+ text-shadow: none;
6095
+ text-transform: none;
6096
+ letter-spacing: normal;
6097
+ word-break: normal;
6098
+ word-spacing: normal;
6099
+ word-wrap: normal;
6100
+ white-space: normal;
6101
+ filter: alpha(opacity=0);
6102
+ opacity: 0;
6103
+ line-break: auto;
6104
+ }
6105
+ .ycd-bootstrap-wrapper .tooltip.in {
6106
+ filter: alpha(opacity=90);
6107
+ opacity: .9;
6108
+ }
6109
+ .ycd-bootstrap-wrapper .tooltip.top {
6110
+ padding: 5px 0;
6111
+ margin-top: -3px;
6112
+ }
6113
+ .ycd-bootstrap-wrapper .tooltip.right {
6114
+ padding: 0 5px;
6115
+ margin-left: 3px;
6116
+ }
6117
+ .ycd-bootstrap-wrapper .tooltip.bottom {
6118
+ padding: 5px 0;
6119
+ margin-top: 3px;
6120
+ }
6121
+ .ycd-bootstrap-wrapper .tooltip.left {
6122
+ padding: 0 5px;
6123
+ margin-left: -3px;
6124
+ }
6125
+ .ycd-bootstrap-wrapper .tooltip-inner {
6126
+ max-width: 200px;
6127
+ padding: 3px 8px;
6128
+ color: #fff;
6129
+ text-align: center;
6130
+ background-color: #000;
6131
+ border-radius: 4px;
6132
+ }
6133
+ .ycd-bootstrap-wrapper .tooltip-arrow {
6134
+ position: absolute;
6135
+ width: 0;
6136
+ height: 0;
6137
+ border-color: transparent;
6138
+ border-style: solid;
6139
+ }
6140
+ .ycd-bootstrap-wrapper .tooltip.top .tooltip-arrow {
6141
+ bottom: 0;
6142
+ left: 50%;
6143
+ margin-left: -5px;
6144
+ border-width: 5px 5px 0;
6145
+ border-top-color: #000;
6146
+ }
6147
+ .ycd-bootstrap-wrapper .tooltip.top-left .tooltip-arrow {
6148
+ right: 5px;
6149
+ bottom: 0;
6150
+ margin-bottom: -5px;
6151
+ border-width: 5px 5px 0;
6152
+ border-top-color: #000;
6153
+ }
6154
+ .ycd-bootstrap-wrapper .tooltip.top-right .tooltip-arrow {
6155
+ bottom: 0;
6156
+ left: 5px;
6157
+ margin-bottom: -5px;
6158
+ border-width: 5px 5px 0;
6159
+ border-top-color: #000;
6160
+ }
6161
+ .ycd-bootstrap-wrapper .tooltip.right .tooltip-arrow {
6162
+ top: 50%;
6163
+ left: 0;
6164
+ margin-top: -5px;
6165
+ border-width: 5px 5px 5px 0;
6166
+ border-right-color: #000;
6167
+ }
6168
+ .ycd-bootstrap-wrapper .tooltip.left .tooltip-arrow {
6169
+ top: 50%;
6170
+ right: 0;
6171
+ margin-top: -5px;
6172
+ border-width: 5px 0 5px 5px;
6173
+ border-left-color: #000;
6174
+ }
6175
+ .ycd-bootstrap-wrapper .tooltip.bottom .tooltip-arrow {
6176
+ top: 0;
6177
+ left: 50%;
6178
+ margin-left: -5px;
6179
+ border-width: 0 5px 5px;
6180
+ border-bottom-color: #000;
6181
+ }
6182
+ .ycd-bootstrap-wrapper .tooltip.bottom-left .tooltip-arrow {
6183
+ top: 0;
6184
+ right: 5px;
6185
+ margin-top: -5px;
6186
+ border-width: 0 5px 5px;
6187
+ border-bottom-color: #000;
6188
+ }
6189
+ .ycd-bootstrap-wrapper .tooltip.bottom-right .tooltip-arrow {
6190
+ top: 0;
6191
+ left: 5px;
6192
+ margin-top: -5px;
6193
+ border-width: 0 5px 5px;
6194
+ border-bottom-color: #000;
6195
+ }
6196
+ .ycd-bootstrap-wrapper .popover {
6197
+ position: absolute;
6198
+ top: 0;
6199
+ left: 0;
6200
+ z-index: 1060;
6201
+ display: none;
6202
+ max-width: 276px;
6203
+ padding: 1px;
6204
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
6205
+ font-size: 14px;
6206
+ font-style: normal;
6207
+ font-weight: normal;
6208
+ line-height: 1.42857143;
6209
+ text-align: left;
6210
+ text-align: start;
6211
+ text-decoration: none;
6212
+ text-shadow: none;
6213
+ text-transform: none;
6214
+ letter-spacing: normal;
6215
+ word-break: normal;
6216
+ word-spacing: normal;
6217
+ word-wrap: normal;
6218
+ white-space: normal;
6219
+ background-color: #fff;
6220
+ -webkit-background-clip: padding-box;
6221
+ background-clip: padding-box;
6222
+ border: 1px solid #ccc;
6223
+ border: 1px solid rgba(0, 0, 0, 0.2);
6224
+ border-radius: 6px;
6225
+ -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
6226
+ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
6227
+ line-break: auto;
6228
+ }
6229
+ .ycd-bootstrap-wrapper .popover.top {
6230
+ margin-top: -10px;
6231
+ }
6232
+ .ycd-bootstrap-wrapper .popover.right {
6233
+ margin-left: 10px;
6234
+ }
6235
+ .ycd-bootstrap-wrapper .popover.bottom {
6236
+ margin-top: 10px;
6237
+ }
6238
+ .ycd-bootstrap-wrapper .popover.left {
6239
+ margin-left: -10px;
6240
+ }
6241
+ .ycd-bootstrap-wrapper .popover-title {
6242
+ padding: 8px 14px;
6243
+ margin: 0;
6244
+ font-size: 14px;
6245
+ background-color: #f7f7f7;
6246
+ border-bottom: 1px solid #ebebeb;
6247
+ border-radius: 5px 5px 0 0;
6248
+ }
6249
+ .ycd-bootstrap-wrapper .popover-content {
6250
+ padding: 9px 14px;
6251
+ }
6252
+ .ycd-bootstrap-wrapper .popover > .arrow,
6253
+ .ycd-bootstrap-wrapper .popover > .arrow:after {
6254
+ position: absolute;
6255
+ display: block;
6256
+ width: 0;
6257
+ height: 0;
6258
+ border-color: transparent;
6259
+ border-style: solid;
6260
+ }
6261
+ .ycd-bootstrap-wrapper .popover > .arrow {
6262
+ border-width: 11px;
6263
+ }
6264
+ .ycd-bootstrap-wrapper .popover > .arrow:after {
6265
+ content: "";
6266
+ border-width: 10px;
6267
+ }
6268
+ .ycd-bootstrap-wrapper .popover.top > .arrow {
6269
+ bottom: -11px;
6270
+ left: 50%;
6271
+ margin-left: -11px;
6272
+ border-top-color: #999;
6273
+ border-top-color: rgba(0, 0, 0, 0.25);
6274
+ border-bottom-width: 0;
6275
+ }
6276
+ .ycd-bootstrap-wrapper .popover.top > .arrow:after {
6277
+ bottom: 1px;
6278
+ margin-left: -10px;
6279
+ content: " ";
6280
+ border-top-color: #fff;
6281
+ border-bottom-width: 0;
6282
+ }
6283
+ .ycd-bootstrap-wrapper .popover.right > .arrow {
6284
+ top: 50%;
6285
+ left: -11px;
6286
+ margin-top: -11px;
6287
+ border-right-color: #999;
6288
+ border-right-color: rgba(0, 0, 0, 0.25);
6289
+ border-left-width: 0;
6290
+ }
6291
+ .ycd-bootstrap-wrapper .popover.right > .arrow:after {
6292
+ bottom: -10px;
6293
+ left: 1px;
6294
+ content: " ";
6295
+ border-right-color: #fff;
6296
+ border-left-width: 0;
6297
+ }
6298
+ .ycd-bootstrap-wrapper .popover.bottom > .arrow {
6299
+ top: -11px;
6300
+ left: 50%;
6301
+ margin-left: -11px;
6302
+ border-top-width: 0;
6303
+ border-bottom-color: #999;
6304
+ border-bottom-color: rgba(0, 0, 0, 0.25);
6305
+ }
6306
+ .ycd-bootstrap-wrapper .popover.bottom > .arrow:after {
6307
+ top: 1px;
6308
+ margin-left: -10px;
6309
+ content: " ";
6310
+ border-top-width: 0;
6311
+ border-bottom-color: #fff;
6312
+ }
6313
+ .ycd-bootstrap-wrapper .popover.left > .arrow {
6314
+ top: 50%;
6315
+ right: -11px;
6316
+ margin-top: -11px;
6317
+ border-right-width: 0;
6318
+ border-left-color: #999;
6319
+ border-left-color: rgba(0, 0, 0, 0.25);
6320
+ }
6321
+ .ycd-bootstrap-wrapper .popover.left > .arrow:after {
6322
+ right: 1px;
6323
+ bottom: -10px;
6324
+ content: " ";
6325
+ border-right-width: 0;
6326
+ border-left-color: #fff;
6327
+ }
6328
+ .ycd-bootstrap-wrapper .carousel {
6329
+ position: relative;
6330
+ }
6331
+ .ycd-bootstrap-wrapper .carousel-inner {
6332
+ position: relative;
6333
+ width: 100%;
6334
+ overflow: hidden;
6335
+ }
6336
+ .ycd-bootstrap-wrapper .carousel-inner > .item {
6337
+ position: relative;
6338
+ display: none;
6339
+ -webkit-transition: 0.6s ease-in-out left;
6340
+ -o-transition: 0.6s ease-in-out left;
6341
+ transition: 0.6s ease-in-out left;
6342
+ }
6343
+ .ycd-bootstrap-wrapper .carousel-inner > .item > img,
6344
+ .ycd-bootstrap-wrapper .carousel-inner > .item > a > img {
6345
+ line-height: 1;
6346
+ }
6347
+ @media all and (transform-3d), (-webkit-transform-3d) {
6348
+ .ycd-bootstrap-wrapper .carousel-inner > .item {
6349
+ -webkit-transition: -webkit-transform 0.6s ease-in-out;
6350
+ -o-transition: -o-transform 0.6s ease-in-out;
6351
+ transition: transform 0.6s ease-in-out;
6352
+ -webkit-backface-visibility: hidden;
6353
+ backface-visibility: hidden;
6354
+ -webkit-perspective: 1000px;
6355
+ perspective: 1000px;
6356
+ }
6357
+ .ycd-bootstrap-wrapper .carousel-inner > .item.next,
6358
+ .ycd-bootstrap-wrapper .carousel-inner > .item.active.right {
6359
+ left: 0;
6360
+ -webkit-transform: translate3d(100%, 0, 0);
6361
+ transform: translate3d(100%, 0, 0);
6362
+ }
6363
+ .ycd-bootstrap-wrapper .carousel-inner > .item.prev,
6364
+ .ycd-bootstrap-wrapper .carousel-inner > .item.active.left {
6365
+ left: 0;
6366
+ -webkit-transform: translate3d(-100%, 0, 0);
6367
+ transform: translate3d(-100%, 0, 0);
6368
+ }
6369
+ .ycd-bootstrap-wrapper .carousel-inner > .item.next.left,
6370
+ .ycd-bootstrap-wrapper .carousel-inner > .item.prev.right,
6371
+ .ycd-bootstrap-wrapper .carousel-inner > .item.active {
6372
+ left: 0;
6373
+ -webkit-transform: translate3d(0, 0, 0);
6374
+ transform: translate3d(0, 0, 0);
6375
+ }
6376
+ }
6377
+ .ycd-bootstrap-wrapper .carousel-inner > .active,
6378
+ .ycd-bootstrap-wrapper .carousel-inner > .next,
6379
+ .ycd-bootstrap-wrapper .carousel-inner > .prev {
6380
+ display: block;
6381
+ }
6382
+ .ycd-bootstrap-wrapper .carousel-inner > .active {
6383
+ left: 0;
6384
+ }
6385
+ .ycd-bootstrap-wrapper .carousel-inner > .next,
6386
+ .ycd-bootstrap-wrapper .carousel-inner > .prev {
6387
+ position: absolute;
6388
+ top: 0;
6389
+ width: 100%;
6390
+ }
6391
+ .ycd-bootstrap-wrapper .carousel-inner > .next {
6392
+ left: 100%;
6393
+ }
6394
+ .ycd-bootstrap-wrapper .carousel-inner > .prev {
6395
+ left: -100%;
6396
+ }
6397
+ .ycd-bootstrap-wrapper .carousel-inner > .next.left,
6398
+ .ycd-bootstrap-wrapper .carousel-inner > .prev.right {
6399
+ left: 0;
6400
+ }
6401
+ .ycd-bootstrap-wrapper .carousel-inner > .active.left {
6402
+ left: -100%;
6403
+ }
6404
+ .ycd-bootstrap-wrapper .carousel-inner > .active.right {
6405
+ left: 100%;
6406
+ }
6407
+ .ycd-bootstrap-wrapper .carousel-control {
6408
+ position: absolute;
6409
+ top: 0;
6410
+ bottom: 0;
6411
+ left: 0;
6412
+ width: 15%;
6413
+ font-size: 20px;
6414
+ color: #fff;
6415
+ text-align: center;
6416
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
6417
+ background-color: rgba(0, 0, 0, 0);
6418
+ filter: alpha(opacity=50);
6419
+ opacity: .5;
6420
+ }
6421
+ .ycd-bootstrap-wrapper .carousel-control.left {
6422
+ background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
6423
+ background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
6424
+ background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
6425
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
6426
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
6427
+ background-repeat: repeat-x;
6428
+ }
6429
+ .ycd-bootstrap-wrapper .carousel-control.right {
6430
+ right: 0;
6431
+ left: auto;
6432
+ background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
6433
+ background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
6434
+ background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
6435
+ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
6436
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
6437
+ background-repeat: repeat-x;
6438
+ }
6439
+ .ycd-bootstrap-wrapper .carousel-control:hover,
6440
+ .ycd-bootstrap-wrapper .carousel-control:focus {
6441
+ color: #fff;
6442
+ text-decoration: none;
6443
+ filter: alpha(opacity=90);
6444
+ outline: 0;
6445
+ opacity: .9;
6446
+ }
6447
+ .ycd-bootstrap-wrapper .carousel-control .icon-prev,
6448
+ .ycd-bootstrap-wrapper .carousel-control .icon-next,
6449
+ .ycd-bootstrap-wrapper .carousel-control .glyphicon-chevron-left,
6450
+ .ycd-bootstrap-wrapper .carousel-control .glyphicon-chevron-right {
6451
+ position: absolute;
6452
+ top: 50%;
6453
+ z-index: 5;
6454
+ display: inline-block;
6455
+ margin-top: -10px;
6456
+ }
6457
+ .ycd-bootstrap-wrapper .carousel-control .icon-prev,
6458
+ .ycd-bootstrap-wrapper .carousel-control .glyphicon-chevron-left {
6459
+ left: 50%;
6460
+ margin-left: -10px;
6461
+ }
6462
+ .ycd-bootstrap-wrapper .carousel-control .icon-next,
6463
+ .ycd-bootstrap-wrapper .carousel-control .glyphicon-chevron-right {
6464
+ right: 50%;
6465
+ margin-right: -10px;
6466
+ }
6467
+ .ycd-bootstrap-wrapper .carousel-control .icon-prev,
6468
+ .ycd-bootstrap-wrapper .carousel-control .icon-next {
6469
+ width: 20px;
6470
+ height: 20px;
6471
+ font-family: serif;
6472
+ line-height: 1;
6473
+ }
6474
+ .ycd-bootstrap-wrapper .carousel-control .icon-prev:before {
6475
+ content: '\2039';
6476
+ }
6477
+ .ycd-bootstrap-wrapper .carousel-control .icon-next:before {
6478
+ content: '\203a';
6479
+ }
6480
+ .ycd-bootstrap-wrapper .carousel-indicators {
6481
+ position: absolute;
6482
+ bottom: 10px;
6483
+ left: 50%;
6484
+ z-index: 15;
6485
+ width: 60%;
6486
+ padding-left: 0;
6487
+ margin-left: -30%;
6488
+ text-align: center;
6489
+ list-style: none;
6490
+ }
6491
+ .ycd-bootstrap-wrapper .carousel-indicators li {
6492
+ display: inline-block;
6493
+ width: 10px;
6494
+ height: 10px;
6495
+ margin: 1px;
6496
+ text-indent: -999px;
6497
+ cursor: pointer;
6498
+ background-color: #000 \9;
6499
+ background-color: rgba(0, 0, 0, 0);
6500
+ border: 1px solid #fff;
6501
+ border-radius: 10px;
6502
+ }
6503
+ .ycd-bootstrap-wrapper .carousel-indicators .active {
6504
+ width: 12px;
6505
+ height: 12px;
6506
+ margin: 0;
6507
+ background-color: #fff;
6508
+ }
6509
+ .ycd-bootstrap-wrapper .carousel-caption {
6510
+ position: absolute;
6511
+ right: 15%;
6512
+ bottom: 20px;
6513
+ left: 15%;
6514
+ z-index: 10;
6515
+ padding-top: 20px;
6516
+ padding-bottom: 20px;
6517
+ color: #fff;
6518
+ text-align: center;
6519
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
6520
+ }
6521
+ .ycd-bootstrap-wrapper .carousel-caption .btn {
6522
+ text-shadow: none;
6523
+ }
6524
+ @media screen and (min-width: 768px) {
6525
+ .ycd-bootstrap-wrapper .carousel-control .glyphicon-chevron-left,
6526
+ .ycd-bootstrap-wrapper .carousel-control .glyphicon-chevron-right,
6527
+ .ycd-bootstrap-wrapper .carousel-control .icon-prev,
6528
+ .ycd-bootstrap-wrapper .carousel-control .icon-next {
6529
+ width: 30px;
6530
+ height: 30px;
6531
+ margin-top: -10px;
6532
+ font-size: 30px;
6533
+ }
6534
+ .ycd-bootstrap-wrapper .carousel-control .glyphicon-chevron-left,
6535
+ .ycd-bootstrap-wrapper .carousel-control .icon-prev {
6536
+ margin-left: -10px;
6537
+ }
6538
+ .ycd-bootstrap-wrapper .carousel-control .glyphicon-chevron-right,
6539
+ .ycd-bootstrap-wrapper .carousel-control .icon-next {
6540
+ margin-right: -10px;
6541
+ }
6542
+ .ycd-bootstrap-wrapper .carousel-caption {
6543
+ right: 20%;
6544
+ left: 20%;
6545
+ padding-bottom: 30px;
6546
+ }
6547
+ .ycd-bootstrap-wrapper .carousel-indicators {
6548
+ bottom: 20px;
6549
+ }
6550
+ }
6551
+ .ycd-bootstrap-wrapper .clearfix:before,
6552
+ .ycd-bootstrap-wrapper .clearfix:after,
6553
+ .ycd-bootstrap-wrapper .dl-horizontal dd:before,
6554
+ .ycd-bootstrap-wrapper .dl-horizontal dd:after,
6555
+ .ycd-bootstrap-wrapper .container:before,
6556
+ .ycd-bootstrap-wrapper .container:after,
6557
+ .ycd-bootstrap-wrapper .container-fluid:before,
6558
+ .ycd-bootstrap-wrapper .container-fluid:after,
6559
+ .ycd-bootstrap-wrapper .row:before,
6560
+ .ycd-bootstrap-wrapper .row:after,
6561
+ .ycd-bootstrap-wrapper .form-horizontal .form-group:before,
6562
+ .ycd-bootstrap-wrapper .form-horizontal .form-group:after,
6563
+ .ycd-bootstrap-wrapper .btn-toolbar:before,
6564
+ .ycd-bootstrap-wrapper .btn-toolbar:after,
6565
+ .ycd-bootstrap-wrapper .btn-group-vertical > .btn-group:before,
6566
+ .ycd-bootstrap-wrapper .btn-group-vertical > .btn-group:after,
6567
+ .ycd-bootstrap-wrapper .nav:before,
6568
+ .ycd-bootstrap-wrapper .nav:after,
6569
+ .ycd-bootstrap-wrapper .navbar:before,
6570
+ .ycd-bootstrap-wrapper .navbar:after,
6571
+ .ycd-bootstrap-wrapper .navbar-header:before,
6572
+ .ycd-bootstrap-wrapper .navbar-header:after,
6573
+ .ycd-bootstrap-wrapper .navbar-collapse:before,
6574
+ .ycd-bootstrap-wrapper .navbar-collapse:after,
6575
+ .ycd-bootstrap-wrapper .pager:before,
6576
+ .ycd-bootstrap-wrapper .pager:after,
6577
+ .ycd-bootstrap-wrapper .panel-body:before,
6578
+ .ycd-bootstrap-wrapper .panel-body:after,
6579
+ .ycd-bootstrap-wrapper .modal-header:before,
6580
+ .ycd-bootstrap-wrapper .modal-header:after,
6581
+ .ycd-bootstrap-wrapper .modal-footer:before,
6582
+ .ycd-bootstrap-wrapper .modal-footer:after {
6583
+ display: table;
6584
+ content: " ";
6585
+ }
6586
+ .ycd-bootstrap-wrapper .clearfix:after,
6587
+ .ycd-bootstrap-wrapper .dl-horizontal dd:after,
6588
+ .ycd-bootstrap-wrapper .container:after,
6589
+ .ycd-bootstrap-wrapper .container-fluid:after,
6590
+ .ycd-bootstrap-wrapper .row:after,
6591
+ .ycd-bootstrap-wrapper .form-horizontal .form-group:after,
6592
+ .ycd-bootstrap-wrapper .btn-toolbar:after,
6593
+ .ycd-bootstrap-wrapper .btn-group-vertical > .btn-group:after,
6594
+ .ycd-bootstrap-wrapper .nav:after,
6595
+ .ycd-bootstrap-wrapper .navbar:after,
6596
+ .ycd-bootstrap-wrapper .navbar-header:after,
6597
+ .ycd-bootstrap-wrapper .navbar-collapse:after,
6598
+ .ycd-bootstrap-wrapper .pager:after,
6599
+ .ycd-bootstrap-wrapper .panel-body:after,
6600
+ .ycd-bootstrap-wrapper .modal-header:after,
6601
+ .ycd-bootstrap-wrapper .modal-footer:after {
6602
+ clear: both;
6603
+ }
6604
+ .ycd-bootstrap-wrapper .center-block {
6605
+ display: block;
6606
+ margin-right: auto;
6607
+ margin-left: auto;
6608
+ }
6609
+ .ycd-bootstrap-wrapper .pull-right {
6610
+ float: right !important;
6611
+ }
6612
+ .ycd-bootstrap-wrapper .pull-left {
6613
+ float: left !important;
6614
+ }
6615
+ .ycd-bootstrap-wrapper .hide {
6616
+ display: none !important;
6617
+ }
6618
+ .ycd-bootstrap-wrapper .show {
6619
+ display: block !important;
6620
+ }
6621
+ .ycd-bootstrap-wrapper .invisible {
6622
+ visibility: hidden;
6623
+ }
6624
+ .ycd-bootstrap-wrapper .text-hide {
6625
+ font: 0/0 a;
6626
+ color: transparent;
6627
+ text-shadow: none;
6628
+ background-color: transparent;
6629
+ border: 0;
6630
+ }
6631
+ .ycd-bootstrap-wrapper .hidden {
6632
+ display: none !important;
6633
+ }
6634
+ .ycd-bootstrap-wrapper .affix {
6635
+ position: fixed;
6636
+ }
6637
+ @-ms-viewport {
6638
+ width: device-width;
6639
+ }
6640
+ .ycd-bootstrap-wrapper .visible-xs,
6641
+ .ycd-bootstrap-wrapper .visible-sm,
6642
+ .ycd-bootstrap-wrapper .visible-md,
6643
+ .ycd-bootstrap-wrapper .visible-lg {
6644
+ display: none !important;
6645
+ }
6646
+ .ycd-bootstrap-wrapper .visible-xs-block,
6647
+ .ycd-bootstrap-wrapper .visible-xs-inline,
6648
+ .ycd-bootstrap-wrapper .visible-xs-inline-block,
6649
+ .ycd-bootstrap-wrapper .visible-sm-block,
6650
+ .ycd-bootstrap-wrapper .visible-sm-inline,
6651
+ .ycd-bootstrap-wrapper .visible-sm-inline-block,
6652
+ .ycd-bootstrap-wrapper .visible-md-block,
6653
+ .ycd-bootstrap-wrapper .visible-md-inline,
6654
+ .ycd-bootstrap-wrapper .visible-md-inline-block,
6655
+ .ycd-bootstrap-wrapper .visible-lg-block,
6656
+ .ycd-bootstrap-wrapper .visible-lg-inline,
6657
+ .ycd-bootstrap-wrapper .visible-lg-inline-block {
6658
+ display: none !important;
6659
+ }
6660
+ @media (max-width: 767px) {
6661
+ .ycd-bootstrap-wrapper .visible-xs {
6662
+ display: block !important;
6663
+ }
6664
+ .ycd-bootstrap-wrapper table.visible-xs {
6665
+ display: table !important;
6666
+ }
6667
+ .ycd-bootstrap-wrapper tr.visible-xs {
6668
+ display: table-row !important;
6669
+ }
6670
+ .ycd-bootstrap-wrapper th.visible-xs,
6671
+ .ycd-bootstrap-wrapper td.visible-xs {
6672
+ display: table-cell !important;
6673
+ }
6674
+ }
6675
+ @media (max-width: 767px) {
6676
+ .ycd-bootstrap-wrapper .visible-xs-block {
6677
+ display: block !important;
6678
+ }
6679
+ }
6680
+ @media (max-width: 767px) {
6681
+ .ycd-bootstrap-wrapper .visible-xs-inline {
6682
+ display: inline !important;
6683
+ }
6684
+ }
6685
+ @media (max-width: 767px) {
6686
+ .ycd-bootstrap-wrapper .visible-xs-inline-block {
6687
+ display: inline-block !important;
6688
+ }
6689
+ }
6690
+ @media (min-width: 768px) and (max-width: 991px) {
6691
+ .ycd-bootstrap-wrapper .visible-sm {
6692
+ display: block !important;
6693
+ }
6694
+ .ycd-bootstrap-wrapper table.visible-sm {
6695
+ display: table !important;
6696
+ }
6697
+ .ycd-bootstrap-wrapper tr.visible-sm {
6698
+ display: table-row !important;
6699
+ }
6700
+ .ycd-bootstrap-wrapper th.visible-sm,
6701
+ .ycd-bootstrap-wrapper td.visible-sm {
6702
+ display: table-cell !important;
6703
+ }
6704
+ }
6705
+ @media (min-width: 768px) and (max-width: 991px) {
6706
+ .ycd-bootstrap-wrapper .visible-sm-block {
6707
+ display: block !important;
6708
+ }
6709
+ }
6710
+ @media (min-width: 768px) and (max-width: 991px) {
6711
+ .ycd-bootstrap-wrapper .visible-sm-inline {
6712
+ display: inline !important;
6713
+ }
6714
+ }
6715
+ @media (min-width: 768px) and (max-width: 991px) {
6716
+ .ycd-bootstrap-wrapper .visible-sm-inline-block {
6717
+ display: inline-block !important;
6718
+ }
6719
+ }
6720
+ @media (min-width: 992px) and (max-width: 1199px) {
6721
+ .ycd-bootstrap-wrapper .visible-md {
6722
+ display: block !important;
6723
+ }
6724
+ .ycd-bootstrap-wrapper table.visible-md {
6725
+ display: table !important;
6726
+ }
6727
+ .ycd-bootstrap-wrapper tr.visible-md {
6728
+ display: table-row !important;
6729
+ }
6730
+ .ycd-bootstrap-wrapper th.visible-md,
6731
+ .ycd-bootstrap-wrapper td.visible-md {
6732
+ display: table-cell !important;
6733
+ }
6734
+ }
6735
+ @media (min-width: 992px) and (max-width: 1199px) {
6736
+ .ycd-bootstrap-wrapper .visible-md-block {
6737
+ display: block !important;
6738
+ }
6739
+ }
6740
+ @media (min-width: 992px) and (max-width: 1199px) {
6741
+ .ycd-bootstrap-wrapper .visible-md-inline {
6742
+ display: inline !important;
6743
+ }
6744
+ }
6745
+ @media (min-width: 992px) and (max-width: 1199px) {
6746
+ .ycd-bootstrap-wrapper .visible-md-inline-block {
6747
+ display: inline-block !important;
6748
+ }
6749
+ }
6750
+ @media (min-width: 1200px) {
6751
+ .ycd-bootstrap-wrapper .visible-lg {
6752
+ display: block !important;
6753
+ }
6754
+ .ycd-bootstrap-wrapper table.visible-lg {
6755
+ display: table !important;
6756
+ }
6757
+ .ycd-bootstrap-wrapper tr.visible-lg {
6758
+ display: table-row !important;
6759
+ }
6760
+ .ycd-bootstrap-wrapper th.visible-lg,
6761
+ .ycd-bootstrap-wrapper td.visible-lg {
6762
+ display: table-cell !important;
6763
+ }
6764
+ }
6765
+ @media (min-width: 1200px) {
6766
+ .ycd-bootstrap-wrapper .visible-lg-block {
6767
+ display: block !important;
6768
+ }
6769
+ }
6770
+ @media (min-width: 1200px) {
6771
+ .ycd-bootstrap-wrapper .visible-lg-inline {
6772
+ display: inline !important;
6773
+ }
6774
+ }
6775
+ @media (min-width: 1200px) {
6776
+ .ycd-bootstrap-wrapper .visible-lg-inline-block {
6777
+ display: inline-block !important;
6778
+ }
6779
+ }
6780
+ @media (max-width: 767px) {
6781
+ .ycd-bootstrap-wrapper .hidden-xs {
6782
+ display: none !important;
6783
+ }
6784
+ }
6785
+ @media (min-width: 768px) and (max-width: 991px) {
6786
+ .ycd-bootstrap-wrapper .hidden-sm {
6787
+ display: none !important;
6788
+ }
6789
+ }
6790
+ @media (min-width: 992px) and (max-width: 1199px) {
6791
+ .ycd-bootstrap-wrapper .hidden-md {
6792
+ display: none !important;
6793
+ }
6794
+ }
6795
+ @media (min-width: 1200px) {
6796
+ .ycd-bootstrap-wrapper .hidden-lg {
6797
+ display: none !important;
6798
+ }
6799
+ }
6800
+ .ycd-bootstrap-wrapper .visible-print {
6801
+ display: none !important;
6802
+ }
6803
+ @media print {
6804
+ .ycd-bootstrap-wrapper .visible-print {
6805
+ display: block !important;
6806
+ }
6807
+ .ycd-bootstrap-wrapper table.visible-print {
6808
+ display: table !important;
6809
+ }
6810
+ .ycd-bootstrap-wrapper tr.visible-print {
6811
+ display: table-row !important;
6812
+ }
6813
+ .ycd-bootstrap-wrapper th.visible-print,
6814
+ .ycd-bootstrap-wrapper td.visible-print {
6815
+ display: table-cell !important;
6816
+ }
6817
+ }
6818
+ .ycd-bootstrap-wrapper .visible-print-block {
6819
+ display: none !important;
6820
+ }
6821
+ @media print {
6822
+ .ycd-bootstrap-wrapper .visible-print-block {
6823
+ display: block !important;
6824
+ }
6825
+ }
6826
+ .ycd-bootstrap-wrapper .visible-print-inline {
6827
+ display: none !important;
6828
+ }
6829
+ @media print {
6830
+ .ycd-bootstrap-wrapper .visible-print-inline {
6831
+ display: inline !important;
6832
+ }
6833
+ }
6834
+ .ycd-bootstrap-wrapper .visible-print-inline-block {
6835
+ display: none !important;
6836
+ }
6837
+ @media print {
6838
+ .ycd-bootstrap-wrapper .visible-print-inline-block {
6839
+ display: inline-block !important;
6840
+ }
6841
+ }
6842
+ @media print {
6843
+ .ycd-bootstrap-wrapper .hidden-print {
6844
+ display: none !important;
6845
+ }
6846
  }
assets/css/jQueryDialog/jquery-ui.css CHANGED
@@ -1,478 +1,478 @@
1
- /*! jQuery UI - v1.9.2 - 2012-11-23
2
- * http://jqueryui.com
3
- * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
4
- * Copyright 2012 jQuery Foundation and other contributors; Licensed MIT */
5
-
6
- /* Layout helpers
7
- ----------------------------------*/
8
- .ycd-countdown-builder .ui-helper-hidden { display: none; }
9
- .ycd-countdown-builder .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
10
- .ycd-countdown-builder .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
11
- .ycd-countdown-builder .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
12
- .ycd-countdown-builder .ui-helper-clearfix:after { clear: both; }
13
- .ycd-countdown-builder .ui-helper-clearfix { zoom: 1; }
14
- .ycd-countdown-builder .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
15
-
16
-
17
- /* Interaction Cues
18
- ----------------------------------*/
19
- .ycd-countdown-builder .ui-state-disabled { cursor: default !important; }
20
-
21
-
22
- /* Icons
23
- ----------------------------------*/
24
-
25
- /* states and images */
26
- .ycd-countdown-builder .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
27
-
28
-
29
- /* Misc visuals
30
- ----------------------------------*/
31
-
32
- /* Overlays */
33
- .ycd-countdown-builder + .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
34
-
35
- .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; }
36
- .ycd-countdown-builder .ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
37
- .ycd-countdown-builder .ui-accordion .ui-accordion-noicons { padding-left: .7em; }
38
- .ycd-countdown-builder .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
39
- .ycd-countdown-builder .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
40
- .ycd-countdown-builder .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; }
41
-
42
- .ui-autocomplete {
43
- position: absolute;
44
- top: 0;
45
- left: 0;
46
- cursor: default;
47
- }
48
-
49
- /* workarounds */
50
- * html .ycd-countdown-builder .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
51
-
52
- .ycd-countdown-builder .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
53
- .ycd-countdown-builder .ui-button, .ycd-countdown-builder .ui-button:link, .ycd-countdown-builder .ui-button:visited, .ycd-countdown-builder .ui-button:hover, .ycd-countdown-builder .ui-button:active { text-decoration: none; }
54
- .ycd-countdown-builder .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
55
- .ycd-countdown-builder button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
56
- .ycd-countdown-builder .ui-button-icons-only { width: 3.4em; }
57
- .ycd-countdown-builder button.ui-button-icons-only { width: 3.7em; }
58
-
59
- /*button text element */
60
- .ycd-countdown-builder .ui-button .ui-button-text { display: block; line-height: 1.4; }
61
- .ycd-countdown-builder .ui-button-text-only .ui-button-text { padding: .4em 1em; }
62
- .ycd-countdown-builder .ui-button-icon-only .ui-button-text, .ycd-countdown-builder .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
63
- .ycd-countdown-builder .ui-button-text-icon-primary .ui-button-text, .ycd-countdown-builder .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
64
- .ycd-countdown-builder .ui-button-text-icon-secondary .ui-button-text, .ycd-countdown-builder .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
65
- .ycd-countdown-builder .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
66
- /* no icon support for input elements, provide padding by default */
67
- .ycd-countdown-builder input.ui-button { padding: .4em 1em; }
68
-
69
- /*button icon element(s) */
70
- .ycd-countdown-builder + .ui-button-icon-only .ui-icon,.ycd-countdown-builder + .ui-button-text-icon-primary .ui-icon, .ycd-countdown-builder + .ui-button-text-icon-secondary .ui-icon,.ycd-countdown-builder + .ui-button-text-icons .ui-icon,.ycd-countdown-builder + .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
71
- .ycd-countdown-builder + .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
72
- .ycd-countdown-builder + .ui-button-text-icon-primary .ui-button-icon-primary,.ycd-countdown-builder + .ui-button-text-icons .ui-button-icon-primary,.ycd-countdown-builder + .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
73
- .ycd-countdown-builder + .ui-button-text-icon-secondary .ui-button-icon-secondary,.ycd-countdown-builder + .ui-button-text-icons .ui-button-icon-secondary,.ycd-countdown-builder + .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
74
- .ycd-countdown-builder + .ui-button-text-icons .ui-button-icon-secondary,.ycd-countdown-builder + .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
75
-
76
- /*button sets*/
77
- .ycd-countdown-builder .ui-buttonset { margin-right: 7px; }
78
- .ycd-countdown-builder .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
79
-
80
- /* workarounds */
81
- button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
82
-
83
- .ycd-countdown-builder .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
84
- .ycd-countdown-builder .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
85
- .ycd-countdown-builder .ui-datepicker .ui-datepicker-prev, .ycd-countdown-builder .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
86
- .ycd-countdown-builder .ui-datepicker .ui-datepicker-prev-hover, .ycd-countdown-builder .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
87
- .ycd-countdown-builder .ui-datepicker .ui-datepicker-prev { left:2px; }
88
- .ycd-countdown-builder .ui-datepicker .ui-datepicker-next { right:2px; }
89
- .ycd-countdown-builder .ui-datepicker .ui-datepicker-prev-hover { left:1px; }
90
- .ycd-countdown-builder .ui-datepicker .ui-datepicker-next-hover { right:1px; }
91
- .ycd-countdown-builder .ui-datepicker .ui-datepicker-prev span, .ycd-countdown-builder .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
92
- .ycd-countdown-builder .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
93
- .ycd-countdown-builder .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
94
- .ycd-countdown-builder .ui-datepicker select.ui-datepicker-month-year {width: 100%;}
95
- .ycd-countdown-builder .ui-datepicker select.ui-datepicker-month, .ycd-countdown-builder
96
- .ycd-countdown-builder .ui-datepicker select.ui-datepicker-year { width: 49%;}
97
- .ycd-countdown-builder .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
98
- .ycd-countdown-builder .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
99
- .ycd-countdown-builder .ui-datepicker td { border: 0; padding: 1px; }
100
- .ycd-countdown-builder .ui-datepicker td span, .ycd-countdown-builder .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
101
- .ycd-countdown-builder .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
102
- .ycd-countdown-builder .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
103
- .ycd-countdown-builder .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
104
-
105
- /* with multiple calendars */
106
- .ycd-countdown-builder .ui-datepicker.ui-datepicker-multi { width:auto; }
107
- .ycd-countdown-builder .ui-datepicker-multi .ui-datepicker-group { float:left; }
108
- .ycd-countdown-builder .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
109
- .ycd-countdown-builder .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
110
- .ycd-countdown-builder .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
111
- .ycd-countdown-builder .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
112
- .ycd-countdown-builder .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
113
- .ycd-countdown-builder .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
114
- .ycd-countdown-builder .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
115
- .ycd-countdown-builder .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }
116
-
117
- /* RTL support */
118
- .ycd-countdown-builder .ui-datepicker-rtl { direction: rtl; }
119
- .ycd-countdown-builder .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
120
- .ycd-countdown-builder .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
121
- .ycd-countdown-builder .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
122
- .ycd-countdown-builder .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
123
- .ycd-countdown-builder .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
124
- .ycd-countdown-builder .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
125
- .ycd-countdown-builder .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
126
- .ycd-countdown-builder .ui-datepicker-rtl .ui-datepicker-group { float:right; }
127
- .ycd-countdown-builder .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
128
- .ycd-countdown-builder .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
129
-
130
- /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
131
- .ycd-countdown-builder .ui-datepicker-cover {
132
- position: absolute; /*must have*/
133
- z-index: -1; /*must have*/
134
- filter: mask(); /*must have*/
135
- top: -4px; /*must have*/
136
- left: -4px; /*must have*/
137
- width: 200px; /*must have*/
138
- height: 200px; /*must have*/
139
- }
140
-
141
-
142
- .ycd-countdown-builder.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; width: 300px; overflow: hidden; z-index: 100000 !important; }
143
- .ycd-countdown-builder.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; }
144
- .ycd-countdown-builder.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
145
- .ycd-countdown-builder.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
146
- .ycd-countdown-builder.ui-dialog .ui-dialog-titlebar-close span { display: block; }
147
- .ycd-countdown-builder.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
148
- .ycd-countdown-builder.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
149
- .ycd-countdown-builder.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
150
- .ycd-countdown-builder.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
151
- .ycd-countdown-builder.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
152
- .ycd-countdown-builder.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
153
- .ui-draggable .ui-dialog-titlebar { cursor: move; }
154
-
155
- .ycd-countdown-builder .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; }
156
- .ycd-countdown-builder .ui-menu .ui-menu { margin-top: -3px; position: absolute; }
157
- .ycd-countdown-builder .ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; }
158
- .ycd-countdown-builder .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
159
- .ycd-countdown-builder .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; }
160
- .ycd-countdown-builder .ui-menu .ui-menu-item a.ui-state-focus,
161
- .ycd-countdown-builder .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }
162
-
163
- .ycd-countdown-builder .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
164
- .ycd-countdown-builder .ui-menu .ui-state-disabled a { cursor: default; }
165
-
166
- /* icon support */
167
- .ycd-countdown-builder .ui-menu-icons { position: relative; }
168
- .ycd-countdown-builder .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }
169
-
170
- /* left-aligned */
171
- .ycd-countdown-builder .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }
172
-
173
- /* right-aligned */
174
- .ycd-countdown-builder .ui-menu .ui-menu-icon { position: static; float: right; }
175
-
176
- .ycd-countdown-builder .ui-progressbar { height:2em; text-align: left; overflow: hidden; }
177
- .ycd-countdown-builder .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
178
- .ycd-countdown-builder .ui-resizable { position: relative;}
179
- .ycd-countdown-builder .ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
180
- .ycd-countdown-builder .ui-resizable-disabled .ui-resizable-handle, .ycd-countdown-builder .ui-resizable-autohide .ui-resizable-handle { display: none; }
181
- .ycd-countdown-builder .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
182
- .ycd-countdown-builder .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
183
- .ycd-countdown-builder .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
184
- .ycd-countdown-builder .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
185
- .ycd-countdown-builder .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
186
- .ycd-countdown-builder .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
187
- .ycd-countdown-builder .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
188
- .ycd-countdown-builder .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
189
- .ycd-countdown-builder .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
190
-
191
- .ycd-countdown-builder .ui-slider { position: relative; text-align: left; }
192
- .ycd-countdown-builder .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
193
- .ycd-countdown-builder .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
194
-
195
- .ycd-countdown-builder .ui-slider-horizontal { height: .8em; }
196
- .ycd-countdown-builder .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
197
- .ycd-countdown-builder .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
198
- .ycd-countdown-builder .ui-slider-horizontal .ui-slider-range-min { left: 0; }
199
- .ycd-countdown-builder .ui-slider-horizontal .ui-slider-range-max { right: 0; }
200
-
201
- .ycd-countdown-builder .ui-slider-vertical { width: .8em; height: 100px; }
202
- .ycd-countdown-builder .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
203
- .ycd-countdown-builder .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
204
- .ycd-countdown-builder .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
205
- .ycd-countdown-builder .ui-slider-vertical .ui-slider-range-max { top: 0; }
206
- .ycd-countdown-builder .ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
207
- .ycd-countdown-builder .ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; }
208
- .ycd-countdown-builder .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
209
- .ycd-countdown-builder .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */
210
- .ycd-countdown-builder .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */
211
- .ycd-countdown-builder .ui-spinner-up { top: 0; }
212
- .ycd-countdown-builder .ui-spinner-down { bottom: 0; }
213
-
214
- /* TR overrides */
215
- .ycd-countdown-builder .ui-spinner .ui-icon-triangle-1-s {
216
- /* need to fix icons sprite */
217
- background-position:-65px -16px;
218
- }
219
-
220
- .ycd-countdown-builder .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
221
- .ycd-countdown-builder .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
222
- .ycd-countdown-builder .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }
223
- .ycd-countdown-builder .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
224
- .ycd-countdown-builder .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
225
- .ycd-countdown-builder .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ycd-countdown-builder .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ycd-countdown-builder .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
226
- .ycd-countdown-builder .ui-tabs .ui-tabs-nav li a, .ycd-countdown-builder .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
227
- .ycd-countdown-builder .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
228
-
229
- .ycd-countdown-builder .ui-tooltip {
230
- padding: 8px;
231
- position: absolute;
232
- z-index: 9999;
233
- max-width: 300px;
234
- -webkit-box-shadow: 0 0 5px #aaa;
235
- box-shadow: 0 0 5px #aaa;
236
- }
237
- /* Fades and background-images don't work well together in IE6, drop the image */
238
- * html .ycd-countdown-builder .ui-tooltip {
239
- background-image: none;
240
- }
241
- body .ycd-countdown-builder .ui-tooltip { border-width: 2px; }
242
-
243
- /* Component containers
244
- ----------------------------------*/
245
- .ycd-countdown-builder .ui-widget { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1.1em; }
246
- .ycd-countdown-builder .ui-widget .ui-widget { font-size: 1em; }
247
- .ycd-countdown-builder .ui-widget input,.ycd-countdown-builder .ui-widget select,.ycd-countdown-builder .ui-widget textarea,.ycd-countdown-builder .ui-widget button { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1em; }
248
- .ycd-countdown-builder.ui-widget-content { border: 1px solid #d9d6c4; background: #eceadf url(images/ui-bg_fine-grain_10_eceadf_60x60.png) 50% 50% repeat; color: #1f1f1f; }
249
- .ycd-countdown-builder.ui-widget-content a { color: #1f1f1f; }
250
- .ycd-countdown-builder .ui-widget-header { border: 1px solid #d4d1bf; background: #ffffff url(images/ui-bg_fine-grain_15_ffffff_60x60.png) 50% 50% repeat; color: #453821; font-weight: bold; }
251
- .ycd-countdown-builder .ui-widget-header a { color: #453821; }
252
-
253
- /* Interaction states
254
- ----------------------------------*/
255
- .ycd-countdown-builder .ui-state-default, .ycd-countdown-builder .ui-widget-content .ui-state-default,.ycd-countdown-builder .ui-widget-header .ui-state-default { border: 1px solid #cbc7bd; background: #f8f7f6 url(images/ui-bg_fine-grain_10_f8f7f6_60x60.png) 50% 50% repeat; font-weight: bold; color: #654b24; }
256
- .ycd-countdown-builder .ui-state-default a, .ycd-countdown-builder .ui-state-default a:link, .ycd-countdown-builder .ui-state-default a:visited { color: #654b24; text-decoration: none; }
257
- .ycd-countdown-builder .ui-state-hover, .ycd-countdown-builder .ui-widget-content .ui-state-hover, .ycd-countdown-builder .ui-widget-header .ui-state-hover, .ycd-countdown-builder .ui-state-focus, .ycd-countdown-builder .ui-widget-content .ui-state-focus, .ycd-countdown-builder .ui-widget-header .ui-state-focus { border: 1px solid #654b24; background: #654b24 url(images/ui-bg_fine-grain_65_654b24_60x60.png) 50% 50% repeat; font-weight: bold; color: #ffffff; }
258
- .ycd-countdown-builder .ui-state-hover a, .ycd-countdown-builder .ui-state-hover a:hover, .ycd-countdown-builder .ui-state-hover a:link, .ycd-countdown-builder .ui-state-hover a:visited { color: #ffffff; text-decoration: none; }
259
- .ycd-countdown-builder .ui-state-active, .ycd-countdown-builder .ui-widget-content .ui-state-active, .ycd-countdown-builder .ui-widget-header .ui-state-active { border: 1px solid #d9d6c4; background: #eceadf url(images/ui-bg_fine-grain_15_eceadf_60x60.png) 50% 50% repeat; font-weight: bold; color: #140f06; }
260
- .ycd-countdown-builder .ui-state-active a, .ycd-countdown-builder .ui-state-active a:link, .ycd-countdown-builder .ui-state-active a:visited { color: #140f06; text-decoration: none; }
261
-
262
- /* Interaction Cues
263
- ----------------------------------*/
264
- .ycd-countdown-builder .ui-state-highlight, .ycd-countdown-builder .ui-widget-content .ui-state-highlight, .ycd-countdown-builder .ui-widget-header .ui-state-highlight {border: 1px solid #b2a266; background: #f7f3de url(images/ui-bg_fine-grain_15_f7f3de_60x60.png) 50% 50% repeat; color: #3a3427; }
265
- .ycd-countdown-builder .ui-state-highlight a,.ycd-countdown-builder .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #3a3427; }
266
- .ycd-countdown-builder .ui-state-error,.ycd-countdown-builder .ui-widget-content .ui-state-error,.ycd-countdown-builder .ui-widget-header .ui-state-error {border: 1px solid #681818; background: #b83400 url(images/ui-bg_fine-grain_68_b83400_60x60.png) 50% 50% repeat; color: #ffffff; }
267
- .ycd-countdown-builder .ui-state-error a,.ycd-countdown-builder .ui-widget-content .ui-state-error a,.ycd-countdown-builder .ui-widget-header .ui-state-error a { color: #ffffff; }
268
- .ycd-countdown-builder .ui-state-error-text, .ycd-countdown-builder .ui-widget-content .ui-state-error-text, .ycd-countdown-builder .ui-widget-header .ui-state-error-text { color: #ffffff; }
269
- .ycd-countdown-builder .ui-priority-primary,.ycd-countdown-builder .ui-widget-content .ui-priority-primary, .ycd-countdown-builder .ui-widget-header .ui-priority-primary { font-weight: bold; }
270
- .ycd-countdown-builder .ui-priority-secondary, .ycd-countdown-builder .ui-widget-content .ui-priority-secondary, .ycd-countdown-builder .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
271
- .ycd-countdown-builder .ui-state-disabled, .ycd-countdown-builder .ui-widget-content .ui-state-disabled, .ycd-countdown-builder .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
272
- .ycd-countdown-builder .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */
273
-
274
- /* Icons
275
- ----------------------------------*/
276
-
277
- /* states and images */
278
- .ycd-countdown-builder .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
279
- .ycd-countdown-builder .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
280
- .ycd-countdown-builder .ui-widget-header .ui-icon {background-image: url(images/ui-icons_b83400_256x240.png); }
281
- .ycd-countdown-builder .ui-state-default .ui-icon { background-image: url(images/ui-icons_b83400_256x240.png); }
282
- .ycd-countdown-builder .ui-state-hover .ui-icon,.ycd-countdown-builder .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
283
- .ycd-countdown-builder .ui-state-active .ui-icon {background-image: url(images/ui-icons_8c291d_256x240.png); }
284
- .ycd-countdown-builder .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_3572ac_256x240.png); }
285
- .ycd-countdown-builder .ui-state-error .ui-icon,.ycd-countdown-builder .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_fbdb93_256x240.png); }
286
-
287
- /* positioning */
288
- .ycd-countdown-builder .ui-icon-carat-1-n { background-position: 0 0; }
289
- .ycd-countdown-builder .ui-icon-carat-1-ne { background-position: -16px 0; }
290
- .ycd-countdown-builder .ui-icon-carat-1-e { background-position: -32px 0; }
291
- .ycd-countdown-builder .ui-icon-carat-1-se { background-position: -48px 0; }
292
- .ycd-countdown-builder .ui-icon-carat-1-s { background-position: -64px 0; }
293
- .ycd-countdown-builder .ui-icon-carat-1-sw { background-position: -80px 0; }
294
- .ycd-countdown-builder .ui-icon-carat-1-w { background-position: -96px 0; }
295
- .ycd-countdown-builder .ui-icon-carat-1-nw { background-position: -112px 0; }
296
- .ycd-countdown-builder .ui-icon-carat-2-n-s { background-position: -128px 0; }
297
- .ycd-countdown-builder .ui-icon-carat-2-e-w { background-position: -144px 0; }
298
- .ycd-countdown-builder .ui-icon-triangle-1-n { background-position: 0 -16px; }
299
- .ycd-countdown-builder .ui-icon-triangle-1-ne { background-position: -16px -16px; }
300
- .ycd-countdown-builder .ui-icon-triangle-1-e { background-position: -32px -16px; }
301
- .ycd-countdown-builder .ui-icon-triangle-1-se { background-position: -48px -16px; }
302
- .ycd-countdown-builder .ui-icon-triangle-1-s { background-position: -64px -16px; }
303
- .ycd-countdown-builder .ui-icon-triangle-1-sw { background-position: -80px -16px; }
304
- .ycd-countdown-builder .ui-icon-triangle-1-w { background-position: -96px -16px; }
305
- .ycd-countdown-builder .ui-icon-triangle-1-nw { background-position: -112px -16px; }
306
- .ycd-countdown-builder .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
307
- .ycd-countdown-builder .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
308
- .ycd-countdown-builder .ui-icon-arrow-1-n { background-position: 0 -32px; }
309
- .ycd-countdown-builder .ui-icon-arrow-1-ne { background-position: -16px -32px; }
310
- .ycd-countdown-builder .ui-icon-arrow-1-e { background-position: -32px -32px; }
311
- .ycd-countdown-builder .ui-icon-arrow-1-se { background-position: -48px -32px; }
312
- .ycd-countdown-builder .ui-icon-arrow-1-s { background-position: -64px -32px; }
313
- .ycd-countdown-builder .ui-icon-arrow-1-sw { background-position: -80px -32px; }
314
- .ycd-countdown-builder .ui-icon-arrow-1-w { background-position: -96px -32px; }
315
- .ycd-countdown-builder .ui-icon-arrow-1-nw { background-position: -112px -32px; }
316
- .ycd-countdown-builder .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
317
- .ycd-countdown-builder .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
318
- .ycd-countdown-builder .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
319
- .ycd-countdown-builder .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
320
- .ycd-countdown-builder .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
321
- .ycd-countdown-builder .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
322
- .ycd-countdown-builder .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
323
- .ycd-countdown-builder .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
324
- .ycd-countdown-builder .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
325
- .ycd-countdown-builder .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
326
- .ycd-countdown-builder .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
327
- .ycd-countdown-builder .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
328
- .ycd-countdown-builder .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
329
- .ycd-countdown-builder .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
330
- .ycd-countdown-builder .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
331
- .ycd-countdown-builder .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
332
- .ycd-countdown-builder .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
333
- .ycd-countdown-builder .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
334
- .ycd-countdown-builder .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
335
- .ycd-countdown-builder .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
336
- .ycd-countdown-builder .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
337
- .ycd-countdown-builder .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
338
- .ycd-countdown-builder .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
339
- .ycd-countdown-builder .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
340
- .ycd-countdown-builder .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
341
- .ycd-countdown-builder .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
342
- .ycd-countdown-builder .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
343
- .ycd-countdown-builder .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
344
- .ycd-countdown-builder .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
345
- .ycd-countdown-builder .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
346
- .ycd-countdown-builder .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
347
- .ycd-countdown-builder .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
348
- .ycd-countdown-builder .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
349
- .ycd-countdown-builder .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
350
- .ycd-countdown-builder .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
351
- .ycd-countdown-builder .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
352
- .ycd-countdown-builder .ui-icon-arrow-4 { background-position: 0 -80px; }
353
- .ycd-countdown-builder .ui-icon-arrow-4-diag { background-position: -16px -80px; }
354
- .ycd-countdown-builder .ui-icon-extlink { background-position: -32px -80px; }
355
- .ycd-countdown-builder .ui-icon-newwin { background-position: -48px -80px; }
356
- .ycd-countdown-builder .ui-icon-refresh { background-position: -64px -80px; }
357
- .ycd-countdown-builder .ui-icon-shuffle { background-position: -80px -80px; }
358
- .ycd-countdown-builder .ui-icon-transfer-e-w { background-position: -96px -80px; }
359
- .ycd-countdown-builder .ui-icon-transferthick-e-w { background-position: -112px -80px; }
360
- .ycd-countdown-builder .ui-icon-folder-collapsed { background-position: 0 -96px; }
361
- .ycd-countdown-builder .ui-icon-folder-open { background-position: -16px -96px; }
362
- .ycd-countdown-builder .ui-icon-document { background-position: -32px -96px; }
363
- .ycd-countdown-builder .ui-icon-document-b { background-position: -48px -96px; }
364
- .ycd-countdown-builder .ui-icon-note { background-position: -64px -96px; }
365
- .ycd-countdown-builder .ui-icon-mail-closed { background-position: -80px -96px; }
366
- .ycd-countdown-builder .ui-icon-mail-open { background-position: -96px -96px; }
367
- .ycd-countdown-builder .ui-icon-suitcase { background-position: -112px -96px; }
368
- .ycd-countdown-builder .ui-icon-comment { background-position: -128px -96px; }
369
- .ycd-countdown-builder .ui-icon-person { background-position: -144px -96px; }
370
- .ycd-countdown-builder .ui-icon-print { background-position: -160px -96px; }
371
- .ycd-countdown-builder .ui-icon-trash { background-position: -176px -96px; }
372
- .ycd-countdown-builder .ui-icon-locked { background-position: -192px -96px; }
373
- .ycd-countdown-builder .ui-icon-unlocked { background-position: -208px -96px; }
374
- .ycd-countdown-builder .ui-icon-bookmark { background-position: -224px -96px; }
375
- .ycd-countdown-builder .ui-icon-tag { background-position: -240px -96px; }
376
- .ycd-countdown-builder .ui-icon-home { background-position: 0 -112px; }
377
- .ycd-countdown-builder .ui-icon-flag { background-position: -16px -112px; }
378
- .ycd-countdown-builder .ui-icon-calendar { background-position: -32px -112px; }
379
- .ycd-countdown-builder .ui-icon-cart { background-position: -48px -112px; }
380
- .ycd-countdown-builder .ui-icon-pencil { background-position: -64px -112px; }
381
- .ycd-countdown-builder .ui-icon-clock { background-position: -80px -112px; }
382
- .ycd-countdown-builder .ui-icon-disk { background-position: -96px -112px; }
383
- .ycd-countdown-builder .ui-icon-calculator { background-position: -112px -112px; }
384
- .ycd-countdown-builder .ui-icon-zoomin { background-position: -128px -112px; }
385
- .ycd-countdown-builder .ui-icon-zoomout { background-position: -144px -112px; }
386
- .ycd-countdown-builder .ui-icon-search { background-position: -160px -112px; }
387
- .ycd-countdown-builder .ui-icon-wrench { background-position: -176px -112px; }
388
- .ycd-countdown-builder .ui-icon-gear { background-position: -192px -112px; }
389
- .ycd-countdown-builder .ui-icon-heart { background-position: -208px -112px; }
390
- .ycd-countdown-builder .ui-icon-star { background-position: -224px -112px; }
391
- .ycd-countdown-builder .ui-icon-link { background-position: -240px -112px; }
392
- .ycd-countdown-builder .ui-icon-cancel { background-position: 0 -128px; }
393
- .ycd-countdown-builder .ui-icon-plus { background-position: -16px -128px; }
394
- .ycd-countdown-builder .ui-icon-plusthick { background-position: -32px -128px; }
395
- .ycd-countdown-builder .ui-icon-minus { background-position: -48px -128px; }
396
- .ycd-countdown-builder .ui-icon-minusthick { background-position: -64px -128px; }
397
- .ycd-countdown-builder .ui-icon-close { background-position: -80px -128px; }
398
- .ycd-countdown-builder .ui-icon-closethick { background-position: -96px -128px; }
399
- .ycd-countdown-builder .ui-icon-key { background-position: -112px -128px; }
400
- .ycd-countdown-builder .ui-icon-lightbulb { background-position: -128px -128px; }
401
- .ycd-countdown-builder .ui-icon-scissors { background-position: -144px -128px; }
402
- .ycd-countdown-builder .ui-icon-clipboard { background-position: -160px -128px; }
403
- .ycd-countdown-builder .ui-icon-copy { background-position: -176px -128px; }
404
- .ycd-countdown-builder .ui-icon-contact { background-position: -192px -128px; }
405
- .ycd-countdown-builder .ui-icon-image { background-position: -208px -128px; }
406
- .ycd-countdown-builder .ui-icon-video { background-position: -224px -128px; }
407
- .ycd-countdown-builder .ui-icon-script { background-position: -240px -128px; }
408
- .ycd-countdown-builder .ui-icon-alert { background-position: 0 -144px; }
409
- .ycd-countdown-builder .ui-icon-info { background-position: -16px -144px; }
410
- .ycd-countdown-builder .ui-icon-notice { background-position: -32px -144px; }
411
- .ycd-countdown-builder .ui-icon-help { background-position: -48px -144px; }
412
- .ycd-countdown-builder .ui-icon-check { background-position: -64px -144px; }
413
- .ycd-countdown-builder .ui-icon-bullet { background-position: -80px -144px; }
414
- .ycd-countdown-builder .ui-icon-radio-on { background-position: -96px -144px; }
415
- .ycd-countdown-builder .ui-icon-radio-off { background-position: -112px -144px; }
416
- .ycd-countdown-builder .ui-icon-pin-w { background-position: -128px -144px; }
417
- .ycd-countdown-builder .ui-icon-pin-s { background-position: -144px -144px; }
418
- .ycd-countdown-builder .ui-icon-play { background-position: 0 -160px; }
419
- .ycd-countdown-builder .ui-icon-pause { background-position: -16px -160px; }
420
- .ycd-countdown-builder .ui-icon-seek-next { background-position: -32px -160px; }
421
- .ycd-countdown-builder .ui-icon-seek-prev { background-position: -48px -160px; }
422
- .ycd-countdown-builder .ui-icon-seek-end { background-position: -64px -160px; }
423
- .ycd-countdown-builder .ui-icon-seek-start { background-position: -80px -160px; }
424
- /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
425
- .ycd-countdown-builder .ui-icon-seek-first { background-position: -80px -160px; }
426
- .ycd-countdown-builder .ui-icon-stop { background-position: -96px -160px; }
427
- .ycd-countdown-builder .ui-icon-eject { background-position: -112px -160px; }
428
- .ycd-countdown-builder .ui-icon-volume-off { background-position: -128px -160px; }
429
- .ycd-countdown-builder .ui-icon-volume-on { background-position: -144px -160px; }
430
- .ycd-countdown-builder .ui-icon-power { background-position: 0 -176px; }
431
- .ycd-countdown-builder .ui-icon-signal-diag { background-position: -16px -176px; }
432
- .ycd-countdown-builder .ui-icon-signal { background-position: -32px -176px; }
433
- .ycd-countdown-builder .ui-icon-battery-0 { background-position: -48px -176px; }
434
- .ycd-countdown-builder .ui-icon-battery-1 { background-position: -64px -176px; }
435
- .ycd-countdown-builder .ui-icon-battery-2 { background-position: -80px -176px; }
436
- .ycd-countdown-builder .ui-icon-battery-3 { background-position: -96px -176px; }
437
- .ycd-countdown-builder .ui-icon-circle-plus { background-position: 0 -192px; }
438
- .ycd-countdown-builder .ui-icon-circle-minus { background-position: -16px -192px; }
439
- .ycd-countdown-builder .ui-icon-circle-close { background-position: -32px -192px; }
440
- .ycd-countdown-builder .ui-icon-circle-triangle-e { background-position: -48px -192px; }
441
- .ycd-countdown-builder .ui-icon-circle-triangle-s { background-position: -64px -192px; }
442
- .ycd-countdown-builder .ui-icon-circle-triangle-w { background-position: -80px -192px; }
443
- .ycd-countdown-builder .ui-icon-circle-triangle-n { background-position: -96px -192px; }
444
- .ycd-countdown-builder .ui-icon-circle-arrow-e { background-position: -112px -192px; }
445
- .ycd-countdown-builder .ui-icon-circle-arrow-s { background-position: -128px -192px; }
446
- .ycd-countdown-builder .ui-icon-circle-arrow-w { background-position: -144px -192px; }
447
- .ycd-countdown-builder .ui-icon-circle-arrow-n { background-position: -160px -192px; }
448
- .ycd-countdown-builder .ui-icon-circle-zoomin { background-position: -176px -192px; }
449
- .ycd-countdown-builder .ui-icon-circle-zoomout { background-position: -192px -192px; }
450
- .ycd-countdown-builder .ui-icon-circle-check { background-position: -208px -192px; }
451
- .ycd-countdown-builder .ui-icon-circlesmall-plus { background-position: 0 -208px; }
452
- .ycd-countdown-builder .ui-icon-circlesmall-minus { background-position: -16px -208px; }
453
- .ycd-countdown-builder .ui-icon-circlesmall-close { background-position: -32px -208px; }
454
- .ycd-countdown-builder .ui-icon-squaresmall-plus { background-position: -48px -208px; }
455
- .ycd-countdown-builder .ui-icon-squaresmall-minus { background-position: -64px -208px; }
456
- .ycd-countdown-builder .ui-icon-squaresmall-close { background-position: -80px -208px; }
457
- .ycd-countdown-builder .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
458
- .ycd-countdown-builder .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
459
- .ycd-countdown-builder .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
460
- .ycd-countdown-builder .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
461
- .ycd-countdown-builder .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
462
- .ycd-countdown-builder .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
463
-
464
-
465
-
466
- /* Misc visuals
467
- ----------------------------------*/
468
-
469
- /* Corner radius */
470
- .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px; }
471
- .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px; }
472
- .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
473
- .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
474
-
475
- /* Overlays */
476
-
477
- .ycd-countdown-builder + .ui-widget-overlay {position: fixed !important; background: #6e4f1c url(images/ui-bg_diagonal-maze_20_6e4f1c_10x10.png) 50% 50% repeat; opacity: .6;filter:Alpha(Opacity=60); }
478
  .ui-widget-shadow { margin: 0 0 0 -10px; padding: 5px; background: #000000 url(images/ui-bg_diagonal-maze_40_000000_10x10.png) 50% 50% repeat; opacity: .6;filter:Alpha(Opacity=60); -moz-border-radius: 18px; -khtml-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; }
1
+ /*! jQuery UI - v1.9.2 - 2012-11-23
2
+ * http://jqueryui.com
3
+ * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
4
+ * Copyright 2012 jQuery Foundation and other contributors; Licensed MIT */
5
+
6
+ /* Layout helpers
7
+ ----------------------------------*/
8
+ .ycd-countdown-builder .ui-helper-hidden { display: none; }
9
+ .ycd-countdown-builder .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
10
+ .ycd-countdown-builder .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
11
+ .ycd-countdown-builder .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
12
+ .ycd-countdown-builder .ui-helper-clearfix:after { clear: both; }
13
+ .ycd-countdown-builder .ui-helper-clearfix { zoom: 1; }
14
+ .ycd-countdown-builder .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
15
+
16
+
17
+ /* Interaction Cues
18
+ ----------------------------------*/
19
+ .ycd-countdown-builder .ui-state-disabled { cursor: default !important; }
20
+
21
+
22
+ /* Icons
23
+ ----------------------------------*/
24
+
25
+ /* states and images */
26
+ .ycd-countdown-builder .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
27
+
28
+
29
+ /* Misc visuals
30
+ ----------------------------------*/
31
+
32
+ /* Overlays */
33
+ .ycd-countdown-builder + .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
34
+
35
+ .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; }
36
+ .ycd-countdown-builder .ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
37
+ .ycd-countdown-builder .ui-accordion .ui-accordion-noicons { padding-left: .7em; }
38
+ .ycd-countdown-builder .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
39
+ .ycd-countdown-builder .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
40
+ .ycd-countdown-builder .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; }
41
+
42
+ .ui-autocomplete {
43
+ position: absolute;
44
+ top: 0;
45
+ left: 0;
46
+ cursor: default;
47
+ }
48
+
49
+ /* workarounds */
50
+ * html .ycd-countdown-builder .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
51
+
52
+ .ycd-countdown-builder .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
53
+ .ycd-countdown-builder .ui-button, .ycd-countdown-builder .ui-button:link, .ycd-countdown-builder .ui-button:visited, .ycd-countdown-builder .ui-button:hover, .ycd-countdown-builder .ui-button:active { text-decoration: none; }
54
+ .ycd-countdown-builder .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
55
+ .ycd-countdown-builder button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
56
+ .ycd-countdown-builder .ui-button-icons-only { width: 3.4em; }
57
+ .ycd-countdown-builder button.ui-button-icons-only { width: 3.7em; }
58
+
59
+ /*button text element */
60
+ .ycd-countdown-builder .ui-button .ui-button-text { display: block; line-height: 1.4; }
61
+ .ycd-countdown-builder .ui-button-text-only .ui-button-text { padding: .4em 1em; }
62
+ .ycd-countdown-builder .ui-button-icon-only .ui-button-text, .ycd-countdown-builder .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
63
+ .ycd-countdown-builder .ui-button-text-icon-primary .ui-button-text, .ycd-countdown-builder .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
64
+ .ycd-countdown-builder .ui-button-text-icon-secondary .ui-button-text, .ycd-countdown-builder .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
65
+ .ycd-countdown-builder .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
66
+ /* no icon support for input elements, provide padding by default */
67
+ .ycd-countdown-builder input.ui-button { padding: .4em 1em; }
68
+
69
+ /*button icon element(s) */
70
+ .ycd-countdown-builder + .ui-button-icon-only .ui-icon,.ycd-countdown-builder + .ui-button-text-icon-primary .ui-icon, .ycd-countdown-builder + .ui-button-text-icon-secondary .ui-icon,.ycd-countdown-builder + .ui-button-text-icons .ui-icon,.ycd-countdown-builder + .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
71
+ .ycd-countdown-builder + .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
72
+ .ycd-countdown-builder + .ui-button-text-icon-primary .ui-button-icon-primary,.ycd-countdown-builder + .ui-button-text-icons .ui-button-icon-primary,.ycd-countdown-builder + .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
73
+ .ycd-countdown-builder + .ui-button-text-icon-secondary .ui-button-icon-secondary,.ycd-countdown-builder + .ui-button-text-icons .ui-button-icon-secondary,.ycd-countdown-builder + .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
74
+ .ycd-countdown-builder + .ui-button-text-icons .ui-button-icon-secondary,.ycd-countdown-builder + .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
75
+
76
+ /*button sets*/
77
+ .ycd-countdown-builder .ui-buttonset { margin-right: 7px; }
78
+ .ycd-countdown-builder .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
79
+
80
+ /* workarounds */
81
+ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
82
+
83
+ .ycd-countdown-builder .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
84
+ .ycd-countdown-builder .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
85
+ .ycd-countdown-builder .ui-datepicker .ui-datepicker-prev, .ycd-countdown-builder .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
86
+ .ycd-countdown-builder .ui-datepicker .ui-datepicker-prev-hover, .ycd-countdown-builder .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
87
+ .ycd-countdown-builder .ui-datepicker .ui-datepicker-prev { left:2px; }
88
+ .ycd-countdown-builder .ui-datepicker .ui-datepicker-next { right:2px; }
89
+ .ycd-countdown-builder .ui-datepicker .ui-datepicker-prev-hover { left:1px; }
90
+ .ycd-countdown-builder .ui-datepicker .ui-datepicker-next-hover { right:1px; }
91
+ .ycd-countdown-builder .ui-datepicker .ui-datepicker-prev span, .ycd-countdown-builder .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
92
+ .ycd-countdown-builder .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
93
+ .ycd-countdown-builder .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
94
+ .ycd-countdown-builder .ui-datepicker select.ui-datepicker-month-year {width: 100%;}
95
+ .ycd-countdown-builder .ui-datepicker select.ui-datepicker-month, .ycd-countdown-builder
96
+ .ycd-countdown-builder .ui-datepicker select.ui-datepicker-year { width: 49%;}
97
+ .ycd-countdown-builder .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
98
+ .ycd-countdown-builder .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
99
+ .ycd-countdown-builder .ui-datepicker td { border: 0; padding: 1px; }
100
+ .ycd-countdown-builder .ui-datepicker td span, .ycd-countdown-builder .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
101
+ .ycd-countdown-builder .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
102
+ .ycd-countdown-builder .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
103
+ .ycd-countdown-builder .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
104
+
105
+ /* with multiple calendars */
106
+ .ycd-countdown-builder .ui-datepicker.ui-datepicker-multi { width:auto; }
107
+ .ycd-countdown-builder .ui-datepicker-multi .ui-datepicker-group { float:left; }
108
+ .ycd-countdown-builder .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
109
+ .ycd-countdown-builder .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
110
+ .ycd-countdown-builder .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
111
+ .ycd-countdown-builder .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
112
+ .ycd-countdown-builder .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
113
+ .ycd-countdown-builder .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
114
+ .ycd-countdown-builder .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
115
+ .ycd-countdown-builder .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }
116
+
117
+ /* RTL support */
118
+ .ycd-countdown-builder .ui-datepicker-rtl { direction: rtl; }
119
+ .ycd-countdown-builder .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
120
+ .ycd-countdown-builder .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
121
+ .ycd-countdown-builder .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
122
+ .ycd-countdown-builder .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
123
+ .ycd-countdown-builder .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
124
+ .ycd-countdown-builder .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
125
+ .ycd-countdown-builder .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
126
+ .ycd-countdown-builder .ui-datepicker-rtl .ui-datepicker-group { float:right; }
127
+ .ycd-countdown-builder .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
128
+ .ycd-countdown-builder .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
129
+
130
+ /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
131
+ .ycd-countdown-builder .ui-datepicker-cover {
132
+ position: absolute; /*must have*/
133
+ z-index: -1; /*must have*/
134
+ filter: mask(); /*must have*/
135
+ top: -4px; /*must have*/
136
+ left: -4px; /*must have*/
137
+ width: 200px; /*must have*/
138
+ height: 200px; /*must have*/
139
+ }
140
+
141
+
142
+ .ycd-countdown-builder.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; width: 300px; overflow: hidden; z-index: 100000 !important; }
143
+ .ycd-countdown-builder.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; }
144
+ .ycd-countdown-builder.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
145
+ .ycd-countdown-builder.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
146
+ .ycd-countdown-builder.ui-dialog .ui-dialog-titlebar-close span { display: block; }
147
+ .ycd-countdown-builder.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
148
+ .ycd-countdown-builder.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
149
+ .ycd-countdown-builder.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
150
+ .ycd-countdown-builder.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
151
+ .ycd-countdown-builder.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
152
+ .ycd-countdown-builder.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
153
+ .ui-draggable .ui-dialog-titlebar { cursor: move; }
154
+
155
+ .ycd-countdown-builder .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; }
156
+ .ycd-countdown-builder .ui-menu .ui-menu { margin-top: -3px; position: absolute; }
157
+ .ycd-countdown-builder .ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; }
158
+ .ycd-countdown-builder .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
159
+ .ycd-countdown-builder .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; }
160
+ .ycd-countdown-builder .ui-menu .ui-menu-item a.ui-state-focus,
161
+ .ycd-countdown-builder .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }
162
+
163
+ .ycd-countdown-builder .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
164
+ .ycd-countdown-builder .ui-menu .ui-state-disabled a { cursor: default; }
165
+
166
+ /* icon support */
167
+ .ycd-countdown-builder .ui-menu-icons { position: relative; }
168
+ .ycd-countdown-builder .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; }
169
+
170
+ /* left-aligned */
171
+ .ycd-countdown-builder .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; }
172
+
173
+ /* right-aligned */
174
+ .ycd-countdown-builder .ui-menu .ui-menu-icon { position: static; float: right; }
175
+
176
+ .ycd-countdown-builder .ui-progressbar { height:2em; text-align: left; overflow: hidden; }
177
+ .ycd-countdown-builder .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
178
+ .ycd-countdown-builder .ui-resizable { position: relative;}
179
+ .ycd-countdown-builder .ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
180
+ .ycd-countdown-builder .ui-resizable-disabled .ui-resizable-handle, .ycd-countdown-builder .ui-resizable-autohide .ui-resizable-handle { display: none; }
181
+ .ycd-countdown-builder .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
182
+ .ycd-countdown-builder .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
183
+ .ycd-countdown-builder .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
184
+ .ycd-countdown-builder .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
185
+ .ycd-countdown-builder .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
186
+ .ycd-countdown-builder .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
187
+ .ycd-countdown-builder .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
188
+ .ycd-countdown-builder .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
189
+ .ycd-countdown-builder .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
190
+
191
+ .ycd-countdown-builder .ui-slider { position: relative; text-align: left; }
192
+ .ycd-countdown-builder .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
193
+ .ycd-countdown-builder .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
194
+
195
+ .ycd-countdown-builder .ui-slider-horizontal { height: .8em; }
196
+ .ycd-countdown-builder .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
197
+ .ycd-countdown-builder .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
198
+ .ycd-countdown-builder .ui-slider-horizontal .ui-slider-range-min { left: 0; }
199
+ .ycd-countdown-builder .ui-slider-horizontal .ui-slider-range-max { right: 0; }
200
+
201
+ .ycd-countdown-builder .ui-slider-vertical { width: .8em; height: 100px; }
202
+ .ycd-countdown-builder .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
203
+ .ycd-countdown-builder .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
204
+ .ycd-countdown-builder .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
205
+ .ycd-countdown-builder .ui-slider-vertical .ui-slider-range-max { top: 0; }
206
+ .ycd-countdown-builder .ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
207
+ .ycd-countdown-builder .ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; }
208
+ .ycd-countdown-builder .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
209
+ .ycd-countdown-builder .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */
210
+ .ycd-countdown-builder .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */
211
+ .ycd-countdown-builder .ui-spinner-up { top: 0; }
212
+ .ycd-countdown-builder .ui-spinner-down { bottom: 0; }
213
+
214
+ /* TR overrides */
215
+ .ycd-countdown-builder .ui-spinner .ui-icon-triangle-1-s {
216
+ /* need to fix icons sprite */
217
+ background-position:-65px -16px;
218
+ }
219
+
220
+ .ycd-countdown-builder .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
221
+ .ycd-countdown-builder .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
222
+ .ycd-countdown-builder .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }
223
+ .ycd-countdown-builder .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
224
+ .ycd-countdown-builder .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
225
+ .ycd-countdown-builder .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ycd-countdown-builder .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ycd-countdown-builder .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
226
+ .ycd-countdown-builder .ui-tabs .ui-tabs-nav li a, .ycd-countdown-builder .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
227
+ .ycd-countdown-builder .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
228
+
229
+ .ycd-countdown-builder .ui-tooltip {
230
+ padding: 8px;
231
+ position: absolute;
232
+ z-index: 9999;
233
+ max-width: 300px;
234
+ -webkit-box-shadow: 0 0 5px #aaa;
235
+ box-shadow: 0 0 5px #aaa;
236
+ }
237
+ /* Fades and background-images don't work well together in IE6, drop the image */
238
+ * html .ycd-countdown-builder .ui-tooltip {
239
+ background-image: none;
240
+ }
241
+ body .ycd-countdown-builder .ui-tooltip { border-width: 2px; }
242
+
243
+ /* Component containers
244
+ ----------------------------------*/
245
+ .ycd-countdown-builder .ui-widget { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1.1em; }
246
+ .ycd-countdown-builder .ui-widget .ui-widget { font-size: 1em; }
247
+ .ycd-countdown-builder .ui-widget input,.ycd-countdown-builder .ui-widget select,.ycd-countdown-builder .ui-widget textarea,.ycd-countdown-builder .ui-widget button { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1em; }
248
+ .ycd-countdown-builder.ui-widget-content { border: 1px solid #d9d6c4; background: #eceadf url(images/ui-bg_fine-grain_10_eceadf_60x60.png) 50% 50% repeat; color: #1f1f1f; }
249
+ .ycd-countdown-builder.ui-widget-content a { color: #1f1f1f; }
250
+ .ycd-countdown-builder .ui-widget-header { border: 1px solid #d4d1bf; background: #ffffff url(images/ui-bg_fine-grain_15_ffffff_60x60.png) 50% 50% repeat; color: #453821; font-weight: bold; }
251
+ .ycd-countdown-builder .ui-widget-header a { color: #453821; }
252
+
253
+ /* Interaction states
254
+ ----------------------------------*/
255
+ .ycd-countdown-builder .ui-state-default, .ycd-countdown-builder .ui-widget-content .ui-state-default,.ycd-countdown-builder .ui-widget-header .ui-state-default { border: 1px solid #cbc7bd; background: #f8f7f6 url(images/ui-bg_fine-grain_10_f8f7f6_60x60.png) 50% 50% repeat; font-weight: bold; color: #654b24; }
256
+ .ycd-countdown-builder .ui-state-default a, .ycd-countdown-builder .ui-state-default a:link, .ycd-countdown-builder .ui-state-default a:visited { color: #654b24; text-decoration: none; }
257
+ .ycd-countdown-builder .ui-state-hover, .ycd-countdown-builder .ui-widget-content .ui-state-hover, .ycd-countdown-builder .ui-widget-header .ui-state-hover, .ycd-countdown-builder .ui-state-focus, .ycd-countdown-builder .ui-widget-content .ui-state-focus, .ycd-countdown-builder .ui-widget-header .ui-state-focus { border: 1px solid #654b24; background: #654b24 url(images/ui-bg_fine-grain_65_654b24_60x60.png) 50% 50% repeat; font-weight: bold; color: #ffffff; }
258
+ .ycd-countdown-builder .ui-state-hover a, .ycd-countdown-builder .ui-state-hover a:hover, .ycd-countdown-builder .ui-state-hover a:link, .ycd-countdown-builder .ui-state-hover a:visited { color: #ffffff; text-decoration: none; }
259
+ .ycd-countdown-builder .ui-state-active, .ycd-countdown-builder .ui-widget-content .ui-state-active, .ycd-countdown-builder .ui-widget-header .ui-state-active { border: 1px solid #d9d6c4; background: #eceadf url(images/ui-bg_fine-grain_15_eceadf_60x60.png) 50% 50% repeat; font-weight: bold; color: #140f06; }
260
+ .ycd-countdown-builder .ui-state-active a, .ycd-countdown-builder .ui-state-active a:link, .ycd-countdown-builder .ui-state-active a:visited { color: #140f06; text-decoration: none; }
261
+
262
+ /* Interaction Cues
263
+ ----------------------------------*/
264
+ .ycd-countdown-builder .ui-state-highlight, .ycd-countdown-builder .ui-widget-content .ui-state-highlight, .ycd-countdown-builder .ui-widget-header .ui-state-highlight {border: 1px solid #b2a266; background: #f7f3de url(images/ui-bg_fine-grain_15_f7f3de_60x60.png) 50% 50% repeat; color: #3a3427; }
265
+ .ycd-countdown-builder .ui-state-highlight a,.ycd-countdown-builder .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #3a3427; }
266
+ .ycd-countdown-builder .ui-state-error,.ycd-countdown-builder .ui-widget-content .ui-state-error,.ycd-countdown-builder .ui-widget-header .ui-state-error {border: 1px solid #681818; background: #b83400 url(images/ui-bg_fine-grain_68_b83400_60x60.png) 50% 50% repeat; color: #ffffff; }
267
+ .ycd-countdown-builder .ui-state-error a,.ycd-countdown-builder .ui-widget-content .ui-state-error a,.ycd-countdown-builder .ui-widget-header .ui-state-error a { color: #ffffff; }
268
+ .ycd-countdown-builder .ui-state-error-text, .ycd-countdown-builder .ui-widget-content .ui-state-error-text, .ycd-countdown-builder .ui-widget-header .ui-state-error-text { color: #ffffff; }
269
+ .ycd-countdown-builder .ui-priority-primary,.ycd-countdown-builder .ui-widget-content .ui-priority-primary, .ycd-countdown-builder .ui-widget-header .ui-priority-primary { font-weight: bold; }
270
+ .ycd-countdown-builder .ui-priority-secondary, .ycd-countdown-builder .ui-widget-content .ui-priority-secondary, .ycd-countdown-builder .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
271
+ .ycd-countdown-builder .ui-state-disabled, .ycd-countdown-builder .ui-widget-content .ui-state-disabled, .ycd-countdown-builder .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
272
+ .ycd-countdown-builder .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */
273
+
274
+ /* Icons
275
+ ----------------------------------*/
276
+
277
+ /* states and images */
278
+ .ycd-countdown-builder .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
279
+ .ycd-countdown-builder .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
280
+ .ycd-countdown-builder .ui-widget-header .ui-icon {background-image: url(images/ui-icons_b83400_256x240.png); }
281
+ .ycd-countdown-builder .ui-state-default .ui-icon { background-image: url(images/ui-icons_b83400_256x240.png); }
282
+ .ycd-countdown-builder .ui-state-hover .ui-icon,.ycd-countdown-builder .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
283
+ .ycd-countdown-builder .ui-state-active .ui-icon {background-image: url(images/ui-icons_8c291d_256x240.png); }
284
+ .ycd-countdown-builder .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_3572ac_256x240.png); }
285
+ .ycd-countdown-builder .ui-state-error .ui-icon,.ycd-countdown-builder .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_fbdb93_256x240.png); }
286
+
287
+ /* positioning */
288
+ .ycd-countdown-builder .ui-icon-carat-1-n { background-position: 0 0; }
289
+ .ycd-countdown-builder .ui-icon-carat-1-ne { background-position: -16px 0; }
290
+ .ycd-countdown-builder .ui-icon-carat-1-e { background-position: -32px 0; }
291
+ .ycd-countdown-builder .ui-icon-carat-1-se { background-position: -48px 0; }
292
+ .ycd-countdown-builder .ui-icon-carat-1-s { background-position: -64px 0; }
293
+ .ycd-countdown-builder .ui-icon-carat-1-sw { background-position: -80px 0; }
294
+ .ycd-countdown-builder .ui-icon-carat-1-w { background-position: -96px 0; }
295
+ .ycd-countdown-builder .ui-icon-carat-1-nw { background-position: -112px 0; }
296
+ .ycd-countdown-builder .ui-icon-carat-2-n-s { background-position: -128px 0; }
297
+ .ycd-countdown-builder .ui-icon-carat-2-e-w { background-position: -144px 0; }
298
+ .ycd-countdown-builder .ui-icon-triangle-1-n { background-position: 0 -16px; }
299
+ .ycd-countdown-builder .ui-icon-triangle-1-ne { background-position: -16px -16px; }
300
+ .ycd-countdown-builder .ui-icon-triangle-1-e { background-position: -32px -16px; }
301
+ .ycd-countdown-builder .ui-icon-triangle-1-se { background-position: -48px -16px; }
302
+ .ycd-countdown-builder .ui-icon-triangle-1-s { background-position: -64px -16px; }
303
+ .ycd-countdown-builder .ui-icon-triangle-1-sw { background-position: -80px -16px; }
304
+ .ycd-countdown-builder .ui-icon-triangle-1-w { background-position: -96px -16px; }
305
+ .ycd-countdown-builder .ui-icon-triangle-1-nw { background-position: -112px -16px; }
306
+ .ycd-countdown-builder .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
307
+ .ycd-countdown-builder .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
308
+ .ycd-countdown-builder .ui-icon-arrow-1-n { background-position: 0 -32px; }
309
+ .ycd-countdown-builder .ui-icon-arrow-1-ne { background-position: -16px -32px; }
310
+ .ycd-countdown-builder .ui-icon-arrow-1-e { background-position: -32px -32px; }
311
+ .ycd-countdown-builder .ui-icon-arrow-1-se { background-position: -48px -32px; }
312
+ .ycd-countdown-builder .ui-icon-arrow-1-s { background-position: -64px -32px; }
313
+ .ycd-countdown-builder .ui-icon-arrow-1-sw { background-position: -80px -32px; }
314
+ .ycd-countdown-builder .ui-icon-arrow-1-w { background-position: -96px -32px; }
315
+ .ycd-countdown-builder .ui-icon-arrow-1-nw { background-position: -112px -32px; }
316
+ .ycd-countdown-builder .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
317
+ .ycd-countdown-builder .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
318
+ .ycd-countdown-builder .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
319
+ .ycd-countdown-builder .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
320
+ .ycd-countdown-builder .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
321
+ .ycd-countdown-builder .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
322
+ .ycd-countdown-builder .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
323
+ .ycd-countdown-builder .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
324
+ .ycd-countdown-builder .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
325
+ .ycd-countdown-builder .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
326
+ .ycd-countdown-builder .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
327
+ .ycd-countdown-builder .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
328
+ .ycd-countdown-builder .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
329
+ .ycd-countdown-builder .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
330
+ .ycd-countdown-builder .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
331
+ .ycd-countdown-builder .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
332
+ .ycd-countdown-builder .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
333
+ .ycd-countdown-builder .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
334
+ .ycd-countdown-builder .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
335
+ .ycd-countdown-builder .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
336
+ .ycd-countdown-builder .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
337
+ .ycd-countdown-builder .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
338
+ .ycd-countdown-builder .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
339
+ .ycd-countdown-builder .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
340
+ .ycd-countdown-builder .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
341
+ .ycd-countdown-builder .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
342
+ .ycd-countdown-builder .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
343
+ .ycd-countdown-builder .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
344
+ .ycd-countdown-builder .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
345
+ .ycd-countdown-builder .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
346
+ .ycd-countdown-builder .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
347
+ .ycd-countdown-builder .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
348
+ .ycd-countdown-builder .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
349
+ .ycd-countdown-builder .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
350
+ .ycd-countdown-builder .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
351
+ .ycd-countdown-builder .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
352
+ .ycd-countdown-builder .ui-icon-arrow-4 { background-position: 0 -80px; }
353
+ .ycd-countdown-builder .ui-icon-arrow-4-diag { background-position: -16px -80px; }
354
+ .ycd-countdown-builder .ui-icon-extlink { background-position: -32px -80px; }
355
+ .ycd-countdown-builder .ui-icon-newwin { background-position: -48px -80px; }
356
+ .ycd-countdown-builder .ui-icon-refresh { background-position: -64px -80px; }
357
+ .ycd-countdown-builder .ui-icon-shuffle { background-position: -80px -80px; }
358
+ .ycd-countdown-builder .ui-icon-transfer-e-w { background-position: -96px -80px; }
359
+ .ycd-countdown-builder .ui-icon-transferthick-e-w { background-position: -112px -80px; }
360
+ .ycd-countdown-builder .ui-icon-folder-collapsed { background-position: 0 -96px; }
361
+ .ycd-countdown-builder .ui-icon-folder-open { background-position: -16px -96px; }
362
+ .ycd-countdown-builder .ui-icon-document { background-position: -32px -96px; }
363
+ .ycd-countdown-builder .ui-icon-document-b { background-position: -48px -96px; }
364
+ .ycd-countdown-builder .ui-icon-note { background-position: -64px -96px; }
365
+ .ycd-countdown-builder .ui-icon-mail-closed { background-position: -80px -96px; }
366
+ .ycd-countdown-builder .ui-icon-mail-open { background-position: -96px -96px; }
367
+ .ycd-countdown-builder .ui-icon-suitcase { background-position: -112px -96px; }
368
+ .ycd-countdown-builder .ui-icon-comment { background-position: -128px -96px; }
369
+ .ycd-countdown-builder .ui-icon-person { background-position: -144px -96px; }
370
+ .ycd-countdown-builder .ui-icon-print { background-position: -160px -96px; }
371
+ .ycd-countdown-builder .ui-icon-trash { background-position: -176px -96px; }
372
+ .ycd-countdown-builder .ui-icon-locked { background-position: -192px -96px; }
373
+ .ycd-countdown-builder .ui-icon-unlocked { background-position: -208px -96px; }
374
+ .ycd-countdown-builder .ui-icon-bookmark { background-position: -224px -96px; }
375
+ .ycd-countdown-builder .ui-icon-tag { background-position: -240px -96px; }
376
+ .ycd-countdown-builder .ui-icon-home { background-position: 0 -112px; }
377
+ .ycd-countdown-builder .ui-icon-flag { background-position: -16px -112px; }
378
+ .ycd-countdown-builder .ui-icon-calendar { background-position: -32px -112px; }
379
+ .ycd-countdown-builder .ui-icon-cart { background-position: -48px -112px; }
380
+ .ycd-countdown-builder .ui-icon-pencil { background-position: -64px -112px; }
381
+ .ycd-countdown-builder .ui-icon-clock { background-position: -80px -112px; }
382
+ .ycd-countdown-builder .ui-icon-disk { background-position: -96px -112px; }
383
+ .ycd-countdown-builder .ui-icon-calculator { background-position: -112px -112px; }
384
+ .ycd-countdown-builder .ui-icon-zoomin { background-position: -128px -112px; }
385
+ .ycd-countdown-builder .ui-icon-zoomout { background-position: -144px -112px; }
386
+ .ycd-countdown-builder .ui-icon-search { background-position: -160px -112px; }
387
+ .ycd-countdown-builder .ui-icon-wrench { background-position: -176px -112px; }
388
+ .ycd-countdown-builder .ui-icon-gear { background-position: -192px -112px; }
389
+ .ycd-countdown-builder .ui-icon-heart { background-position: -208px -112px; }
390
+ .ycd-countdown-builder .ui-icon-star { background-position: -224px -112px; }
391
+ .ycd-countdown-builder .ui-icon-link { background-position: -240px -112px; }
392
+ .ycd-countdown-builder .ui-icon-cancel { background-position: 0 -128px; }
393
+ .ycd-countdown-builder .ui-icon-plus { background-position: -16px -128px; }
394
+ .ycd-countdown-builder .ui-icon-plusthick { background-position: -32px -128px; }
395
+ .ycd-countdown-builder .ui-icon-minus { background-position: -48px -128px; }
396
+ .ycd-countdown-builder .ui-icon-minusthick { background-position: -64px -128px; }
397
+ .ycd-countdown-builder .ui-icon-close { background-position: -80px -128px; }
398
+ .ycd-countdown-builder .ui-icon-closethick { background-position: -96px -128px; }
399
+ .ycd-countdown-builder .ui-icon-key { background-position: -112px -128px; }
400
+ .ycd-countdown-builder .ui-icon-lightbulb { background-position: -128px -128px; }
401
+ .ycd-countdown-builder .ui-icon-scissors { background-position: -144px -128px; }
402
+ .ycd-countdown-builder .ui-icon-clipboard { background-position: -160px -128px; }
403
+ .ycd-countdown-builder .ui-icon-copy { background-position: -176px -128px; }
404
+ .ycd-countdown-builder .ui-icon-contact { background-position: -192px -128px; }
405
+ .ycd-countdown-builder .ui-icon-image { background-position: -208px -128px; }
406
+ .ycd-countdown-builder .ui-icon-video { background-position: -224px -128px; }
407
+ .ycd-countdown-builder .ui-icon-script { background-position: -240px -128px; }
408
+ .ycd-countdown-builder .ui-icon-alert { background-position: 0 -144px; }
409
+ .ycd-countdown-builder .ui-icon-info { background-position: -16px -144px; }
410
+ .ycd-countdown-builder .ui-icon-notice { background-position: -32px -144px; }
411
+ .ycd-countdown-builder .ui-icon-help { background-position: -48px -144px; }
412
+ .ycd-countdown-builder .ui-icon-check { background-position: -64px -144px; }
413
+ .ycd-countdown-builder .ui-icon-bullet { background-position: -80px -144px; }
414
+ .ycd-countdown-builder .ui-icon-radio-on { background-position: -96px -144px; }
415
+ .ycd-countdown-builder .ui-icon-radio-off { background-position: -112px -144px; }
416
+ .ycd-countdown-builder .ui-icon-pin-w { background-position: -128px -144px; }
417
+ .ycd-countdown-builder .ui-icon-pin-s { background-position: -144px -144px; }
418
+ .ycd-countdown-builder .ui-icon-play { background-position: 0 -160px; }
419
+ .ycd-countdown-builder .ui-icon-pause { background-position: -16px -160px; }
420
+ .ycd-countdown-builder .ui-icon-seek-next { background-position: -32px -160px; }
421
+ .ycd-countdown-builder .ui-icon-seek-prev { background-position: -48px -160px; }
422
+ .ycd-countdown-builder .ui-icon-seek-end { background-position: -64px -160px; }
423
+ .ycd-countdown-builder .ui-icon-seek-start { background-position: -80px -160px; }
424
+ /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
425
+ .ycd-countdown-builder .ui-icon-seek-first { background-position: -80px -160px; }
426
+ .ycd-countdown-builder .ui-icon-stop { background-position: -96px -160px; }
427
+ .ycd-countdown-builder .ui-icon-eject { background-position: -112px -160px; }
428
+ .ycd-countdown-builder .ui-icon-volume-off { background-position: -128px -160px; }
429
+ .ycd-countdown-builder .ui-icon-volume-on { background-position: -144px -160px; }
430
+ .ycd-countdown-builder .ui-icon-power { background-position: 0 -176px; }
431
+ .ycd-countdown-builder .ui-icon-signal-diag { background-position: -16px -176px; }
432
+ .ycd-countdown-builder .ui-icon-signal { background-position: -32px -176px; }
433
+ .ycd-countdown-builder .ui-icon-battery-0 { background-position: -48px -176px; }
434
+ .ycd-countdown-builder .ui-icon-battery-1 { background-position: -64px -176px; }
435
+ .ycd-countdown-builder .ui-icon-battery-2 { background-position: -80px -176px; }
436
+ .ycd-countdown-builder .ui-icon-battery-3 { background-position: -96px -176px; }
437
+ .ycd-countdown-builder .ui-icon-circle-plus { background-position: 0 -192px; }
438
+ .ycd-countdown-builder .ui-icon-circle-minus { background-position: -16px -192px; }
439
+ .ycd-countdown-builder .ui-icon-circle-close { background-position: -32px -192px; }
440
+ .ycd-countdown-builder .ui-icon-circle-triangle-e { background-position: -48px -192px; }
441
+ .ycd-countdown-builder .ui-icon-circle-triangle-s { background-position: -64px -192px; }
442
+ .ycd-countdown-builder .ui-icon-circle-triangle-w { background-position: -80px -192px; }
443
+ .ycd-countdown-builder .ui-icon-circle-triangle-n { background-position: -96px -192px; }
444
+ .ycd-countdown-builder .ui-icon-circle-arrow-e { background-position: -112px -192px; }
445
+ .ycd-countdown-builder .ui-icon-circle-arrow-s { background-position: -128px -192px; }
446
+ .ycd-countdown-builder .ui-icon-circle-arrow-w { background-position: -144px -192px; }
447
+ .ycd-countdown-builder .ui-icon-circle-arrow-n { background-position: -160px -192px; }
448
+ .ycd-countdown-builder .ui-icon-circle-zoomin { background-position: -176px -192px; }
449
+ .ycd-countdown-builder .ui-icon-circle-zoomout { background-position: -192px -192px; }
450
+ .ycd-countdown-builder .ui-icon-circle-check { background-position: -208px -192px; }
451
+ .ycd-countdown-builder .ui-icon-circlesmall-plus { background-position: 0 -208px; }
452
+ .ycd-countdown-builder .ui-icon-circlesmall-minus { background-position: -16px -208px; }
453
+ .ycd-countdown-builder .ui-icon-circlesmall-close { background-position: -32px -208px; }
454
+ .ycd-countdown-builder .ui-icon-squaresmall-plus { background-position: -48px -208px; }
455
+ .ycd-countdown-builder .ui-icon-squaresmall-minus { background-position: -64px -208px; }
456
+ .ycd-countdown-builder .ui-icon-squaresmall-close { background-position: -80px -208px; }
457
+ .ycd-countdown-builder .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
458
+ .ycd-countdown-builder .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
459
+ .ycd-countdown-builder .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
460
+ .ycd-countdown-builder .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
461
+ .ycd-countdown-builder .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
462
+ .ycd-countdown-builder .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
463
+
464
+
465
+
466
+ /* Misc visuals
467
+ ----------------------------------*/
468
+
469
+ /* Corner radius */
470
+ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px; }
471
+ .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px; }
472
+ .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
473
+ .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
474
+
475
+ /* Overlays */
476
+
477
+ .ycd-countdown-builder + .ui-widget-overlay {position: fixed !important; background: #6e4f1c url(images/ui-bg_diagonal-maze_20_6e4f1c_10x10.png) 50% 50% repeat; opacity: .6;filter:Alpha(Opacity=60); }
478
  .ui-widget-shadow { margin: 0 0 0 -10px; padding: 5px; background: #000000 url(images/ui-bg_diagonal-maze_40_000000_10x10.png) 50% 50% repeat; opacity: .6;filter:Alpha(Opacity=60); -moz-border-radius: 18px; -khtml-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; }
assets/css/jquery.dateTimePicker.min.css CHANGED
@@ -1 +1 @@
1
- .xdsoft_datetimepicker{box-shadow:0 5px 15px -5px rgba(0,0,0,0.506);background:#fff;border-bottom:1px solid #bbb;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;color:#333;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:8px;padding-left:0;padding-top:2px;position:absolute;z-index:9999;-moz-box-sizing:border-box;box-sizing:border-box;display:none}.xdsoft_datetimepicker.xdsoft_rtl{padding:8px 0 8px 8px}.xdsoft_datetimepicker iframe{position:absolute;left:0;top:0;width:75px;height:210px;background:transparent;border:0}.xdsoft_datetimepicker button{border:none !important}.xdsoft_noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.xdsoft_noselect::selection{background:transparent}.xdsoft_noselect::-moz-selection{background:transparent}.xdsoft_datetimepicker.xdsoft_inline{display:inline-block;position:static;box-shadow:none}.xdsoft_datetimepicker *{-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker{display:none}.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active{display:block}.xdsoft_datetimepicker .xdsoft_datepicker{width:224px;float:left;margin-left:8px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{width:256px}.xdsoft_datetimepicker .xdsoft_timepicker{width:58px;float:left;text-align:center;margin-left:8px;margin-top:0}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{margin-top:8px;margin-bottom:3px}.xdsoft_datetimepicker .xdsoft_monthpicker{position:relative;text-align:center}.xdsoft_datetimepicker .xdsoft_label i,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)}.xdsoft_datetimepicker .xdsoft_label i{opacity:.5;background-position:-92px -19px;display:inline-block;width:9px;height:20px;vertical-align:middle}.xdsoft_datetimepicker .xdsoft_prev{float:left;background-position:-20px 0}.xdsoft_datetimepicker .xdsoft_today_button{float:left;background-position:-70px 0;margin-left:5px}.xdsoft_datetimepicker .xdsoft_next{float:right;background-position:0 0}.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{background-color:transparent;background-repeat:no-repeat;border:0 none;cursor:pointer;display:block;height:30px;opacity:.5;-ms-filter:"alpha(opacity=50)";outline:medium none;overflow:hidden;padding:0;position:relative;text-indent:100%;white-space:nowrap;width:20px;min-width:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{float:none;background-position:-40px -15px;height:15px;width:30px;display:block;margin-left:14px;margin-top:7px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next{float:none;margin-left:0;margin-right:14px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{background-position:-40px 0;margin-bottom:7px;margin-top:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{height:151px;overflow:hidden;border-bottom:1px solid #ddd}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{background:#f5f5f5;border-top:1px solid #ddd;color:#666;font-size:12px;text-align:center;border-collapse:collapse;cursor:pointer;border-bottom-width:0;height:25px;line-height:25px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child{border-top-width:0}.xdsoft_datetimepicker .xdsoft_today_button:hover,.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover{opacity:1;-ms-filter:"alpha(opacity=100)"}.xdsoft_datetimepicker .xdsoft_label{display:inline;position:relative;z-index:9999;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:bold;background-color:#fff;float:left;width:182px;text-align:center;cursor:pointer}.xdsoft_datetimepicker .xdsoft_label:hover>span{text-decoration:underline}.xdsoft_datetimepicker .xdsoft_label:hover i{opacity:1.0}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select{border:1px solid #ccc;position:absolute;right:0;top:30px;z-index:101;display:none;background:#fff;max-height:160px;overflow-y:hidden}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect{right:-7px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect{right:2px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#fff;background:#ff8000}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option{padding:2px 10px 2px 5px;text-decoration:none !important}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_month{width:100px;text-align:right}.xdsoft_datetimepicker .xdsoft_calendar{clear:both}.xdsoft_datetimepicker .xdsoft_year{width:48px;margin-left:5px}.xdsoft_datetimepicker .xdsoft_calendar table{border-collapse:collapse;width:100%}.xdsoft_datetimepicker .xdsoft_calendar td>div{padding-right:5px}.xdsoft_datetimepicker .xdsoft_calendar th{height:25px}.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{width:14.2857142%;background:#f5f5f5;border:1px solid #ddd;color:#666;font-size:12px;text-align:right;vertical-align:middle;padding:0;border-collapse:collapse;cursor:pointer;height:25px}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th{width:12.5%}.xdsoft_datetimepicker .xdsoft_calendar th{background:#f1f1f1}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{color:#3af}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled{opacity:.5;-ms-filter:"alpha(opacity=50)";cursor:default}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{opacity:.2;-ms-filter:"alpha(opacity=20)"}.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#fff !important;background:#ff8000 !important;box-shadow:none !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover{background:#3af !important;box-shadow:#178fe5 0 1px 3px 0 inset !important;color:#fff !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover{color:inherit !important;background:inherit !important;box-shadow:inherit !important}.xdsoft_datetimepicker .xdsoft_calendar th{font-weight:700;text-align:center;color:#999;cursor:default}.xdsoft_datetimepicker .xdsoft_copyright{color:#ccc !important;font-size:10px;clear:both;float:none;margin-left:8px}.xdsoft_datetimepicker .xdsoft_copyright a{color:#eee !important}.xdsoft_datetimepicker .xdsoft_copyright a:hover{color:#aaa !important}.xdsoft_time_box{position:relative;border:1px solid #ccc}.xdsoft_scrollbar>.xdsoft_scroller{background:#ccc !important;height:20px;border-radius:3px}.xdsoft_scrollbar{position:absolute;width:7px;right:0;top:0;bottom:0;cursor:pointer}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar{left:0;right:auto}.xdsoft_scroller_box{position:relative}.xdsoft_datetimepicker.xdsoft_dark{box-shadow:0 5px 15px -5px rgba(255,255,255,0.506);background:#000;border-bottom:1px solid #444;border-left:1px solid #333;border-right:1px solid #333;border-top:1px solid #333;color:#ccc}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box{border-bottom:1px solid #222}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div{background:#0a0a0a;border-top:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label{background-color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select{border:1px solid #333;background:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#000;background:#007fff}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0a0a0a;border:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0e0e0e}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today{color:#c50}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#000 !important;background:#007fff !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{color:#666}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright{color:#333 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a{color:#111 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{color:#555 !important}.xdsoft_dark .xdsoft_time_box{border:1px solid #333}.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller{background:#333 !important}.xdsoft_datetimepicker .xdsoft_save_selected{display:block;border:1px solid #ddd !important;margin-top:5px;width:100%;color:#454551;font-size:13px}.xdsoft_datetimepicker .blue-gradient-button{font-family:"museo-sans","Book Antiqua",sans-serif;font-size:12px;font-weight:300;color:#82878c;height:28px;position:relative;padding:4px 17px 4px 33px;border:1px solid #d7d8da;background:-moz-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(73%,#f4f8fa));background:-webkit-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-o-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-ms-linear-gradient(top,#fff 0,#f4f8fa 73%);background:linear-gradient(to bottom,#fff 0,#f4f8fa 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f4f8fa',GradientType=0)}.xdsoft_datetimepicker .blue-gradient-button:hover,.xdsoft_datetimepicker .blue-gradient-button:focus,.xdsoft_datetimepicker .blue-gradient-button:hover span,.xdsoft_datetimepicker .blue-gradient-button:focus span{color:#454551;background:-moz-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f4f8fa),color-stop(73%,#FFF));background:-webkit-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-o-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-ms-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:linear-gradient(to bottom,#f4f8fa 0,#FFF 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa',endColorstr='#FFF',GradientType=0)}
1
+ .xdsoft_datetimepicker{box-shadow:0 5px 15px -5px rgba(0,0,0,0.506);background:#fff;border-bottom:1px solid #bbb;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;color:#333;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:8px;padding-left:0;padding-top:2px;position:absolute;z-index:9999;-moz-box-sizing:border-box;box-sizing:border-box;display:none}.xdsoft_datetimepicker.xdsoft_rtl{padding:8px 0 8px 8px}.xdsoft_datetimepicker iframe{position:absolute;left:0;top:0;width:75px;height:210px;background:transparent;border:0}.xdsoft_datetimepicker button{border:none !important}.xdsoft_noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.xdsoft_noselect::selection{background:transparent}.xdsoft_noselect::-moz-selection{background:transparent}.xdsoft_datetimepicker.xdsoft_inline{display:inline-block;position:static;box-shadow:none}.xdsoft_datetimepicker *{-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker{display:none}.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active{display:block}.xdsoft_datetimepicker .xdsoft_datepicker{width:224px;float:left;margin-left:8px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{width:256px}.xdsoft_datetimepicker .xdsoft_timepicker{width:58px;float:left;text-align:center;margin-left:8px;margin-top:0}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{margin-top:8px;margin-bottom:3px}.xdsoft_datetimepicker .xdsoft_monthpicker{position:relative;text-align:center}.xdsoft_datetimepicker .xdsoft_label i,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)}.xdsoft_datetimepicker .xdsoft_label i{opacity:.5;background-position:-92px -19px;display:inline-block;width:9px;height:20px;vertical-align:middle}.xdsoft_datetimepicker .xdsoft_prev{float:left;background-position:-20px 0}.xdsoft_datetimepicker .xdsoft_today_button{float:left;background-position:-70px 0;margin-left:5px}.xdsoft_datetimepicker .xdsoft_next{float:right;background-position:0 0}.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{background-color:transparent;background-repeat:no-repeat;border:0 none;cursor:pointer;display:block;height:30px;opacity:.5;-ms-filter:"alpha(opacity=50)";outline:medium none;overflow:hidden;padding:0;position:relative;text-indent:100%;white-space:nowrap;width:20px;min-width:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{float:none;background-position:-40px -15px;height:15px;width:30px;display:block;margin-left:14px;margin-top:7px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next{float:none;margin-left:0;margin-right:14px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{background-position:-40px 0;margin-bottom:7px;margin-top:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{height:151px;overflow:hidden;border-bottom:1px solid #ddd}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{background:#f5f5f5;border-top:1px solid #ddd;color:#666;font-size:12px;text-align:center;border-collapse:collapse;cursor:pointer;border-bottom-width:0;height:25px;line-height:25px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child{border-top-width:0}.xdsoft_datetimepicker .xdsoft_today_button:hover,.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover{opacity:1;-ms-filter:"alpha(opacity=100)"}.xdsoft_datetimepicker .xdsoft_label{display:inline;position:relative;z-index:9999;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:bold;background-color:#fff;float:left;width:182px;text-align:center;cursor:pointer}.xdsoft_datetimepicker .xdsoft_label:hover>span{text-decoration:underline}.xdsoft_datetimepicker .xdsoft_label:hover i{opacity:1.0}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select{border:1px solid #ccc;position:absolute;right:0;top:30px;z-index:101;display:none;background:#fff;max-height:160px;overflow-y:hidden}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect{right:-7px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect{right:2px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#fff;background:#ff8000}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option{padding:2px 10px 2px 5px;text-decoration:none !important}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_month{width:100px;text-align:right}.xdsoft_datetimepicker .xdsoft_calendar{clear:both}.xdsoft_datetimepicker .xdsoft_year{width:48px;margin-left:5px}.xdsoft_datetimepicker .xdsoft_calendar table{border-collapse:collapse;width:100%}.xdsoft_datetimepicker .xdsoft_calendar td>div{padding-right:5px}.xdsoft_datetimepicker .xdsoft_calendar th{height:25px}.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{width:14.2857142%;background:#f5f5f5;border:1px solid #ddd;color:#666;font-size:12px;text-align:right;vertical-align:middle;padding:0;border-collapse:collapse;cursor:pointer;height:25px}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th{width:12.5%}.xdsoft_datetimepicker .xdsoft_calendar th{background:#f1f1f1}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{color:#3af}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled{opacity:.5;-ms-filter:"alpha(opacity=50)";cursor:default}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{opacity:.2;-ms-filter:"alpha(opacity=20)"}.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#fff !important;background:#ff8000 !important;box-shadow:none !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover{background:#3af !important;box-shadow:#178fe5 0 1px 3px 0 inset !important;color:#fff !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover{color:inherit !important;background:inherit !important;box-shadow:inherit !important}.xdsoft_datetimepicker .xdsoft_calendar th{font-weight:700;text-align:center;color:#999;cursor:default}.xdsoft_datetimepicker .xdsoft_copyright{color:#ccc !important;font-size:10px;clear:both;float:none;margin-left:8px}.xdsoft_datetimepicker .xdsoft_copyright a{color:#eee !important}.xdsoft_datetimepicker .xdsoft_copyright a:hover{color:#aaa !important}.xdsoft_time_box{position:relative;border:1px solid #ccc}.xdsoft_scrollbar>.xdsoft_scroller{background:#ccc !important;height:20px;border-radius:3px}.xdsoft_scrollbar{position:absolute;width:7px;right:0;top:0;bottom:0;cursor:pointer}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar{left:0;right:auto}.xdsoft_scroller_box{position:relative}.xdsoft_datetimepicker.xdsoft_dark{box-shadow:0 5px 15px -5px rgba(255,255,255,0.506);background:#000;border-bottom:1px solid #444;border-left:1px solid #333;border-right:1px solid #333;border-top:1px solid #333;color:#ccc}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box{border-bottom:1px solid #222}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div{background:#0a0a0a;border-top:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label{background-color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select{border:1px solid #333;background:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#000;background:#007fff}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0a0a0a;border:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0e0e0e}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today{color:#c50}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#000 !important;background:#007fff !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{color:#666}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright{color:#333 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a{color:#111 !important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{color:#555 !important}.xdsoft_dark .xdsoft_time_box{border:1px solid #333}.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller{background:#333 !important}.xdsoft_datetimepicker .xdsoft_save_selected{display:block;border:1px solid #ddd !important;margin-top:5px;width:100%;color:#454551;font-size:13px}.xdsoft_datetimepicker .blue-gradient-button{font-family:"museo-sans","Book Antiqua",sans-serif;font-size:12px;font-weight:300;color:#82878c;height:28px;position:relative;padding:4px 17px 4px 33px;border:1px solid #d7d8da;background:-moz-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(73%,#f4f8fa));background:-webkit-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-o-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-ms-linear-gradient(top,#fff 0,#f4f8fa 73%);background:linear-gradient(to bottom,#fff 0,#f4f8fa 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#f4f8fa',GradientType=0)}.xdsoft_datetimepicker .blue-gradient-button:hover,.xdsoft_datetimepicker .blue-gradient-button:focus,.xdsoft_datetimepicker .blue-gradient-button:hover span,.xdsoft_datetimepicker .blue-gradient-button:focus span{color:#454551;background:-moz-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f4f8fa),color-stop(73%,#FFF));background:-webkit-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-o-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:-ms-linear-gradient(top,#f4f8fa 0,#FFF 73%);background:linear-gradient(to bottom,#f4f8fa 0,#FFF 73%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa',endColorstr='#FFF',GradientType=0)}
assets/css/timer.css CHANGED
@@ -1,45 +1,61 @@
1
- .ycd-timer-time {
2
- line-height: 1em;
3
- font-size: 6em;
4
- }
5
-
6
- .ycd-timer-container {
7
- height: 1em;
8
- overflow: hidden;
9
- position: relative;
10
- }
11
-
12
- .ycd-timer-box {
13
- height: 1em;
14
- margin: auto;
15
- position: relative;
16
- }
17
-
18
- .ycd-timer-box > span {
19
- position: relative;
20
- color: #333;
21
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
22
- }
23
-
24
- .ycd-timmer-buttons {
25
- margin-top: 10px;
26
- text-align: center;
27
- }
28
-
29
- .ycd-timer-span-wrapper span.ycd-timer-number {
30
- width: 92px;
31
- vertical-align: text-top;
32
- }
33
-
34
- .ycd-milliseconds-value {
35
- display: inline-block;
36
- width: 150px;
37
- }
38
-
39
- .ycd-hide {
40
- display: none !important;
41
- }
42
-
43
- .ycd-dots {
44
- vertical-align: text-top;
45
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ .ycd-timer-time {
2
+ line-height: 1em;
3
+ font-size: 6em;
4
+ }
5
+
6
+ .ycd-timer-container {
7
+
8
+ }
9
+
10
+ .ycd-timer-box {
11
+ margin: auto;
12
+ position: relative;
13
+ line-height: 1;
14
+ }
15
+
16
+ .ycd-timer-box > span {
17
+ position: relative;
18
+ color: #333;
19
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
20
+ }
21
+
22
+ .ycd-timmer-buttons {
23
+ margin-top: 10px;
24
+ text-align: center;
25
+ }
26
+
27
+ .ycd-timer-span-wrapper span.ycd-timer-number {
28
+ width: 92px;
29
+ vertical-align: text-top;
30
+ }
31
+
32
+ .ycd-timer-span-wrapper {
33
+ vertical-align: top;
34
+ }
35
+
36
+ .ycd-milliseconds-value {
37
+ display: inline-block;
38
+ width: 150px;
39
+ }
40
+
41
+ .ycd-hide {
42
+ display: none !important;
43
+ }
44
+
45
+ .ycd-dots {
46
+ vertical-align: text-top;
47
+ line-height: 1;
48
+ }
49
+
50
+ .ycd-timer-unit {
51
+ display: inline-block;
52
+ vertical-align: top;
53
+ }
54
+
55
+ .ycd-timer-box-next {
56
+ height: 0;
57
+ }
58
+
59
+ .ycd-hide-label {
60
+ display: none;
61
+ }
assets/js/Admin.js CHANGED
@@ -1,940 +1,940 @@
1
- function YcdAdmin() {
2
- this.init();
3
- }
4
-
5
- YcdAdmin.prototype.init = function() {
6
- this.initCountdownDateTimePicker();
7
- this.select2();
8
- this.accordionContent();
9
- this.livePreviewToggle();
10
- this.multipleChoiceButton();
11
- this.switchCountdown();
12
- this.soundUpload();
13
- this.resetSound();
14
- this.soundPreview();
15
- this.support();
16
- this.livePreview();
17
- this.redirectToProWebpage();
18
- this.newsletter();
19
- this.promotionalVideo();
20
- this.editor();
21
- this.changeAnimation();
22
- this.buttonFunctions();
23
- this.copySortCode();
24
-
25
- /*clock*/
26
- this.clockLivePreview();
27
- this.proOptions();
28
- this.changeTimer();
29
-
30
- this.imageButton();
31
- var that = this;
32
-
33
- jQuery(window).bind('ycdAccordionTriggered', function () {
34
- that.imageButton();
35
- });
36
- this.comingSonColor();
37
-
38
- if(ycd_admin_localized.pkgVersion == 1) {
39
- this.redirectToSupportPage();
40
- }
41
- };
42
-
43
- YcdAdmin.prototype.copySortCode = function() {
44
- jQuery('.countdown-shortcode').bind('click', function() {
45
- var currentId = jQuery(this).data('id');
46
- var copyText = document.getElementById('ycd-shortcode-input-'+currentId);
47
- copyText.select();
48
- document.execCommand('copy');
49
-
50
- var tooltip = document.getElementById('ycd-tooltip-'+currentId);
51
- tooltip.innerHTML = ycd_admin_localized.copied;
52
- });
53
-
54
- jQuery(document).on('focusout', '.countdown-shortcode',function() {
55
- var currentId = jQuery(this).data('id');
56
- var tooltip = document.getElementById('ycd-tooltip-'+currentId);
57
- tooltip.innerHTML = ycd_admin_localized.copyToClipboard;
58
- });
59
- };
60
-
61
- YcdAdmin.prototype.buttonFunctions = function () {
62
- var buttonOpacity = jQuery('#ycd-button-opacity');
63
-
64
- if(!buttonOpacity.length) {
65
- return false;
66
- }
67
-
68
- buttonOpacity.ionRangeSlider({
69
- hide_min_max: true,
70
- keyboard: true,
71
- min: 0,
72
- max: 1,
73
- type: 'single',
74
- step: 0.1,
75
- prefix: '',
76
- grid: false
77
- });
78
- };
79
-
80
- YcdAdmin.prototype.changeTimer = function () {
81
- var timers = jQuery('.ycd-timer-time-settings');
82
-
83
- if (!timers.length) {
84
- return false;
85
- }
86
- var modeChecker = jQuery('.ycd-timer-mode');
87
- var clockMode = jQuery('.ycd-clock-mode');
88
-
89
- modeChecker.bind('change', function () {
90
- var args = {};
91
- args.modeValue = jQuery(this).val();
92
- args.allSeconds = parseInt(jQuery('#ycdTimeHours').val())*3600 + parseInt(jQuery('#ycdTimeMinutes').val())*60 + parseInt(jQuery('#ycdTimeSeconds').val());
93
- jQuery(window).trigger('YcdClockChangeMode', args);
94
- });
95
-
96
- timers.bind('change', function () {
97
- if(!jQuery('#ycdTimeHours').length) {
98
- return false;
99
- }
100
- var allSeconds = parseInt(jQuery('#ycdTimeHours').val())*3600 + parseInt(jQuery('#ycdTimeMinutes').val())*60 + parseInt(jQuery('#ycdTimeSeconds').val());
101
- jQuery(window).trigger('YcdClockTimerChange', allSeconds);
102
- });
103
-
104
- clockMode.bind('change', function () {
105
- var val = jQuery(this).val();
106
- jQuery(window).trigger('YcdClockModeChange', val);
107
- });
108
- };
109
-
110
- YcdAdmin.prototype.animateCountdown = function () {
111
- var circleWrapper = jQuery('.time_circles');
112
-
113
- var animations = jQuery('.ycd-showing-animation');
114
- var speed = jQuery('.ycd-circle-showing-animation-speed');
115
-
116
- circleWrapper.removeClass(circleWrapper.data('effect'));
117
- var speedValue = speed.val();
118
- var animationEffect = animations.val();
119
- setTimeout(function () {
120
- circleWrapper.data('effect', animationEffect);
121
- circleWrapper.css({'animationDuration' : parseInt(speedValue)*1000 + 'ms'});
122
- circleWrapper.addClass('ycd-animated '+animationEffect);
123
- }, 0);
124
- };
125
-
126
- YcdAdmin.prototype.changeAnimation = function() {
127
- var previewIcon = jQuery('.ycd-preview-icon');
128
-
129
- if(!previewIcon.length) {
130
- return false;
131
- }
132
- var that = this;
133
- var animations = jQuery('.ycd-showing-animation');
134
-
135
- previewIcon.bind('click', function() {
136
- that.animateCountdown();
137
- });
138
-
139
- animations.bind('change', function () {
140
- that.animateCountdown();
141
- });
142
- };
143
-
144
- YcdAdmin.prototype.editor = function() {
145
- (function($){
146
- $(function(){
147
- if( $('#ycd-edtitor-head').length ) {
148
- var editorSettings = wp.codeEditor.defaultSettings ? _.clone( wp.codeEditor.defaultSettings ) : {};
149
- editorSettings.codemirror = _.extend(
150
- {},
151
- editorSettings.codemirror,
152
- {
153
- indentUnit: 2,
154
- tabSize: 2
155
- }
156
- );
157
- var editor = wp.codeEditor.initialize( $('#ycd-edtitor-head'), editorSettings );
158
- }
159
-
160
- if( $('#ycd-edtitor-js').length ) {
161
- var editorSettings = wp.codeEditor.defaultSettings ? _.clone( wp.codeEditor.defaultSettings ) : {};
162
- editorSettings.codemirror = _.extend(
163
- {},
164
- editorSettings.codemirror,
165
- {
166
- indentUnit: 2,
167
- tabSize: 2,
168
- mode: 'javascript',
169
- }
170
- );
171
- var editor = wp.codeEditor.initialize( $('#ycd-edtitor-js'), editorSettings );
172
- }
173
-
174
- if( $('#ycd-edtitor-css').length ) {
175
- var editorSettings = wp.codeEditor.defaultSettings ? _.clone( wp.codeEditor.defaultSettings ) : {};
176
- editorSettings.codemirror = _.extend(
177
- {},
178
- editorSettings.codemirror,
179
- {
180
- indentUnit: 2,
181
- tabSize: 2,
182
- mode: 'css',
183
- }
184
- );
185
- var editor = wp.codeEditor.initialize( $('#ycd-edtitor-css'), editorSettings );
186
- }
187
- });
188
- })(jQuery);
189
- };
190
-
191
- YcdAdmin.prototype.proOptions = function() {
192
- var proOptions = jQuery('label .ycd-pro-span');
193
-
194
- if(!proOptions.length) {
195
- return false;
196
- }
197
-
198
- proOptions.parent().bind('click', function(e) {
199
- e.preventDefault();
200
- window.open(ycd_admin_localized.proUrl);
201
- });
202
- };
203
-
204
- YcdAdmin.prototype.redirectToSupportPage = function() {
205
- var supportSubMenu = jQuery('#menu-posts-ycdcountdown a[href="edit.php?post_type=ycdcountdown&page=supports"]');
206
-
207
- if(!supportSubMenu.length) {
208
- return false;
209
- }
210
-
211
- supportSubMenu.bind('click', function(e) {
212
- e.preventDefault();
213
- window.open(ycd_admin_localized.supportURL);
214
- });
215
- };
216
-
217
- YcdAdmin.prototype.promotionalVideo = function() {
218
- var target = jQuery('.ycd-play-promotion-video');
219
-
220
- if(!target.length) {
221
- return false;
222
- }
223
-
224
- target.bind('click', function(e) {
225
- e.preventDefault();
226
- var href = jQuery(this).data('href');
227
- window.open(href);
228
- });
229
- };
230
-
231
- YcdAdmin.prototype.clockLivePreview = function() {
232
- this.changeClcokWidth();
233
- this.changeTimeZone();
234
- this.changeAlignClock();
235
- this.changeButtonBoxShadow();
236
- };
237
-
238
- YcdAdmin.prototype.changeButtonBoxShadow = function() {
239
- var spreadSizes = jQuery('#ycd-circle-box-shadow-horizontal, #ycd-circle-box-shadow-vertical, #ycd-circle-box-spread-radius, #ycd-circle-box-blur-radius');
240
-
241
- if (!spreadSizes) {
242
- return false;
243
- }
244
- var liveChangeShadow = function() {
245
- var shadowHorizontal = jQuery('#ycd-circle-box-shadow-horizontal').val()+'px';
246
- var shadowVertical = jQuery('#ycd-circle-box-shadow-vertical').val()+'px';
247
- var spreadRadius = parseInt(jQuery('#ycd-circle-box-spread-radius').val())+'px';
248
- var blurRadius = jQuery('#ycd-circle-box-blur-radius').val()+'px';
249
- var color = jQuery('#ycd-circle-box-shadow-color').val();
250
- setTimeout(function () {
251
- jQuery('.time_circles').css({'box-shadow': shadowHorizontal+' '+shadowVertical+' '+blurRadius+' '+spreadRadius+' '+color});
252
- }, 0);
253
- };
254
-
255
- jQuery('#ycd-circle-box-shadow').bind('change', function () {
256
- if(!jQuery(this).is(':checked')) {
257
- jQuery('.time_circles').css({'box-shadow': 'none'});
258
- }
259
- else {
260
- liveChangeShadow();
261
- }
262
- });
263
- spreadSizes.bind('change', function() {
264
- liveChangeShadow();
265
- });
266
-
267
- jQuery('#ycd-circle-box-shadow-color').minicolors({
268
- change: function () {
269
- liveChangeShadow();
270
- }
271
- });
272
- };
273
-
274
- YcdAdmin.prototype.comingSonColor = function () {
275
- jQuery('.ycd-coming-soon-color').minicolors({
276
- change: function () {
277
- liveChangeShadow();
278
- }
279
- });
280
- };
281
-
282
- YcdAdmin.prototype.changeClcokWidth = function() {
283
- var width = jQuery('.ycd-clock-width');
284
-
285
- if (width.length) {
286
- var that = this;
287
- width.bind('change', function() {
288
- var targetId = jQuery(this).data('target-index');
289
- var widthVal = parseInt(jQuery(this).val())+'px';
290
- var cnavas = jQuery('.ycdClock'+targetId);
291
-
292
- cnavas.attr('width', widthVal);
293
- cnavas.attr('height', widthVal);
294
-
295
- that.reinitClock(targetId);
296
- });
297
- }
298
- };
299
-
300
- YcdAdmin.prototype.changeTimeZone = function() {
301
- var timeZone = jQuery('.js-circle-time-zone');
302
-
303
- if(!timeZone.length) {
304
- return false;
305
- }
306
- var that = this;
307
-
308
- timeZone.bind('change', function() {
309
- var val = jQuery(this).val();
310
- var targetId = jQuery(this).data('target-index');
311
-
312
- if(!targetId) {
313
- return false;
314
- }
315
- var options = jQuery('.ycdClock'+targetId).data('options');
316
- if(!options) {
317
- return false;
318
- }
319
- options['timeZone'] = val;
320
- jQuery('.ycdClock'+targetId).attr('data-options', options);
321
-
322
- that.reinitClock(targetId);
323
- });
324
- };
325
-
326
- YcdAdmin.prototype.changeAlignClock = function() {
327
- var alignement = jQuery('.ycd-clock-alignment');
328
-
329
- if(!alignement.length) {
330
- return false;
331
- }
332
- var that = this;
333
-
334
- alignement.bind('change', function() {
335
- var val = jQuery(this).val();
336
- jQuery('.ycd-countdown-wrapper').css({'text-align': val});
337
- });
338
- };
339
-
340
- YcdAdmin.prototype.reinitClock = function(targetId) {
341
- var targetClassName = '.ycdClock'+targetId;
342
- var cnavas = jQuery(targetClassName);
343
- var dataArgs = cnavas.data('args');
344
- var dataOptions = cnavas.data('options');
345
-
346
- var width = jQuery(targetClassName).width();
347
- var height = jQuery(targetClassName).height();
348
-
349
- jQuery(targetClassName).remove();
350
- jQuery('.ycd-countdown-wrapper').prepend('<canvas data-args='+JSON.stringify(dataArgs)+' data-options='+JSON.stringify(dataOptions)+' class="ycdClock'+targetId+'" width="'+width+'px" height="'+height+'px"></canvas>');
351
-
352
- if (typeof YcdClock != 'undefined') {
353
- var obj = new YcdClock();
354
- }
355
- else if (typeof YcdClockPro != 'ndefined') {
356
- var obj = new YcdClockPro();
357
- }
358
-
359
- obj.init()
360
- };
361
-
362
- YcdAdmin.prototype.getTinymceContent = function()
363
- {
364
- if (jQuery('.wp-editor-wrap').hasClass('tmce-active')) {
365
- return tinyMCE.activeEditor.getContent();
366
- }
367
-
368
- return jQuery('#ycd-newsletter-text').val();
369
- };
370
-
371
- YcdAdmin.prototype.newsletter = function() {
372
- var sendButton = jQuery('.js-send-newsletter');
373
-
374
- if (!sendButton.length) {
375
- return false;
376
- }
377
- var that = this;
378
-
379
- sendButton.bind('click', function(e) {
380
- e.preventDefault();
381
- jQuery('.ycd-validation-error').addClass('ycd-hide');
382
- var validationStatus = true;
383
- var fromEmail = jQuery('.ycd-newsletter-from-email').val();
384
- var subscriptionFormId = jQuery('.js-ycd-newsletter-forms option:selected').val();
385
- subscriptionFormId = parseInt(subscriptionFormId);
386
- var validateEmail = fromEmail.search(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,10})+$/);
387
- var emailsInFlow = jQuery('.ycd-emails-in-flow').val();
388
- emailsInFlow = parseInt(emailsInFlow);
389
-
390
- if (isNaN(subscriptionFormId)) {
391
- jQuery('.ycd-newsletter-error').removeClass('ycd-hide');
392
- validationStatus = false;
393
- }
394
-
395
- /*When the sent email isn't valid or the user hasn't selected any subscription form.*/
396
- if (validateEmail == -1 ) {
397
- validationStatus = false;
398
- jQuery('.ycd-newsletter-from-email-error').removeClass('ycd-hide');
399
- }
400
-
401
- if (isNaN(emailsInFlow)) {
402
- jQuery('.ycd-emails-in-flow-error').removeClass('ycd-hide');
403
- validationStatus = false;
404
- }
405
-
406
- if (!validationStatus) {
407
- return false;
408
- }
409
-
410
- var newsletterSubject = jQuery('.ycd-newsletter-subject').val();
411
- var messageBody = that.getTinymceContent();
412
-
413
- var data = {
414
- nonce: ycd_admin_localized.nonce,
415
- action: 'ycd_send_newsletter',
416
- newsletterData: {
417
- subscriptionFormId: subscriptionFormId,
418
- beforeSend: function() {
419
- jQuery('.ycd-js-newsletter-spinner').removeClass('ycd-hide');
420
- jQuery('.ycd-newsletter-notice').addClass('ycd-hide');
421
- },
422
- fromEmail: fromEmail,
423
- emailsInFlow: emailsInFlow,
424
- newsletterSubject: newsletterSubject,
425
- messageBody: messageBody
426
- }
427
- };
428
-
429
- jQuery.post(ajaxurl, data, function() {
430
- jQuery('.ycd-newsletter-notice').removeClass('ycd-hide');
431
- jQuery('.ycd-js-newsletter-spinner').addClass('ycd-hide');
432
- });
433
- });
434
- };
435
-
436
- YcdAdmin.prototype.redirectToProWebpage = function() {
437
- jQuery('.ycd-upgrade-button-red').bind('click', function(e) {
438
- window.open(ycd_admin_localized.proUrl);
439
- })
440
- };
441
-
442
- YcdAdmin.prototype.livePreview = function() {
443
- var preview = jQuery('.ycd-live-preview');
444
-
445
- if (!preview.length) {
446
- return false;
447
- }
448
-
449
- preview.draggable({
450
- stop: function(e, ui) {
451
- jQuery('.ycd-live-preview').css({'height': 'auto'});
452
- }
453
- });
454
- };
455
-
456
- function validateEmail(email) {
457
- var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
458
- return re.test(String(email).toLowerCase());
459
- }
460
-
461
- YcdAdmin.prototype.support = function() {
462
- var submit = jQuery('#ycd-support-request-button');
463
-
464
- if(!submit.length) {
465
- return false;
466
- }
467
- jQuery('#ycd-form').submit(function(e) {
468
- e.preventDefault();
469
- var isValid = true;
470
- var emailError = jQuery('.ycd-validate-email-error');
471
- emailError.addClass('ycd-hide');
472
- jQuery('.ycd-required-fields').each(function() {
473
- var currentVal = jQuery(this).val();
474
- jQuery('.'+jQuery(this).data('error')).addClass('ycd-hide');
475
-
476
- if(!currentVal) {
477
- isValid = false;
478
- jQuery('.'+jQuery(this).data('error')).removeClass('ycd-hide');
479
- }
480
- });
481
-
482
- if(!isValid) {
483
- return false;
484
- }
485
-
486
- if(!validateEmail(jQuery('#ycd-email').val())) {
487
- emailError.removeClass('ycd-hide');
488
- return false;
489
- }
490
- var data = {
491
- action: 'ycdSupport',
492
- nonce: ycd_admin_localized.nonce,
493
- formData: jQuery(this).serialize(),
494
- beforeSend: function() {
495
- submit.prop('disabled', true);
496
- jQuery('.ycd-support-spinner').removeClass('ycd-hide')
497
- }
498
- };
499
-
500
- jQuery.post(ajaxurl, data, function(result) {
501
- submit.prop('disabled', false);
502
- jQuery('.ycd-support-spinner').addClass('ycd-hide');
503
- jQuery('#ycd-form').remove();
504
- jQuery('.ycd-support-success').removeClass('ycd-hide');
505
- });
506
- });
507
- };
508
-
509
- YcdAdmin.prototype.soundPreview = function() {
510
- var songValue = 1;
511
- var lastSong = undefined;
512
-
513
- jQuery('.js-preview-sound').bind('click', function() {
514
- var uploadFile = jQuery('#js-sound-open-url').val();
515
- if (typeof lastSong == 'undefined') {
516
- lastSong = new Audio (uploadFile);
517
- }
518
-
519
- /*
520
- * songValue == 1 should be song
521
- * songValue == 2 song should be pause
522
- */
523
- if(songValue == 1) {
524
- lastSong.play();
525
- songValue = 2;
526
-
527
- }
528
- else if(songValue == 2) {
529
- lastSong.pause();
530
- songValue = 1;
531
-
532
- }
533
-
534
- lastSong.onended = function()
535
- {
536
- lastSong = undefined;
537
- songValue = 1;
538
- }
539
- });
540
-
541
- jQuery('#js-sound-open-url').change(function() {
542
- if(typeof lastSong != 'undefined') {
543
- lastSong.pause();
544
- lastSong = undefined;
545
- }
546
- songValue = 1;
547
- });
548
-
549
- jQuery('#js-reset-to-default-song').click(function(e) {
550
- e.preventDefault();
551
-
552
- if(typeof lastSong != 'undefined') {
553
- lastSong.pause();
554
- lastSong = undefined;
555
- }
556
- songValue = 1;
557
-
558
- var defaultSong = jQuery(this).data('default-song');
559
- jQuery('#js-sound-open-url').val(defaultSong).change();
560
- });
561
- };
562
-
563
- YcdAdmin.prototype.resetSound = function() {
564
- var resetButton = jQuery('#js-reset-to-default-song');
565
-
566
- if(!resetButton.length) {
567
- return false;
568
- }
569
-
570
- resetButton.bind('click', function() {
571
- var defaultSoundUrl = jQuery(this).data('default-song');
572
- jQuery('#js-sound-open-url').val(defaultSoundUrl).change();
573
- });
574
- };
575
-
576
- YcdAdmin.prototype.soundUpload = function() {
577
- var uploadButton = jQuery('#js-upload-countdown-end-sound');
578
-
579
- if(!uploadButton.length) {
580
- return false;
581
- }
582
- var uploader;
583
- uploadButton.bind('click', function(e) {
584
- e.preventDefault();
585
-
586
- if(uploader) {
587
- uploader.open();
588
- return false;
589
- }
590
-
591
- /* Extend the wp.media object */
592
- uploader = wp.media.frames.file_frame = wp.media({
593
- titleFF : ycd_admin_localized.changeSound,
594
- button : {
595
- text : ycd_admin_localized.changeSound
596
- },
597
- library : {type : ['audio/mpeg', 'audio/wav', 'audio/mp3']},
598
- multiple : false
599
- });
600
-
601
- /* When a file is selected, grab the URL and set it as the text field's value */
602
- uploader.on('select', function() {
603
- var attachment = uploader.state().get('selection').first().toJSON();
604
- jQuery('#js-sound-open-url').val(attachment.url).change();
605
- });
606
- /* Open the uploader dialog */
607
- uploader.open();
608
- });
609
- };
610
-
611
- YcdAdmin.prototype.switchCountdown = function() {
612
- var switchCountdown = jQuery('.ycd-countdown-enable');
613
-
614
- if(!switchCountdown.length) {
615
- return false;
616
- }
617
-
618
- switchCountdown.each(function() {
619
- jQuery(this).bind('change', function() {
620
- var data = {
621
- action: 'ycd-switch',
622
- nonce: ycd_admin_localized.nonce,
623
- id: jQuery(this).data('id'),
624
- checked: jQuery(this).is(':checked')
625
- };
626
-
627
- jQuery.post(ajaxurl, data, function() {
628
-
629
- });
630
- })
631
- });
632
- };
633
-
634
- YcdAdmin.prototype.multipleChoiceButton = function() {
635
- var choiceOptions = jQuery('.ycd-choice-option-wrapper input');
636
- if(!choiceOptions.length) {
637
- return false;
638
- }
639
-
640
- var that = this;
641
-
642
- choiceOptions.each(function() {
643
-
644
- if(jQuery(this).is(':checked')) {
645
- that.buildChoiceShowOption(jQuery(this));
646
- }
647
-
648
- jQuery(this).on('change', function() {
649
- that.hideAllChoiceWrapper(jQuery(this).parents('.ycd-multichoice-wrapper').first());
650
- that.buildChoiceShowOption(jQuery(this));
651
- });
652
- })
653
- };
654
-
655
- YcdAdmin.prototype.hideAllChoiceWrapper = function(choiceOptionsWrapper) {
656
- choiceOptionsWrapper.find('input').each(function() {
657
- var choiceInputWrapperId = jQuery(this).attr('data-attr-href');
658
- jQuery('#'+choiceInputWrapperId).addClass('ycd-hide');
659
- })
660
- };
661
-
662
- YcdAdmin.prototype.buildChoiceShowOption = function(currentRadioButton) {
663
- var choiceOptions = currentRadioButton.attr('data-attr-href');
664
- var currentOptionWrapper = currentRadioButton.parents('.ycd-choice-wrapper').first();
665
- var choiceOptionWrapper = jQuery('#'+choiceOptions).removeClass('ycd-hide');
666
- currentOptionWrapper.after(choiceOptionWrapper);
667
- };
668
-
669
- YcdAdmin.prototype.livePreviewToggle = function() {
670
- var livePreviewText = jQuery('.ycd-toggle-icon');
671
-
672
- if (!livePreviewText.length) {
673
- return false;
674
- }
675
- livePreviewText.attr('checked', true);
676
- livePreviewText.bind('click', function() {
677
- var isChecked = jQuery(this).attr('checked');
678
-
679
- if (isChecked) {
680
- jQuery('.ycd-toggle-icon').removeClass('ycd-toggle-icon-open').addClass('ycd-toggle-icon-close');
681
- }
682
- else {
683
- jQuery('.ycd-toggle-icon').removeClass('ycd-toggle-icon-close').addClass('ycd-toggle-icon-open');
684
- }
685
- jQuery('.ycd-countdown-wrapper').slideToggle(1000, 'swing', function () {
686
- });
687
- livePreviewText.attr('checked', !isChecked);
688
- });
689
- };
690
-
691
- YcdAdmin.prototype.accordionContent = function() {
692
-
693
- var that = this;
694
- var accordionCheckbox = jQuery('.ycd-accordion-checkbox');
695
-
696
- if (!accordionCheckbox.length) {
697
- return false;
698
- }
699
- accordionCheckbox.each(function () {
700
- that.doAccordion(jQuery(this), jQuery(this).is(':checked'));
701
- });
702
- accordionCheckbox.each(function () {
703
- jQuery(this).bind('change', function () {
704
- var attrChecked = jQuery(this).is(':checked');
705
- var currentCheckbox = jQuery(this);
706
- that.doAccordion(currentCheckbox, attrChecked);
707
- });
708
- });
709
- };
710
-
711
- YcdAdmin.prototype.doAccordion = function(checkbox, isChecked) {
712
- var accordionContent = checkbox.parents('.row').nextAll('.ycd-accordion-content').first();
713
- jQuery(window).trigger('ycdAccordionTriggered');
714
- if(isChecked) {
715
- accordionContent.removeClass('ycd-hide-content');
716
- }
717
- else {
718
- accordionContent.addClass('ycd-hide-content');
719
- }
720
- };
721
-
722
- YcdAdmin.prototype.select2 = function() {
723
- var select2 = jQuery('.js-ycd-select');
724
-
725
- if(!select2.length) {
726
- return false;
727
- }
728
-
729
- select2.select2();
730
- };
731
-
732
- YcdAdmin.prototype.initCountdownDateTimePicker = function() {
733
- var countdown = jQuery('.ycd-date-time-picker');
734
-
735
- if(!countdown.length) {
736
- return false;
737
- }
738
-
739
- countdown.datetimepicker({
740
- format: 'Y-m-d H:i',
741
- minDate: 0
742
- });
743
- };
744
-
745
- YcdAdmin.prototype.imageButton = function() {
746
- var custom_uploader;
747
- jQuery('.js-ycd-image-btn').each(function () {
748
- jQuery(this).click(function(e) {
749
- e.preventDefault();
750
- var currentButton = jQuery(this);
751
- /* If the uploader object has already been created, reopen the dialog */
752
- if (window.custom_uploader) {
753
- return;
754
- }
755
- /* Extend the wp.media object */
756
- custom_uploader = wp.media.frames.file_frame = wp.media({
757
- titleFF: 'Choose Image',
758
- button: {
759
- text: 'Choose Image'
760
- },
761
- multiple: false
762
- });
763
- window.custom_uploader = custom_uploader;
764
- /* When a file is selected, grab the URL and set it as the text field's value */
765
- custom_uploader.on('select', function() {
766
- var attachment = custom_uploader.state().get('selection').first().toJSON();
767
- var imageURL = jQuery('#'+jQuery(currentButton).data('src-id'));
768
- imageURL.val(attachment.url);
769
- imageURL.trigger('change');
770
- custom_uploader, window.custom_uploader = '';
771
- });
772
- /* Open the uploader dialog */
773
- custom_uploader.open();
774
- });
775
- });
776
-
777
- /* its finish image uploader */
778
- };
779
-
780
- jQuery(document).ready(function() {
781
- new YcdAdmin();
782
- });
783
-
784
- /*Conditions builder*/
785
- function YcdConditionBuilder() {
786
- }
787
-
788
- YcdConditionBuilder.prototype.init = function() {
789
- this.conditionsBuilder();
790
- this.select2();
791
- };
792
-
793
- YcdConditionBuilder.prototype.select2 = function() {
794
- var select2 = jQuery('.js-ycd-select');
795
-
796
- if(!select2.length) {
797
- return false;
798
- }
799
- select2.each(function() {
800
- var type = jQuery(this).data('select-type');
801
-
802
- var options = {
803
- width: '100%'
804
- };
805
-
806
- if (type == 'ajax') {
807
- options = jQuery.extend(options, {
808
- minimumInputLength: 1,
809
- ajax: {
810
- url: ajaxurl,
811
- dataType: 'json',
812
- delay: 250,
813
- type: "POST",
814
- data: function(params) {
815
-
816
- var searchKey = jQuery(this).attr('data-value-param');
817
- var postType = jQuery(this).attr('data-post-type');
818
-
819
- return {
820
- action: 'ycd_select2_search_data',
821
- nonce_ajax: ycd_admin_localized.nonce,
822
- postType: postType,
823
- searchTerm: params.term,
824
- searchKey: searchKey
825
- };
826
- },
827
- processResults: function(data) {
828
- return {
829
- results: jQuery.map(data.items, function(item) {
830
-
831
- return {
832
- text: item.text,
833
- id: item.id
834
- }
835
-
836
- })
837
- };
838
- }
839
- }
840
- });
841
- }
842
-
843
- jQuery(this).select2(options);
844
- });
845
- };
846
-
847
- YcdConditionBuilder.prototype.conditionsBuilder = function() {
848
- this.conditionsBuilderEdit();
849
- this.conditionsBuilderAdd();
850
- this.conditionsBuilderDelte();
851
- };
852
-
853
- YcdConditionBuilder.prototype.conditionsBuilderAdd = function() {
854
- var params = jQuery('.ycd-condition-add');
855
-
856
- if(!params.length) {
857
- return false;
858
- }
859
- var that = this;
860
- params.bind('click', function() {
861
- var currentWrapper = jQuery(this).parents('.ycd-condion-wrapper').first();
862
- var selectedParams = currentWrapper.find('.js-conditions-param').val();
863
-
864
- that.addViaAjax(selectedParams, currentWrapper);
865
- });
866
- };
867
-
868
- YcdConditionBuilder.prototype.conditionsBuilderDelte = function() {
869
- var params = jQuery('.ycd-condition-delete');
870
-
871
- if(!params.length) {
872
- return false;
873
- }
874
-
875
- params.bind('click', function() {
876
- var currentWrapper = jQuery(this).parents('.ycd-condion-wrapper').first();
877
-
878
- currentWrapper.remove();
879
- });
880
- };
881
-
882
- YcdConditionBuilder.prototype.conditionsBuilderEdit = function() {
883
- var params = jQuery('.js-conditions-param');
884
-
885
- if(!params.length) {
886
- return false;
887
- }
888
- var that = this;
889
- params.bind('change', function() {
890
- var selectedParams = jQuery(this).val();
891
- var currentWrapper = jQuery(this).parents('.ycd-condion-wrapper').first();
892
-
893
- that.changeViaAjax(selectedParams, currentWrapper);
894
- });
895
- };
896
-
897
- YcdConditionBuilder.prototype.addViaAjax = function(selectedParams, currentWrapper) {
898
- var conditionId = parseInt(currentWrapper.data('condition-id'))+1;
899
- var conditionsClassName = currentWrapper.parent().data('child-class');
900
-
901
- var that = this;
902
-
903
- var data = {
904
- action: 'ycd_add_conditions_row',
905
- nonce: ycd_admin_localized.nonce,
906
- conditionId: conditionId,
907
- conditionsClassName: conditionsClassName,
908
- selectedParams: selectedParams
909
- };
910
-
911
- jQuery.post(ajaxurl, data, function(response) {
912
- currentWrapper.after(response);
913
- that.init();
914
- });
915
- };
916
-
917
- YcdConditionBuilder.prototype.changeViaAjax = function(selectedParams, currentWrapper) {
918
- var conditionId = currentWrapper.data('condition-id');
919
- var conditionsClassName = currentWrapper.parent().data('child-class');
920
-
921
- var that = this;
922
-
923
- var data = {
924
- action: 'ycd_edit_conditions_row',
925
- nonce: ycd_admin_localized.nonce,
926
- conditionId: conditionId,
927
- conditionsClassName: conditionsClassName,
928
- selectedParams: selectedParams
929
- };
930
-
931
- jQuery.post(ajaxurl, data, function(response) {
932
- currentWrapper.replaceWith(response);
933
- that.init();
934
- });
935
- };
936
-
937
- jQuery(document).ready(function() {
938
- var obj = new YcdConditionBuilder();
939
- obj.init();
940
  });
1
+ function YcdAdmin() {
2
+ this.init();
3
+ }
4
+
5
+ YcdAdmin.prototype.init = function() {
6
+ this.initCountdownDateTimePicker();
7
+ this.select2();
8
+ this.accordionContent();
9
+ this.livePreviewToggle();
10
+ this.multipleChoiceButton();
11
+ this.switchCountdown();
12
+ this.soundUpload();
13
+ this.resetSound();
14
+ this.soundPreview();
15
+ this.support();
16
+ this.livePreview();
17
+ this.redirectToProWebpage();
18
+ this.newsletter();
19
+ this.promotionalVideo();
20
+ this.editor();
21
+ this.changeAnimation();
22
+ this.buttonFunctions();
23
+ this.copySortCode();
24
+
25
+ /*clock*/
26
+ this.clockLivePreview();
27
+ this.proOptions();
28
+ this.changeTimer();
29
+
30
+ this.imageButton();
31
+ var that = this;
32
+
33
+ jQuery(window).bind('ycdAccordionTriggered', function () {
34
+ that.imageButton();
35
+ });
36
+ this.comingSonColor();
37
+
38
+ if(ycd_admin_localized.pkgVersion == 1) {
39
+ this.redirectToSupportPage();
40
+ }
41
+ };
42
+
43
+ YcdAdmin.prototype.copySortCode = function() {
44
+ jQuery('.countdown-shortcode').bind('click', function() {
45
+ var currentId = jQuery(this).data('id');
46
+ var copyText = document.getElementById('ycd-shortcode-input-'+currentId);
47
+ copyText.select();
48
+ document.execCommand('copy');
49
+
50
+ var tooltip = document.getElementById('ycd-tooltip-'+currentId);
51
+ tooltip.innerHTML = ycd_admin_localized.copied;
52
+ });
53
+
54
+ jQuery(document).on('focusout', '.countdown-shortcode',function() {
55
+ var currentId = jQuery(this).data('id');
56
+ var tooltip = document.getElementById('ycd-tooltip-'+currentId);
57
+ tooltip.innerHTML = ycd_admin_localized.copyToClipboard;
58
+ });
59
+ };
60
+
61
+ YcdAdmin.prototype.buttonFunctions = function () {
62
+ var buttonOpacity = jQuery('#ycd-button-opacity');
63
+
64
+ if(!buttonOpacity.length) {
65
+ return false;
66
+ }
67
+
68
+ buttonOpacity.ionRangeSlider({
69
+ hide_min_max: true,
70
+ keyboard: true,
71
+ min: 0,
72
+ max: 1,
73
+ type: 'single',
74
+ step: 0.1,
75
+ prefix: '',
76
+ grid: false
77
+ });
78
+ };
79
+
80
+ YcdAdmin.prototype.changeTimer = function () {
81
+ var timers = jQuery('.ycd-timer-time-settings');
82
+
83
+ if (!timers.length) {
84
+ return false;
85
+ }
86
+ var modeChecker = jQuery('.ycd-timer-mode');
87
+ var clockMode = jQuery('.ycd-clock-mode');
88
+
89
+ modeChecker.bind('change', function () {
90
+ var args = {};
91
+ args.modeValue = jQuery(this).val();
92
+ args.allSeconds = parseInt(jQuery('#ycdTimeHours').val())*3600 + parseInt(jQuery('#ycdTimeMinutes').val())*60 + parseInt(jQuery('#ycdTimeSeconds').val());
93
+ jQuery(window).trigger('YcdClockChangeMode', args);
94
+ });
95
+
96
+ timers.bind('change', function () {
97
+ if(!jQuery('#ycdTimeHours').length) {
98
+ return false;
99
+ }
100
+ var allSeconds = parseInt(jQuery('#ycdTimeHours').val())*3600 + parseInt(jQuery('#ycdTimeMinutes').val())*60 + parseInt(jQuery('#ycdTimeSeconds').val());
101
+ jQuery(window).trigger('YcdClockTimerChange', allSeconds);
102
+ });
103
+
104
+ clockMode.bind('change', function () {
105
+ var val = jQuery(this).val();
106
+ jQuery(window).trigger('YcdClockModeChange', val);
107
+ });
108
+ };
109
+
110
+ YcdAdmin.prototype.animateCountdown = function () {
111
+ var circleWrapper = jQuery('.time_circles');
112
+
113
+ var animations = jQuery('.ycd-showing-animation');
114
+ var speed = jQuery('.ycd-circle-showing-animation-speed');
115
+
116
+ circleWrapper.removeClass(circleWrapper.data('effect'));
117
+ var speedValue = speed.val();
118
+ var animationEffect = animations.val();
119
+ setTimeout(function () {
120
+ circleWrapper.data('effect', animationEffect);
121
+ circleWrapper.css({'animationDuration' : parseInt(speedValue)*1000 + 'ms'});
122
+ circleWrapper.addClass('ycd-animated '+animationEffect);
123
+ }, 0);
124
+ };
125
+
126
+ YcdAdmin.prototype.changeAnimation = function() {
127
+ var previewIcon = jQuery('.ycd-preview-icon');
128
+
129
+ if(!previewIcon.length) {
130
+ return false;
131
+ }
132
+ var that = this;
133
+ var animations = jQuery('.ycd-showing-animation');
134
+
135
+ previewIcon.bind('click', function() {
136
+ that.animateCountdown();
137
+ });
138
+
139
+ animations.bind('change', function () {
140
+ that.animateCountdown();
141
+ });
142
+ };
143
+
144
+ YcdAdmin.prototype.editor = function() {
145
+ (function($){
146
+ $(function(){
147
+ if( $('#ycd-edtitor-head').length ) {
148
+ var editorSettings = wp.codeEditor.defaultSettings ? _.clone( wp.codeEditor.defaultSettings ) : {};
149
+ editorSettings.codemirror = _.extend(
150
+ {},
151
+ editorSettings.codemirror,
152
+ {
153
+ indentUnit: 2,
154
+ tabSize: 2
155
+ }
156
+ );
157
+ var editor = wp.codeEditor.initialize( $('#ycd-edtitor-head'), editorSettings );
158
+ }
159
+
160
+ if( $('#ycd-edtitor-js').length ) {
161
+ var editorSettings = wp.codeEditor.defaultSettings ? _.clone( wp.codeEditor.defaultSettings ) : {};
162
+ editorSettings.codemirror = _.extend(
163
+ {},
164
+ editorSettings.codemirror,
165
+ {
166
+ indentUnit: 2,
167
+ tabSize: 2,
168
+ mode: 'javascript',
169
+ }
170
+ );
171
+ var editor = wp.codeEditor.initialize( $('#ycd-edtitor-js'), editorSettings );
172
+ }
173
+
174
+ if( $('#ycd-edtitor-css').length ) {
175
+ var editorSettings = wp.codeEditor.defaultSettings ? _.clone( wp.codeEditor.defaultSettings ) : {};
176
+ editorSettings.codemirror = _.extend(
177
+ {},
178
+ editorSettings.codemirror,
179
+ {
180
+ indentUnit: 2,
181
+ tabSize: 2,
182
+ mode: 'css',
183
+ }
184
+ );
185
+ var editor = wp.codeEditor.initialize( $('#ycd-edtitor-css'), editorSettings );
186
+ }
187
+ });
188
+ })(jQuery);
189
+ };
190
+
191
+ YcdAdmin.prototype.proOptions = function() {
192
+ var proOptions = jQuery('label .ycd-pro-span');
193
+
194
+ if(!proOptions.length) {
195
+ return false;
196
+ }
197
+
198
+ proOptions.parent().bind('click', function(e) {
199
+ e.preventDefault();
200
+ window.open(ycd_admin_localized.proUrl);
201
+ });
202
+ };
203
+
204
+ YcdAdmin.prototype.redirectToSupportPage = function() {
205
+ var supportSubMenu = jQuery('#menu-posts-ycdcountdown a[href="edit.php?post_type=ycdcountdown&page=supports"]');
206
+
207
+ if(!supportSubMenu.length) {
208
+ return false;
209
+ }
210
+
211
+ supportSubMenu.bind('click', function(e) {
212
+ e.preventDefault();
213
+ window.open(ycd_admin_localized.supportURL);
214
+ });
215
+ };
216
+
217
+ YcdAdmin.prototype.promotionalVideo = function() {
218
+ var target = jQuery('.ycd-play-promotion-video');
219
+
220
+ if(!target.length) {
221
+ return false;
222
+ }
223
+
224
+ target.bind('click', function(e) {
225
+ e.preventDefault();
226
+ var href = jQuery(this).data('href');
227
+ window.open(href);
228
+ });
229
+ };
230
+
231
+ YcdAdmin.prototype.clockLivePreview = function() {
232
+ this.changeClcokWidth();
233
+ this.changeTimeZone();
234
+ this.changeAlignClock();
235
+ this.changeButtonBoxShadow();
236
+ };
237
+
238
+ YcdAdmin.prototype.changeButtonBoxShadow = function() {
239
+ var spreadSizes = jQuery('#ycd-circle-box-shadow-horizontal, #ycd-circle-box-shadow-vertical, #ycd-circle-box-spread-radius, #ycd-circle-box-blur-radius');
240
+
241
+ if (!spreadSizes) {
242
+ return false;
243
+ }
244
+ var liveChangeShadow = function() {
245
+ var shadowHorizontal = jQuery('#ycd-circle-box-shadow-horizontal').val()+'px';
246
+ var shadowVertical = jQuery('#ycd-circle-box-shadow-vertical').val()+'px';
247
+ var spreadRadius = parseInt(jQuery('#ycd-circle-box-spread-radius').val())+'px';
248
+ var blurRadius = jQuery('#ycd-circle-box-blur-radius').val()+'px';
249
+ var color = jQuery('#ycd-circle-box-shadow-color').val();
250
+ setTimeout(function () {
251
+ jQuery('.time_circles').css({'box-shadow': shadowHorizontal+' '+shadowVertical+' '+blurRadius+' '+spreadRadius+' '+color});
252
+ }, 0);
253
+ };
254
+
255
+ jQuery('#ycd-circle-box-shadow').bind('change', function () {
256
+ if(!jQuery(this).is(':checked')) {
257
+ jQuery('.time_circles').css({'box-shadow': 'none'});
258
+ }
259
+ else {
260
+ liveChangeShadow();
261
+ }
262
+ });
263
+ spreadSizes.bind('change', function() {
264
+ liveChangeShadow();
265
+ });
266
+
267
+ jQuery('#ycd-circle-box-shadow-color').minicolors({
268
+ change: function () {
269
+ liveChangeShadow();
270
+ }
271
+ });
272
+ };
273
+
274
+ YcdAdmin.prototype.comingSonColor = function () {
275
+ jQuery('.ycd-coming-soon-color').minicolors({
276
+ change: function () {
277
+ liveChangeShadow();
278
+ }
279
+ });
280
+ };
281
+
282
+ YcdAdmin.prototype.changeClcokWidth = function() {
283
+ var width = jQuery('.ycd-clock-width');
284
+
285
+ if (width.length) {
286
+ var that = this;
287
+ width.bind('change', function() {
288
+ var targetId = jQuery(this).data('target-index');
289
+ var widthVal = parseInt(jQuery(this).val())+'px';
290
+ var cnavas = jQuery('.ycdClock'+targetId);
291
+
292
+ cnavas.attr('width', widthVal);
293
+ cnavas.attr('height', widthVal);
294
+
295
+ that.reinitClock(targetId);
296
+ });
297
+ }
298
+ };
299
+
300
+ YcdAdmin.prototype.changeTimeZone = function() {
301
+ var timeZone = jQuery('.js-circle-time-zone');
302
+
303
+ if(!timeZone.length) {
304
+ return false;
305
+ }
306
+ var that = this;
307
+
308
+ timeZone.bind('change', function() {
309
+ var val = jQuery(this).val();
310
+ var targetId = jQuery(this).data('target-index');
311
+
312
+ if(!targetId) {
313
+ return false;
314
+ }
315
+ var options = jQuery('.ycdClock'+targetId).data('options');
316
+ if(!options) {
317
+ return false;
318
+ }
319
+ options['timeZone'] = val;
320
+ jQuery('.ycdClock'+targetId).attr('data-options', options);
321
+
322
+ that.reinitClock(targetId);
323
+ });
324
+ };
325
+
326
+ YcdAdmin.prototype.changeAlignClock = function() {
327
+ var alignement = jQuery('.ycd-clock-alignment');
328
+
329
+ if(!alignement.length) {
330
+ return false;
331
+ }
332
+ var that = this;
333
+
334
+ alignement.bind('change', function() {
335
+ var val = jQuery(this).val();
336
+ jQuery('.ycd-countdown-wrapper').css({'text-align': val});
337
+ });
338
+ };
339
+
340
+ YcdAdmin.prototype.reinitClock = function(targetId) {
341
+ var targetClassName = '.ycdClock'+targetId;
342
+ var cnavas = jQuery(targetClassName);
343
+ var dataArgs = cnavas.data('args');
344
+ var dataOptions = cnavas.data('options');
345
+
346
+ var width = jQuery(targetClassName).width();
347
+ var height = jQuery(targetClassName).height();
348
+
349
+ jQuery(targetClassName).remove();
350
+ jQuery('.ycd-countdown-wrapper').prepend('<canvas data-args='+JSON.stringify(dataArgs)+' data-options='+JSON.stringify(dataOptions)+' class="ycdClock'+targetId+'" width="'+width+'px" height="'+height+'px"></canvas>');
351
+
352
+ if (typeof YcdClock != 'undefined') {
353
+ var obj = new YcdClock();
354
+ }
355
+ else if (typeof YcdClockPro != 'ndefined') {
356
+ var obj = new YcdClockPro();
357
+ }
358
+
359
+ obj.init()
360
+ };
361
+
362
+ YcdAdmin.prototype.getTinymceContent = function()
363
+ {
364
+ if (jQuery('.wp-editor-wrap').hasClass('tmce-active')) {
365
+ return tinyMCE.activeEditor.getContent();
366
+ }
367
+
368
+ return jQuery('#ycd-newsletter-text').val();
369
+ };
370
+
371
+ YcdAdmin.prototype.newsletter = function() {
372
+ var sendButton = jQuery('.js-send-newsletter');
373
+
374
+ if (!sendButton.length) {
375
+ return false;
376
+ }
377
+ var that = this;
378
+
379
+ sendButton.bind('click', function(e) {
380
+ e.preventDefault();
381
+ jQuery('.ycd-validation-error').addClass('ycd-hide');
382
+ var validationStatus = true;
383
+ var fromEmail = jQuery('.ycd-newsletter-from-email').val();
384
+ var subscriptionFormId = jQuery('.js-ycd-newsletter-forms option:selected').val();
385
+ subscriptionFormId = parseInt(subscriptionFormId);
386
+ var validateEmail = fromEmail.search(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,10})+$/);
387
+ var emailsInFlow = jQuery('.ycd-emails-in-flow').val();
388
+ emailsInFlow = parseInt(emailsInFlow);
389
+
390
+ if (isNaN(subscriptionFormId)) {
391
+ jQuery('.ycd-newsletter-error').removeClass('ycd-hide');
392
+ validationStatus = false;
393
+ }
394
+
395
+ /*When the sent email isn't valid or the user hasn't selected any subscription form.*/
396
+ if (validateEmail == -1 ) {
397
+ validationStatus = false;
398
+ jQuery('.ycd-newsletter-from-email-error').removeClass('ycd-hide');
399
+ }
400
+
401
+ if (isNaN(emailsInFlow)) {
402
+ jQuery('.ycd-emails-in-flow-error').removeClass('ycd-hide');
403
+ validationStatus = false;
404
+ }
405
+
406
+ if (!validationStatus) {
407
+ return false;
408
+ }
409
+
410
+ var newsletterSubject = jQuery('.ycd-newsletter-subject').val();
411
+ var messageBody = that.getTinymceContent();
412
+
413
+ var data = {
414
+ nonce: ycd_admin_localized.nonce,
415
+ action: 'ycd_send_newsletter',
416
+ newsletterData: {
417
+ subscriptionFormId: subscriptionFormId,
418
+ beforeSend: function() {
419
+ jQuery('.ycd-js-newsletter-spinner').removeClass('ycd-hide');
420
+ jQuery('.ycd-newsletter-notice').addClass('ycd-hide');
421
+ },
422
+ fromEmail: fromEmail,
423
+ emailsInFlow: emailsInFlow,
424
+ newsletterSubject: newsletterSubject,
425
+ messageBody: messageBody
426
+ }
427
+ };
428
+
429
+ jQuery.post(ajaxurl, data, function() {
430
+ jQuery('.ycd-newsletter-notice').removeClass('ycd-hide');
431
+ jQuery('.ycd-js-newsletter-spinner').addClass('ycd-hide');
432
+ });
433
+ });
434
+ };
435
+
436
+ YcdAdmin.prototype.redirectToProWebpage = function() {
437
+ jQuery('.ycd-upgrade-button-red').bind('click', function(e) {
438
+ window.open(ycd_admin_localized.proUrl);
439
+ })
440
+ };
441
+
442
+ YcdAdmin.prototype.livePreview = function() {
443
+ var preview = jQuery('.ycd-live-preview');
444
+
445
+ if (!preview.length) {
446
+ return false;
447
+ }
448
+
449
+ preview.draggable({
450
+ stop: function(e, ui) {
451
+ jQuery('.ycd-live-preview').css({'height': 'auto'});
452
+ }
453
+ });
454
+ };
455
+
456
+ function validateEmail(email) {
457
+ var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
458
+ return re.test(String(email).toLowerCase());
459
+ }
460
+
461
+ YcdAdmin.prototype.support = function() {
462
+ var submit = jQuery('#ycd-support-request-button');
463
+
464
+ if(!submit.length) {
465
+ return false;
466
+ }
467
+ jQuery('#ycd-form').submit(function(e) {
468
+ e.preventDefault();
469
+ var isValid = true;
470
+ var emailError = jQuery('.ycd-validate-email-error');
471
+ emailError.addClass('ycd-hide');
472
+ jQuery('.ycd-required-fields').each(function() {
473
+ var currentVal = jQuery(this).val();
474
+ jQuery('.'+jQuery(this).data('error')).addClass('ycd-hide');
475
+
476
+ if(!currentVal) {
477
+ isValid = false;
478
+ jQuery('.'+jQuery(this).data('error')).removeClass('ycd-hide');
479
+ }
480
+ });
481
+
482
+ if(!isValid) {
483
+ return false;
484
+ }
485
+
486
+ if(!validateEmail(jQuery('#ycd-email').val())) {
487
+ emailError.removeClass('ycd-hide');
488
+ return false;
489
+ }
490
+ var data = {
491
+ action: 'ycdSupport',
492
+ nonce: ycd_admin_localized.nonce,
493
+ formData: jQuery(this).serialize(),
494
+ beforeSend: function() {
495
+ submit.prop('disabled', true);
496
+ jQuery('.ycd-support-spinner').removeClass('ycd-hide')
497
+ }
498
+ };
499
+
500
+ jQuery.post(ajaxurl, data, function(result) {
501
+ submit.prop('disabled', false);
502
+ jQuery('.ycd-support-spinner').addClass('ycd-hide');
503
+ jQuery('#ycd-form').remove();
504
+ jQuery('.ycd-support-success').removeClass('ycd-hide');
505
+ });
506
+ });
507
+ };
508
+
509
+ YcdAdmin.prototype.soundPreview = function() {
510
+ var songValue = 1;
511
+ var lastSong = undefined;
512
+
513
+ jQuery('.js-preview-sound').bind('click', function() {
514
+ var uploadFile = jQuery('#js-sound-open-url').val();
515
+ if (typeof lastSong == 'undefined') {
516
+ lastSong = new Audio (uploadFile);
517
+ }
518
+
519
+ /*
520
+ * songValue == 1 should be song
521
+ * songValue == 2 song should be pause
522
+ */
523
+ if(songValue == 1) {
524
+ lastSong.play();
525
+ songValue = 2;
526
+
527
+ }
528
+ else if(songValue == 2) {
529
+ lastSong.pause();
530
+ songValue = 1;
531
+
532
+ }
533
+
534
+ lastSong.onended = function()
535
+ {
536
+ lastSong = undefined;
537
+ songValue = 1;
538
+ }
539
+ });
540
+
541
+ jQuery('#js-sound-open-url').change(function() {
542
+ if(typeof lastSong != 'undefined') {
543
+ lastSong.pause();
544
+ lastSong = undefined;
545
+ }
546
+ songValue = 1;
547
+ });
548
+
549
+ jQuery('#js-reset-to-default-song').click(function(e) {
550
+ e.preventDefault();
551
+
552
+ if(typeof lastSong != 'undefined') {
553
+ lastSong.pause();
554
+ lastSong = undefined;
555
+ }
556
+ songValue = 1;
557
+
558
+ var defaultSong = jQuery(this).data('default-song');
559
+ jQuery('#js-sound-open-url').val(defaultSong).change();
560
+ });
561
+ };
562
+
563
+ YcdAdmin.prototype.resetSound = function() {
564
+ var resetButton = jQuery('#js-reset-to-default-song');
565
+
566
+ if(!resetButton.length) {
567
+ return false;
568
+ }
569
+
570
+ resetButton.bind('click', function() {
571
+ var defaultSoundUrl = jQuery(this).data('default-song');
572
+ jQuery('#js-sound-open-url').val(defaultSoundUrl).change();
573
+ });
574
+ };
575
+
576
+ YcdAdmin.prototype.soundUpload = function() {
577
+ var uploadButton = jQuery('#js-upload-countdown-end-sound');
578
+
579
+ if(!uploadButton.length) {
580
+ return false;
581
+ }
582
+ var uploader;
583
+ uploadButton.bind('click', function(e) {
584
+ e.preventDefault();
585
+
586
+ if(uploader) {
587
+ uploader.open();
588
+ return false;
589
+ }
590
+
591
+ /* Extend the wp.media object */
592
+ uploader = wp.media.frames.file_frame = wp.media({
593
+ titleFF : ycd_admin_localized.changeSound,
594
+ button : {
595
+ text : ycd_admin_localized.changeSound
596
+ },
597
+ library : {type : ['audio/mpeg', 'audio/wav', 'audio/mp3']},
598
+ multiple : false
599
+ });
600
+
601
+ /* When a file is selected, grab the URL and set it as the text field's value */
602
+ uploader.on('select', function() {
603
+ var attachment = uploader.state().get('selection').first().toJSON();
604
+ jQuery('#js-sound-open-url').val(attachment.url).change();
605
+ });
606
+ /* Open the uploader dialog */
607
+ uploader.open();
608
+ });
609
+ };
610
+
611
+ YcdAdmin.prototype.switchCountdown = function() {
612
+ var switchCountdown = jQuery('.ycd-countdown-enable');
613
+
614
+ if(!switchCountdown.length) {
615
+ return false;
616
+ }
617
+
618
+ switchCountdown.each(function() {
619
+ jQuery(this).bind('change', function() {
620
+ var data = {
621
+ action: 'ycd-switch',
622
+ nonce: ycd_admin_localized.nonce,
623
+ id: jQuery(this).data('id'),
624
+ checked: jQuery(this).is(':checked')
625
+ };
626
+
627
+ jQuery.post(ajaxurl, data, function() {
628
+
629
+ });
630
+ })
631
+ });
632
+ };
633
+
634
+ YcdAdmin.prototype.multipleChoiceButton = function() {
635
+ var choiceOptions = jQuery('.ycd-choice-option-wrapper input');
636
+ if(!choiceOptions.length) {
637
+ return false;
638
+ }
639
+
640
+ var that = this;
641
+
642
+ choiceOptions.each(function() {
643
+
644
+ if(jQuery(this).is(':checked')) {
645
+ that.buildChoiceShowOption(jQuery(this));
646
+ }
647
+
648
+ jQuery(this).on('change', function() {
649
+ that.hideAllChoiceWrapper(jQuery(this).parents('.ycd-multichoice-wrapper').first());
650
+ that.buildChoiceShowOption(jQuery(this));
651
+ });
652
+ })
653
+ };
654
+
655
+ YcdAdmin.prototype.hideAllChoiceWrapper = function(choiceOptionsWrapper) {
656
+ choiceOptionsWrapper.find('input').each(function() {
657
+ var choiceInputWrapperId = jQuery(this).attr('data-attr-href');
658
+ jQuery('#'+choiceInputWrapperId).addClass('ycd-hide');
659
+ })
660
+ };
661
+
662
+ YcdAdmin.prototype.buildChoiceShowOption = function(currentRadioButton) {
663
+ var choiceOptions = currentRadioButton.attr('data-attr-href');
664
+ var currentOptionWrapper = currentRadioButton.parents('.ycd-choice-wrapper').first();
665
+ var choiceOptionWrapper = jQuery('#'+choiceOptions).removeClass('ycd-hide');
666
+ currentOptionWrapper.after(choiceOptionWrapper);
667
+ };
668
+
669
+ YcdAdmin.prototype.livePreviewToggle = function() {
670
+ var livePreviewText = jQuery('.ycd-toggle-icon');
671
+
672
+ if (!livePreviewText.length) {
673
+ return false;
674
+ }
675
+ livePreviewText.attr('checked', true);
676
+ livePreviewText.bind('click', function() {
677
+ var isChecked = jQuery(this).attr('checked');
678
+
679
+ if (isChecked) {
680
+ jQuery('.ycd-toggle-icon').removeClass('ycd-toggle-icon-open').addClass('ycd-toggle-icon-close');
681
+ }
682
+ else {
683
+ jQuery('.ycd-toggle-icon').removeClass('ycd-toggle-icon-close').addClass('ycd-toggle-icon-open');
684
+ }
685
+ jQuery('.ycd-countdown-wrapper').slideToggle(1000, 'swing', function () {
686
+ });
687
+ livePreviewText.attr('checked', !isChecked);
688
+ });
689
+ };
690
+
691
+ YcdAdmin.prototype.accordionContent = function() {
692
+
693
+ var that = this;
694
+ var accordionCheckbox = jQuery('.ycd-accordion-checkbox');
695
+
696
+ if (!accordionCheckbox.length) {
697
+ return false;
698
+ }
699
+ accordionCheckbox.each(function () {
700
+ that.doAccordion(jQuery(this), jQuery(this).is(':checked'));
701
+ });
702
+ accordionCheckbox.each(function () {
703
+ jQuery(this).bind('change', function () {
704
+ var attrChecked = jQuery(this).is(':checked');
705
+ var currentCheckbox = jQuery(this);
706
+ that.doAccordion(currentCheckbox, attrChecked);
707
+ });
708
+ });
709
+ };
710
+
711
+ YcdAdmin.prototype.doAccordion = function(checkbox, isChecked) {
712
+ var accordionContent = checkbox.parents('.row').nextAll('.ycd-accordion-content').first();
713
+ jQuery(window).trigger('ycdAccordionTriggered');
714
+ if(isChecked) {
715
+ accordionContent.removeClass('ycd-hide-content');
716
+ }
717
+ else {
718
+ accordionContent.addClass('ycd-hide-content');
719
+ }
720
+ };
721
+
722
+ YcdAdmin.prototype.select2 = function() {
723
+ var select2 = jQuery('.js-ycd-select');
724
+
725
+ if(!select2.length) {
726
+ return false;
727
+ }
728
+
729
+ select2.select2();
730
+ };
731
+
732
+ YcdAdmin.prototype.initCountdownDateTimePicker = function() {
733
+ var countdown = jQuery('.ycd-date-time-picker');
734
+
735
+ if(!countdown.length) {
736
+ return false;
737
+ }
738
+
739
+ countdown.datetimepicker({
740
+ format: 'Y-m-d H:i',
741
+ minDate: 0
742
+ });
743
+ };
744
+
745
+ YcdAdmin.prototype.imageButton = function() {
746
+ var custom_uploader;
747
+ jQuery('.js-ycd-image-btn').each(function () {
748
+ jQuery(this).click(function(e) {
749
+ e.preventDefault();
750
+ var currentButton = jQuery(this);
751
+ /* If the uploader object has already been created, reopen the dialog */
752
+ if (window.custom_uploader) {
753
+ return;
754
+ }
755
+ /* Extend the wp.media object */
756
+ custom_uploader = wp.media.frames.file_frame = wp.media({
757
+ titleFF: 'Choose Image',
758
+ button: {
759
+ text: 'Choose Image'
760
+ },
761
+ multiple: false
762
+ });
763
+ window.custom_uploader = custom_uploader;
764
+ /* When a file is selected, grab the URL and set it as the text field's value */
765
+ custom_uploader.on('select', function() {
766
+ var attachment = custom_uploader.state().get('selection').first().toJSON();
767
+ var imageURL = jQuery('#'+jQuery(currentButton).data('src-id'));
768
+ imageURL.val(attachment.url);
769
+ imageURL.trigger('change');
770
+ custom_uploader, window.custom_uploader = '';
771
+ });
772
+ /* Open the uploader dialog */
773
+ custom_uploader.open();
774
+ });
775
+ });
776
+
777
+ /* its finish image uploader */
778
+ };
779
+
780
+ jQuery(document).ready(function() {
781
+ new YcdAdmin();
782
+ });
783
+
784
+ /*Conditions builder*/
785
+ function YcdConditionBuilder() {
786
+ }
787
+
788
+ YcdConditionBuilder.prototype.init = function() {
789
+ this.conditionsBuilder();
790
+ this.select2();
791
+ };
792
+
793
+ YcdConditionBuilder.prototype.select2 = function() {
794
+ var select2 = jQuery('.js-ycd-select');
795
+
796
+ if(!select2.length) {
797
+ return false;
798
+ }
799
+ select2.each(function() {
800
+ var type = jQuery(this).data('select-type');
801
+
802
+ var options = {
803
+ width: '100%'
804
+ };
805
+
806
+ if (type == 'ajax') {
807
+ options = jQuery.extend(options, {
808
+ minimumInputLength: 1,
809
+ ajax: {
810
+ url: ajaxurl,
811
+ dataType: 'json',
812
+ delay: 250,
813
+ type: "POST",
814
+ data: function(params) {
815
+
816
+ var searchKey = jQuery(this).attr('data-value-param');
817
+ var postType = jQuery(this).attr('data-post-type');
818
+
819
+ return {
820
+ action: 'ycd_select2_search_data',
821
+ nonce_ajax: ycd_admin_localized.nonce,
822
+ postType: postType,
823
+ searchTerm: params.term,
824
+ searchKey: searchKey
825
+ };
826
+ },
827
+ processResults: function(data) {
828
+ return {
829
+ results: jQuery.map(data.items, function(item) {
830
+
831
+ return {
832
+ text: item.text,
833
+ id: item.id
834
+ }
835
+
836
+ })
837
+ };
838
+ }
839
+ }
840
+ });
841
+ }
842
+
843
+ jQuery(this).select2(options);
844
+ });
845
+ };
846
+
847
+ YcdConditionBuilder.prototype.conditionsBuilder = function() {
848
+ this.conditionsBuilderEdit();
849
+ this.conditionsBuilderAdd();
850
+ this.conditionsBuilderDelte();
851
+ };
852
+
853
+ YcdConditionBuilder.prototype.conditionsBuilderAdd = function() {
854
+ var params = jQuery('.ycd-condition-add');
855
+
856
+ if(!params.length) {
857
+ return false;
858
+ }
859
+ var that = this;
860
+ params.bind('click', function() {
861
+ var currentWrapper = jQuery(this).parents('.ycd-condion-wrapper').first();
862
+ var selectedParams = currentWrapper.find('.js-conditions-param').val();
863
+
864
+ that.addViaAjax(selectedParams, currentWrapper);
865
+ });
866
+ };
867
+
868
+ YcdConditionBuilder.prototype.conditionsBuilderDelte = function() {
869
+ var params = jQuery('.ycd-condition-delete');
870
+
871
+ if(!params.length) {
872
+ return false;
873
+ }
874
+
875
+ params.bind('click', function() {
876
+ var currentWrapper = jQuery(this).parents('.ycd-condion-wrapper').first();
877
+
878
+ currentWrapper.remove();
879
+ });
880
+ };
881
+
882
+ YcdConditionBuilder.prototype.conditionsBuilderEdit = function() {
883
+ var params = jQuery('.js-conditions-param');
884
+
885
+ if(!params.length) {
886
+ return false;
887
+ }
888
+ var that = this;
889
+ params.bind('change', function() {
890
+ var selectedParams = jQuery(this).val();
891
+ var currentWrapper = jQuery(this).parents('.ycd-condion-wrapper').first();
892
+
893
+ that.changeViaAjax(selectedParams, currentWrapper);
894
+ });
895
+ };
896
+
897
+ YcdConditionBuilder.prototype.addViaAjax = function(selectedParams, currentWrapper) {
898
+ var conditionId = parseInt(currentWrapper.data('condition-id'))+1;
899
+ var conditionsClassName = currentWrapper.parent().data('child-class');
900
+
901
+ var that = this;
902
+
903
+ var data = {
904
+ action: 'ycd_add_conditions_row',
905
+ nonce: ycd_admin_localized.nonce,
906
+ conditionId: conditionId,
907
+ conditionsClassName: conditionsClassName,
908
+ selectedParams: selectedParams
909
+ };
910
+
911
+ jQuery.post(ajaxurl, data, function(response) {
912
+ currentWrapper.after(response);
913
+ that.init();
914
+ });
915
+ };
916
+
917
+ YcdConditionBuilder.prototype.changeViaAjax = function(selectedParams, currentWrapper) {
918
+ var conditionId = currentWrapper.data('condition-id');
919
+ var conditionsClassName = currentWrapper.parent().data('child-class');
920
+
921
+ var that = this;
922
+
923
+ var data = {
924
+ action: 'ycd_edit_conditions_row',
925
+ nonce: ycd_admin_localized.nonce,
926
+ conditionId: conditionId,
927
+ conditionsClassName: conditionsClassName,
928
+ selectedParams: selectedParams
929
+ };
930
+
931
+ jQuery.post(ajaxurl, data, function(response) {
932
+ currentWrapper.replaceWith(response);
933
+ that.init();
934
+ });
935
+ };
936
+
937
+ jQuery(document).ready(function() {
938
+ var obj = new YcdConditionBuilder();
939
+ obj.init();
940
  });
assets/js/Countdown.js CHANGED
@@ -1,840 +1,840 @@
1
- function YcdCountdown() {
2
- this.init();
3
- this.options = {};
4
- this.allOptions = {};
5
- }
6
-
7
- YcdCountdown.prototype = new YcgGeneral();
8
-
9
- YcdCountdown.prototype.setOptions = function(options) {
10
- this.options = options;
11
- };
12
-
13
- YcdCountdown.prototype.getOptions = function() {
14
- return this.options;
15
- };
16
-
17
- YcdCountdown.prototype.setAllOptions = function(allOptions) {
18
- this.allOptions = allOptions;
19
- };
20
-
21
- YcdCountdown.prototype.getAllOptions = function() {
22
- return this.allOptions;
23
- };
24
-
25
- YcdCountdown.prototype.init = function() {
26
- this.startTimeCircle();
27
- this.minicolors();
28
- this.ionRangeSlider();
29
- this.imageUpload();
30
- this.responsive();
31
- this.contentClick();
32
- this.showingLimitation();
33
- this.animations();
34
- this.livePreview();
35
- };
36
-
37
- YcdCountdown.prototype.animations = function () {
38
- var allOptions = this.allOptions;
39
- var circles = jQuery('.time_circles');
40
-
41
- if(!circles.length || !allOptions['ycd-countdown-showing-animation']) {
42
- return false;
43
- }
44
- var animationEffect = allOptions['ycd-circle-showing-animation'];
45
- var speed = allOptions['ycd-circle-showing-animation-speed'];
46
- circles.data('effect', animationEffect);
47
- circles.css({'animationDuration' : parseInt(speed)*1000+ 'ms'});
48
- circles.addClass('ycd-animated '+animationEffect);
49
- };
50
-
51
- YcdCountdown.jsCookies = {
52
-
53
- /* this gets a cookie and returns the cookies value, if no cookies it returns blank "" */
54
- get: function(c_name) {
55
- if (document.cookie.length > 0) {
56
- var c_start = document.cookie.indexOf(c_name + "=");
57
- if (c_start != -1) {
58
- c_start = c_start + c_name.length + 1;
59
- var c_end = document.cookie.indexOf(";", c_start);
60
- if (c_end == -1) {
61
- c_end = document.cookie.length;
62
- }
63
- return unescape(document.cookie.substring(c_start, c_end));
64
- }
65
- }
66
- return "";
67
- },
68
-
69
- /* this sets a cookie with your given ("cookie name", "cookie value", "good for x days") */
70
- set: function(c_name, value, expiredays) {
71
- var exdate = new Date();
72
- exdate.setDate(exdate.getDate() + expiredays);
73
- document.cookie = c_name + "=" + escape(value) + ((expiredays == null) ? "" : "; expires=" + exdate.toUTCString());
74
- },
75
-
76
- /* this checks to see if a cookie exists, then returns true or false */
77
- check: function(c_name) {
78
- c_name = jsCookies.get(c_name);
79
- if (c_name != null && c_name != "") {
80
- return true;
81
- } else {
82
- return false;
83
- }
84
- }
85
-
86
- };
87
-
88
- YcdCountdown.prototype.showingLimitation = function() {
89
- var options = this.options;
90
- if(!options) {
91
- return false;
92
- }
93
- if(options['ycd-countdown-showing-limitation']) {
94
- var id = this.allOptions['id'];
95
- var expireTime = options['ycd-countdown-expiration-time'];
96
-
97
- YcdCountdown.jsCookies.set('YcdDontShow'+id, 1, expireTime);
98
- }
99
- };
100
-
101
- YcdCountdown.prototype.responsive = function() {
102
- var scale = function () {
103
- jQuery('.ycd-circle-wrapper').each(function () {
104
- var scaleDegree = jQuery(this).width()/jQuery('.ycd-time-circle', this).width();
105
-
106
- if(jQuery('.ycd-time-circle', this).width() > jQuery(this).width()) {
107
- jQuery('.ycd-time-circle', this).css({
108
- 'transform': 'scale('+ scaleDegree +', '+scaleDegree+')'
109
- });
110
- }
111
- else {
112
- jQuery('.ycd-time-circle', this).css({
113
- 'transform': 'scale('+ 1 +', '+1+')'
114
- });
115
- }
116
- });
117
- };
118
-
119
- scale();
120
- jQuery(window).resize(function () {
121
- scale();
122
- })
123
- };
124
-
125
- YcdCountdown.prototype.contentClick = function() {
126
- var allOptions = this.allOptions;
127
-
128
- if(allOptions && allOptions['ycd-countdown-content-click']) {
129
- var id = allOptions['id'];
130
- var circleWrapper = jQuery('.ycd-circle-'+id+'-wrapper');
131
- circleWrapper.css({'cursor': 'pointer'});
132
- circleWrapper.bind('click', function () {
133
- if(allOptions['ycd-countdown-content-click-url-tab']) {
134
- window.open(allOptions['ycd-countdown-content-click-url']);
135
- }
136
- else {
137
- window.location.href = allOptions['ycd-countdown-content-click-url'];
138
- }
139
- });
140
- }
141
- };
142
-
143
- YcdCountdown.prototype.imageUpload = function() {
144
- var custom_uploader;
145
- jQuery('#js-upload-image-button').click(function(e) {
146
- e.preventDefault();
147
-
148
- /* If the uploader object has already been created, reopen the dialog */
149
- if (custom_uploader) {
150
- custom_uploader.open();
151
- return;
152
- }
153
- /* Extend the wp.media object */
154
- custom_uploader = wp.media.frames.file_frame = wp.media({
155
- titleFF: 'Choose Image',
156
- button: {
157
- text: 'Choose Image'
158
- },
159
- multiple: false
160
- });
161
- /* When a file is selected, grab the URL and set it as the text field's value */
162
- custom_uploader.on('select', function() {
163
- var attachment = custom_uploader.state().get('selection').first().toJSON();
164
- var imageURL = jQuery('#ycd-bg-image-url');
165
- imageURL.val(attachment.url);
166
- imageURL.trigger('change');
167
- });
168
- /* Open the uploader dialog */
169
- custom_uploader.open();
170
- });
171
-
172
- /* its finish image uploader */
173
- };
174
-
175
- YcdCountdown.prototype.ionRangeSlider= function() {
176
-
177
- var that = this;
178
- var circleWidth = jQuery('#ycd-circle-width');
179
-
180
- if(!circleWidth.length) {
181
- return false;
182
- }
183
- circleWidth.ionRangeSlider({
184
- hide_min_max: true,
185
- keyboard: true,
186
- min: 0.0033333333333333335,
187
- max: 0.13333333333333333,
188
- type: 'single',
189
- step: 0.003333333,
190
- prefix: '',
191
- grid: false
192
- }).change(function() {
193
- var val = jQuery(this).val();
194
- that.changeOption('fg_width', val);
195
- that.build();
196
- });
197
-
198
- jQuery('#ycd-js-circle-bg-width').ionRangeSlider({
199
- hide_min_max: true,
200
- keyboard: true,
201
- min: 0.1,
202
- max: 3,
203
- type: 'single',
204
- step: 0.1,
205
- prefix: '',
206
- grid: false
207
- }).change(function() {
208
- var val = jQuery(this).val();
209
- that.changeOption('bg_width', val);
210
- that.build();
211
- });
212
-
213
- jQuery('#ycd-js-circle-start-angle').ionRangeSlider({
214
- hide_min_max: true,
215
- keyboard: true,
216
- min: 0,
217
- max: 360,
218
- type: 'single',
219
- step: 10,
220
- prefix: '',
221
- grid: false
222
- }).change(function() {
223
- var val = jQuery(this).val();
224
- that.changeOption('start_angle', val);
225
- that.build();
226
- });
227
- };
228
-
229
- YcdCountdown.prototype.minicolors = function() {
230
- var minicolors = jQuery('.js-ycd-time-color');
231
-
232
- if(!minicolors.length) {
233
- return false;
234
- }
235
- var circle = jQuery('.ycd-time-circle');
236
-
237
- minicolors.minicolors({
238
- change: function() {
239
- var color = jQuery(this).val();
240
- var timeName = jQuery(this).data('time-type');
241
- var options = circle.data('options');
242
- options.time[timeName].color = color;
243
- circle.data('options', options);
244
- circle.TimeCircles(options).rebuild();
245
- }
246
- });
247
- };
248
-
249
- YcdCountdown.prototype.livePreview = function() {
250
- this.changeDateType();
251
- this.chnageDateDuration();
252
- this.changeWooCountdownDate();
253
- this.changeDate();
254
- this.changeTimeZone();
255
- this.changeCountsAnimation();
256
- this.changeCountsDirection();
257
- this.changeBackgroundCircle();
258
- this.changeDimension();
259
- this.changeSwitchTextAndNumber();
260
- this.changeTimesStatus();
261
- this.changeTimesText();
262
- this.changeBackgroundImage();
263
- this.circleBgColor();
264
- this.changeFontSize();
265
- this.changeFontWeight();
266
- this.changeFontStyle();
267
- this.changeFontFamily();
268
- this.changeTextColor();
269
- this.changePadding();
270
- this.changeAlignment();
271
- this.changeNumberStyles();
272
-
273
- /* change schedule */
274
- this.changeScheduleWeekDay();
275
- this.changeScheduleHour();
276
- this.changeSchedileTimeZone();
277
- };
278
-
279
- YcdCountdown.prototype.changeSchedileTimeZone = function() {
280
- var timeZone = jQuery('.js-ycd-schedule-time-zone');
281
-
282
- if(!timeZone.length) {
283
- return false;
284
- }
285
- that = this;
286
- var countdowns = jQuery('.ycd-time-circle');
287
- timeZone.bind('change', function() {
288
- var name = jQuery(this).attr('name');
289
- var val = jQuery('option:selected', this).val();
290
- var options = countdowns.data('options');
291
- options[name] = val;
292
- countdowns.data('options', options);
293
- countdowns = that.addTimeToClock(options, countdowns);
294
- jQuery('.ycd-time-circle').TimeCircles().restart();
295
- });
296
- };
297
-
298
- YcdCountdown.prototype.changeScheduleHour = function() {
299
- var hours = jQuery('.js-datetimepicker-seconds');
300
-
301
- if(!hours.length) {
302
- return false;
303
- }
304
-
305
- var countdowns = jQuery('.ycd-time-circle');
306
- hours.bind('change', function() {
307
- var name = jQuery(this).attr('name');
308
- var val = jQuery(this).val();
309
- var options = countdowns.data('options');
310
- options[name] = val;
311
- countdowns.data('options', options);
312
- countdowns = that.addTimeToClock(options, countdowns);
313
- jQuery('.ycd-time-circle').TimeCircles().restart();
314
- });
315
- }
316
-
317
- YcdCountdown.prototype.changeScheduleWeekDay = function() {
318
- var weekDay = jQuery('.ycd-date-week-day');
319
-
320
- if(!weekDay.length) {
321
- return false;
322
- }
323
- that = this;
324
- var countdowns = jQuery('.ycd-time-circle');
325
- weekDay.bind('change', function() {
326
- var name = jQuery(this).attr('name');
327
- var val = jQuery('option:selected', this).val();
328
- var options = countdowns.data('options');
329
- options[name] = val;
330
- options[jQuery(this).data('week-number-key')] = YcdCountdownProFunctionality.weekDayNumberFromName(val);
331
- countdowns.data('options', options);
332
- countdowns = that.addTimeToClock(options, countdowns);
333
- jQuery('.ycd-time-circle').TimeCircles().restart();
334
- })
335
- };
336
-
337
- YcdCountdown.prototype.changeDateType = function() {
338
- var types = jQuery('.ycd-date-type');
339
-
340
- if(!types.length) {
341
- return false;
342
- }
343
- that = this;
344
- var countdowns = jQuery('.ycd-time-circle');
345
- types.bind('change', function() {
346
- var val = jQuery(this).val();
347
- var timeName = jQuery(this).attr('name');
348
- var options = countdowns.data('options');
349
- options[timeName] = val;
350
- countdowns.data('options', options);
351
- countdowns = that.addTimeToClock(options, countdowns);
352
- jQuery('.ycd-time-circle').TimeCircles().restart();
353
- });
354
- };
355
-
356
- YcdCountdown.prototype.chnageDateDuration = function() {
357
- var types = jQuery('.ycd-timer-time-settings');
358
-
359
- if(!types.length) {
360
- return false;
361
- }
362
- that = this;
363
- var countdowns = jQuery('.ycd-time-circle');
364
- types.bind('change', function() {
365
- var val = jQuery(this).val();
366
- var timeName = jQuery(this).attr('name');
367
- var options = countdowns.data('options');
368
- options[timeName] = val;
369
- countdowns.data('options', options);
370
- that.addTimeToClock(options, countdowns);
371
- jQuery('.ycd-time-circle').TimeCircles().restart();
372
- });
373
- };
374
-
375
- YcdCountdown.prototype.changeWooCountdownDate = function() {
376
- var types = jQuery('.js-ycd-woo-coupon');
377
-
378
- if(!types.length) {
379
- return false;
380
- }
381
- that = this;
382
- var countdowns = jQuery('.ycd-time-circle');
383
- types.bind('change', function() {
384
- var val = jQuery('.ycd-woo-coupon-date').val();
385
- val.replace('/', '-')+' 00:00:00';
386
- var selectedTimezone = jQuery('.js-ycd-woo-time-zone option:selected').val();
387
- var seconds = that.setCounterTime(val, selectedTimezone);
388
- jQuery('.ycd-time-circle').data('timer', seconds).TimeCircles().restart();
389
- });
390
- };
391
-
392
- YcdCountdown.prototype.changeAlignment = function() {
393
- var alignment = jQuery('.ycd-circle-alignment');
394
-
395
- if(!alignment.length) {
396
- return false;
397
- }
398
-
399
- alignment.bind('change', function() {
400
- var align = jQuery('option:selected', this).val();
401
- jQuery('.ycd-circle-wrapper').css({'text-align': align})
402
- })
403
- };
404
-
405
- YcdCountdown.prototype.changePadding = function() {
406
- var padding = jQuery('#ycd-countdown-padding');
407
-
408
- if(!padding.length) {
409
- return false;
410
- }
411
-
412
- padding.bind('change', function() {
413
- var padding = jQuery(this).val();
414
- padding = parseInt(padding) + 'px';
415
- jQuery('.ycd-time-circle').css({'padding': padding})
416
- });
417
- };
418
-
419
- YcdCountdown.prototype.changeTextColor = function() {
420
- var textColor = jQuery('.js-ycd-time-text-color');
421
-
422
- if(!textColor.length) {
423
- return false;
424
- }
425
-
426
- textColor.minicolors({
427
- change: function() {
428
- var color = jQuery(this).val();
429
- var type = jQuery(this).data('time-type');
430
- jQuery('.textDiv_'+type+' h4, '+'.textDiv_'+type+' span').css({color: color});
431
- }
432
- });
433
- };
434
-
435
- YcdCountdown.prototype.changeFontFamily = function() {
436
- var fonts = jQuery('.js-countdown-font-family');
437
-
438
- if(!fonts.length) {
439
- return false;
440
- }
441
- var that = this;
442
-
443
- fonts.bind('change', function() {
444
- that.changeTextStyles();
445
- });
446
- };
447
-
448
- YcdCountdown.prototype.changeFontWeight = function() {
449
- var fontWeight = jQuery('.js-countdown-font-weight');
450
-
451
- if(!fontWeight.length) {
452
- return false
453
- }
454
- var that = this;
455
-
456
- fontWeight.bind('change', function() {
457
- that.changeTextStyles();
458
- });
459
- };
460
-
461
- YcdCountdown.prototype.changeFontStyle = function() {
462
- var fontStyle = jQuery('.js-countdown-font-style');
463
-
464
- if(!fontStyle.length) {
465
- return false
466
- }
467
- var that = this;
468
-
469
- fontStyle.bind('change', function() {
470
- that.changeTextStyles();
471
- });
472
- };
473
-
474
- YcdCountdown.prototype.changeFontSize = function() {
475
- var fontSize = jQuery('.js-countdown-font-size, .js-countdown-text-style');
476
-
477
- if(!fontSize) {
478
- return false;
479
- }
480
- var that = this;
481
-
482
- fontSize.bind('change', function() {
483
- that.changeTextStyles();
484
- });
485
- };
486
-
487
- YcdCountdown.prototype.changeTextStyles = function() {
488
- var circle = jQuery('.ycd-time-circle');
489
- var fontSize = jQuery('.js-countdown-font-size').val()+'px';
490
- var marginTop = jQuery('.js-countdown-text-margin-top').val()+'px';
491
- var fontWeight = jQuery('.js-countdown-font-weight').val();
492
- var fontFamily = jQuery('.js-countdown-font-family').val();
493
- var fontStyle = jQuery('.js-countdown-font-style').val();
494
-
495
- circle.find('h4').each(function() {
496
- jQuery(this).attr('style',
497
- 'font-size: ' + fontSize+' !important;' +
498
- 'margin-top: ' + marginTop+' !important;' +
499
- 'font-weight: ' + fontWeight+' !important;' +
500
- 'font-family:' + fontFamily + '!important;'+
501
- 'font-style:' + fontStyle + '!important'
502
- );
503
- })
504
- };
505
-
506
- YcdCountdown.prototype.changeNumberStyles = function() {
507
- var changeNumberTarget = jQuery('.js-countdown-number-size,.js-countdown-number-font-weight, .js-countdown-number-font, .js-countdown-number-font-style, .js-countdown-number-style');
508
- var that = this;
509
-
510
- if(!changeNumberTarget.length) {
511
- return false;
512
- }
513
- changeNumberTarget.bind('change', function() {
514
- that.setNumberStyles();
515
- });
516
- };
517
-
518
- YcdCountdown.prototype.setNumberStyles = function() {
519
- var circle = jQuery('.ycd-time-circle');
520
- var fontSize = jQuery('.js-countdown-number-size').val()+'px';
521
- var marginTop = jQuery('.js-countdown-number-margin-bottom').val()+'px';
522
- var fontWeight = jQuery('.js-countdown-number-font-weight').val();
523
- var fontFamily = jQuery('.js-countdown-number-font').val();
524
- var fontStyle = jQuery('.js-countdown-number-font-style').val();
525
-
526
- circle.find('span').each(function() {
527
- jQuery(this).attr('style',
528
- 'font-size: ' + fontSize+' !important;' +
529
- 'margin-top: ' + marginTop+' !important;' +
530
- 'font-weight: ' + fontWeight+' !important;' +
531
- 'font-family:' + fontFamily + '!important;'+
532
- 'font-style:' + fontStyle + '!important'
533
- );
534
- })
535
- };
536
-
537
- YcdCountdown.prototype.circleBgColor = function() {
538
- var countdownBgCircleColor = jQuery('.js-countdown-bg-circle-color');
539
-
540
- if(!countdownBgCircleColor.length) {
541
- return false;
542
- }
543
- var that = this;
544
-
545
- countdownBgCircleColor.minicolors({
546
- change: function() {
547
- var color = jQuery(this).val();
548
- that.changeOption('circle_bg_color', color);
549
- that.build();
550
- }
551
- });
552
- };
553
-
554
- YcdCountdown.prototype.changeBackgroundImage = function() {
555
- var bgSize = jQuery('.js-ycd-bg-size');
556
-
557
- if(!bgSize.length) {
558
- return false;
559
- }
560
- var circle = jQuery('.ycd-time-circle');
561
- bgSize.bind('change', function() {
562
- var val = jQuery(this).val();
563
- circle.css({'background-size': val});
564
- });
565
-
566
- jQuery('.js-bg-image-repeat').bind('change', function() {
567
- var val = jQuery(this).val();
568
- circle.css({'background-repeat': val});
569
- });
570
-
571
- jQuery('#ycd-bg-image-url').bind('change', function() {
572
- var url = jQuery(this).val();
573
- circle.css('background-image', 'url('+url+')');
574
- });
575
- };
576
-
577
- YcdCountdown.prototype.changeSwitchTextAndNumber = function () {
578
- var switchNumber = jQuery('#ycd-countdown-switch-number');
579
- if(!switchNumber) {
580
- return false;
581
- }
582
- var that = this;
583
- switchNumber.bind('change', function () {
584
- var isChecked = jQuery(this).is(':checked');
585
- that.changeOption('ycd-countdown-switch-number', isChecked);
586
- that.build();
587
- });
588
- };
589
-
590
- YcdCountdown.prototype.changeTimesText = function() {
591
- var times = jQuery('.js-ycd-time-text');
592
- if(!times) {
593
- return false;
594
- }
595
- var circle = jQuery('.ycd-time-circle');
596
- times.each(function() {
597
- jQuery(this).bind('input', function() {
598
- var val = jQuery(this).val();
599
- var timeName = jQuery(this).data('time-type');
600
- var options = circle.data('options');
601
- options.time[timeName].text = val;
602
- circle.data('options', options);
603
- jQuery('.ycd-time-circle').TimeCircles(options).rebuild();
604
- })
605
- });
606
- };
607
-
608
- YcdCountdown.prototype.changeTimesStatus = function() {
609
- var times = jQuery('.js-ycd-time-status');
610
- if(!times) {
611
- return false;
612
- }
613
- var circle = jQuery('.ycd-time-circle');
614
- times.each(function() {
615
- jQuery(this).bind('change', function() {
616
- var status = jQuery(this).is(':checked') ? 'checked' : '';
617
- var timeName = jQuery(this).data('time-type');
618
- var options = circle.data('options');
619
- options.time[timeName].show = status;
620
- circle.data('options', options);
621
- circle.TimeCircles(options).rebuild();
622
- })
623
- });
624
- };
625
-
626
- YcdCountdown.prototype.setCounterTime = function(calendarValue, selectedTimezone) {
627
-
628
- var currentDate = moment(new Date()).tz(selectedTimezone).format('MM/DD/YYYY H:m:s');
629
-
630
- var dateTime = new Date(currentDate).valueOf();
631
- var timeNow = Math.floor(dateTime / 1000);
632
- var seconds = Math.floor(new Date(calendarValue).getTime() / 1000) - timeNow;
633
- if (seconds < 0) {
634
- seconds = 0;
635
- }
636
-
637
- return seconds;
638
- };
639
-
640
- YcdCountdown.prototype.changeDate = function() {
641
- var datePicker = jQuery('#ycd-date-time-picker');
642
- if(!datePicker.length) {
643
- return false;
644
- }
645
- var that = this;
646
-
647
- datePicker.change(function () {
648
- var val = jQuery(this).val()+':00';
649
- var selectedTimezone = jQuery('.js-circle-time-zone option:selected').val();
650
- var seconds = that.setCounterTime(val, selectedTimezone);
651
- jQuery('.ycd-time-circle').data('timer', seconds).TimeCircles().restart();
652
- })
653
- };
654
-
655
- YcdCountdown.prototype.changeTimeZone = function() {
656
- var timeZone = jQuery('.js-circle-time-zone');
657
-
658
- if(!timeZone.length) {
659
- return false;
660
- }
661
- var that = this;
662
-
663
- timeZone.bind('change', function() {
664
- var timeZone = jQuery('option:selected', this).val();
665
- var date = jQuery('#ycd-date-time-picker').val()+':00';
666
- var seconds = that.setCounterTime(date, timeZone);
667
- jQuery('.ycd-time-circle').data('timer', seconds).TimeCircles().restart();
668
- });
669
- };
670
-
671
- YcdCountdown.prototype.changeOption = function(name, value) {
672
- var circle = jQuery('.ycd-time-circle');
673
- var options = circle.data('options');
674
- options[name] = value;
675
- circle.data('options', options);
676
- };
677
-
678
- YcdCountdown.prototype.build = function() {
679
- var circle = jQuery('.ycd-time-circle');
680
- var options = circle.data('options');
681
- circle.TimeCircles(options).rebuild();
682
- };
683
-
684
- YcdCountdown.prototype.changeCountsAnimation = function() {
685
- var animation = jQuery('.js-circle-animation');
686
- var that = this;
687
-
688
- if(!animation.length) {
689
- return false;
690
- }
691
-
692
- animation.bind('change', function() {
693
- var val = jQuery(this).val();
694
- that.changeOption('animation', val);
695
- that.build();
696
- })
697
- };
698
-
699
- YcdCountdown.prototype.changeCountsDirection = function() {
700
- var direction = jQuery('.js-ycd-direction');
701
- if(!direction.length) {
702
- return false;
703
- }
704
- var that = this;
705
- direction.bind('change', function() {
706
- var val = jQuery(this).val();
707
- that.changeOption('direction', val);
708
- that.build();
709
- })
710
- };
711
-
712
- YcdCountdown.prototype.changeBackgroundCircle = function() {
713
- var backgroundCircle = jQuery('.js-ycd-background-circle');
714
- if(!backgroundCircle.length) {
715
- return false;
716
- }
717
- var that = this;
718
- backgroundCircle.bind('change', function() {
719
- var val = jQuery(this).is(':checked');
720
- that.changeOption('use_background', val);
721
- that.build();
722
- })
723
- };
724
-
725
- YcdCountdown.prototype.changeDimension = function() {
726
- var dimension = jQuery('.js-ycd-dimension');
727
- if(!dimension.length) {
728
- return false;
729
- }
730
- var that = this;
731
- dimension.bind('change', function() {
732
- var number = jQuery('.js-ycd-dimension-number').val();
733
- number = parseInt(number);
734
- var measure = jQuery('.js-ycd-dimension-measure').val();
735
- var width = number+measure;
736
- jQuery('.ycd-time-circle').css({'width': width});
737
- that.build();
738
- });
739
- };
740
-
741
- YcdCountdown.prototype.startTimeCircle = function() {
742
- var that = this;
743
- var circle = jQuery('.ycd-time-circle');
744
-
745
- if(!circle.length) {
746
- return false;
747
- }
748
- circle.each(function() {
749
- var options = jQuery(this).attr('data-options');
750
- var allOptions = jQuery(this).data('all-options');
751
- options = jQuery.parseJSON(options);
752
- var endDate = jQuery(this).data('date');
753
-
754
- if(new Date(endDate) - Date.now() <= 0) {
755
- that.endBehavior(jQuery(this), allOptions)
756
- }
757
-
758
- that.addTimeToClock(options, jQuery(this));
759
- if (jQuery(this).data('expired')) {
760
- options['countdownExpired'] = true;
761
- }
762
- that.setOptions(options);
763
- that.setAllOptions(allOptions);
764
- that.render(jQuery(this));
765
- jQuery(window).trigger('ycdCircleReady');
766
- });
767
- };
768
-
769
- YcdCountdown.prototype.addTimeToClock = function(options, countDown) {
770
-
771
- var seconds = this.getSeconds(options);
772
-
773
- countDown.data('expired', false);
774
- if (seconds == 0) {
775
- countDown.data('expired', true);
776
- }
777
-
778
- countDown.data('timer', seconds);
779
-
780
- return countDown;
781
- };
782
-
783
- YcdCountdown.prototype.render = function(currentCountdown) {
784
- var that = this;
785
- var options = this.getOptions();
786
- var allOptions = this.getAllOptions();
787
-
788
- if (currentCountdown.data('timer') <= 0) {
789
- that.endBehavior(currentCountdown, allOptions);
790
- }
791
- var countdown = currentCountdown.TimeCircles(options).addListener(countdownComplete);
792
- function countdownComplete(unit, value, total){
793
-
794
- if(total <= 0){
795
- that.endBehavior(jQuery(this), allOptions);
796
- }
797
- }
798
-
799
- jQuery(window).resize(function() {
800
- countdown.rebuild();
801
- });
802
- };
803
-
804
- YcdCountdown.prototype.endBehavior = function(countdown, options) {
805
-
806
- if(YcdArgs.isAdmin || options['ycd-countdown-expire-behavior'] == 'countToUp') {
807
- return false;
808
- }
809
- if (options['ycd-countdown-end-sound']) {
810
- var soundUrl = options['ycd-countdown-end-sound-url'];
811
- var song = new Audio (soundUrl);
812
- song.play();
813
- }
814
-
815
- var id = options.id;
816
- var behavior = options['ycd-countdown-expire-behavior'];
817
- var expireText = options['ycd-expire-text'];
818
- var expireUrl = options['ycd-expire-url'];
819
- var countdownWrapper = countdown.parents('.ycd-countdown-wrapper').first();
820
-
821
- jQuery(window).trigger('YcdExpired', {'id': id});
822
-
823
- switch(behavior) {
824
- case 'hideCountdown':
825
- jQuery(window).trigger('ycdHideCountdown', options);
826
- countdownWrapper.hide();
827
- break;
828
- case 'showText':
829
- countdown.fadeOut('slow').replaceWith(expireText);
830
- break;
831
- case 'redirectToURL':
832
- countdownWrapper.fadeOut('slow');
833
- window.location.href = expireUrl;
834
- break;
835
- }
836
- };
837
-
838
- jQuery(document).ready(function () {
839
- new YcdCountdown();
840
  });
1
+ function YcdCountdown() {
2
+ this.init();
3
+ this.options = {};
4
+ this.allOptions = {};
5
+ }
6
+
7
+ YcdCountdown.prototype = new YcgGeneral();
8
+
9
+ YcdCountdown.prototype.setOptions = function(options) {
10
+ this.options = options;
11
+ };
12
+
13
+ YcdCountdown.prototype.getOptions = function() {
14
+ return this.options;
15
+ };
16
+
17
+ YcdCountdown.prototype.setAllOptions = function(allOptions) {
18
+ this.allOptions = allOptions;
19
+ };
20
+
21
+ YcdCountdown.prototype.getAllOptions = function() {
22
+ return this.allOptions;
23
+ };
24
+
25
+ YcdCountdown.prototype.init = function() {
26
+ this.startTimeCircle();
27
+ this.minicolors();
28
+ this.ionRangeSlider();
29
+ this.imageUpload();
30
+ this.responsive();
31
+ this.contentClick();
32
+ this.showingLimitation();
33
+ this.animations();
34
+ this.livePreview();
35
+ };
36
+
37
+ YcdCountdown.prototype.animations = function () {
38
+ var allOptions = this.allOptions;
39
+ var circles = jQuery('.time_circles');
40
+
41
+ if(!circles.length || !allOptions['ycd-countdown-showing-animation']) {
42
+ return false;
43
+ }
44
+ var animationEffect = allOptions['ycd-circle-showing-animation'];
45
+ var speed = allOptions['ycd-circle-showing-animation-speed'];
46
+ circles.data('effect', animationEffect);
47
+ circles.css({'animationDuration' : parseInt(speed)*1000+ 'ms'});
48
+ circles.addClass('ycd-animated '+animationEffect);
49
+ };
50
+
51
+ YcdCountdown.jsCookies = {
52
+
53
+ /* this gets a cookie and returns the cookies value, if no cookies it returns blank "" */
54
+ get: function(c_name) {
55
+ if (document.cookie.length > 0) {
56
+ var c_start = document.cookie.indexOf(c_name + "=");
57
+ if (c_start != -1) {
58
+ c_start = c_start + c_name.length + 1;
59
+ var c_end = document.cookie.indexOf(";", c_start);
60
+ if (c_end == -1) {
61
+ c_end = document.cookie.length;
62
+ }
63
+ return unescape(document.cookie.substring(c_start, c_end));
64
+ }
65
+ }
66
+ return "";
67
+ },
68
+
69
+ /* this sets a cookie with your given ("cookie name", "cookie value", "good for x days") */
70
+ set: function(c_name, value, expiredays) {
71
+ var exdate = new Date();
72
+ exdate.setDate(exdate.getDate() + expiredays);
73
+ document.cookie = c_name + "=" + escape(value) + ((expiredays == null) ? "" : "; expires=" + exdate.toUTCString());
74
+ },
75
+
76
+ /* this checks to see if a cookie exists, then returns true or false */
77
+ check: function(c_name) {
78
+ c_name = jsCookies.get(c_name);
79
+ if (c_name != null && c_name != "") {
80
+ return true;
81
+ } else {
82
+ return false;
83
+ }
84
+ }
85
+
86
+ };
87
+
88
+ YcdCountdown.prototype.showingLimitation = function() {
89
+ var options = this.options;
90
+ if(!options) {
91
+ return false;
92
+ }
93
+ if(options['ycd-countdown-showing-limitation']) {
94
+ var id = this.allOptions['id'];
95
+ var expireTime = options['ycd-countdown-expiration-time'];
96
+
97
+ YcdCountdown.jsCookies.set('YcdDontShow'+id, 1, expireTime);
98
+ }
99
+ };
100
+
101
+ YcdCountdown.prototype.responsive = function() {
102
+ var scale = function () {
103
+ jQuery('.ycd-circle-wrapper').each(function () {
104
+ var scaleDegree = jQuery(this).width()/jQuery('.ycd-time-circle', this).width();
105
+
106
+ if(jQuery('.ycd-time-circle', this).width() > jQuery(this).width()) {
107
+ jQuery('.ycd-time-circle', this).css({
108
+ 'transform': 'scale('+ scaleDegree +', '+scaleDegree+')'
109
+ });
110
+ }
111
+ else {
112
+ jQuery('.ycd-time-circle', this).css({
113
+ 'transform': 'scale('+ 1 +', '+1+')'
114
+ });
115
+ }
116
+ });
117
+ };
118
+
119
+ scale();
120
+ jQuery(window).resize(function () {
121
+ scale();
122
+ })
123
+ };
124
+
125
+ YcdCountdown.prototype.contentClick = function() {
126
+ var allOptions = this.allOptions;
127
+
128
+ if(allOptions && allOptions['ycd-countdown-content-click']) {
129
+ var id = allOptions['id'];
130
+ var circleWrapper = jQuery('.ycd-circle-'+id+'-wrapper');
131
+ circleWrapper.css({'cursor': 'pointer'});
132
+ circleWrapper.bind('click', function () {
133
+ if(allOptions['ycd-countdown-content-click-url-tab']) {
134
+ window.open(allOptions['ycd-countdown-content-click-url']);
135
+ }
136
+ else {
137
+ window.location.href = allOptions['ycd-countdown-content-click-url'];
138
+ }
139
+ });
140
+ }
141
+ };
142
+
143
+ YcdCountdown.prototype.imageUpload = function() {
144
+ var custom_uploader;
145
+ jQuery('#js-upload-image-button').click(function(e) {
146
+ e.preventDefault();
147
+
148
+ /* If the uploader object has already been created, reopen the dialog */
149
+ if (custom_uploader) {
150
+ custom_uploader.open();
151
+ return;
152
+ }
153
+ /* Extend the wp.media object */
154
+ custom_uploader = wp.media.frames.file_frame = wp.media({
155
+ titleFF: 'Choose Image',
156
+ button: {
157
+ text: 'Choose Image'
158
+ },
159
+ multiple: false
160
+ });
161
+ /* When a file is selected, grab the URL and set it as the text field's value */
162
+ custom_uploader.on('select', function() {
163
+ var attachment = custom_uploader.state().get('selection').first().toJSON();
164
+ var imageURL = jQuery('#ycd-bg-image-url');
165
+ imageURL.val(attachment.url);
166
+ imageURL.trigger('change');
167
+ });
168
+ /* Open the uploader dialog */
169
+ custom_uploader.open();
170
+ });
171
+
172
+ /* its finish image uploader */
173
+ };
174
+
175
+ YcdCountdown.prototype.ionRangeSlider= function() {
176
+
177
+ var that = this;
178
+ var circleWidth = jQuery('#ycd-circle-width');
179
+
180
+ if(!circleWidth.length) {
181
+ return false;
182
+ }
183
+ circleWidth.ionRangeSlider({
184
+ hide_min_max: true,
185
+ keyboard: true,
186
+ min: 0.0033333333333333335,
187
+ max: 0.13333333333333333,
188
+ type: 'single',
189
+ step: 0.003333333,
190
+ prefix: '',
191
+ grid: false
192
+ }).change(function() {
193
+ var val = jQuery(this).val();
194
+ that.changeOption('fg_width', val);
195
+ that.build();
196
+ });
197
+
198
+ jQuery('#ycd-js-circle-bg-width').ionRangeSlider({
199
+ hide_min_max: true,
200
+ keyboard: true,
201
+ min: 0.1,
202
+ max: 3,
203
+ type: 'single',
204
+ step: 0.1,
205
+ prefix: '',
206
+ grid: false
207
+ }).change(function() {
208
+ var val = jQuery(this).val();
209
+ that.changeOption('bg_width', val);
210
+ that.build();
211
+ });
212
+
213
+ jQuery('#ycd-js-circle-start-angle').ionRangeSlider({
214
+ hide_min_max: true,
215
+ keyboard: true,
216
+ min: 0,
217
+ max: 360,
218
+ type: 'single',
219
+ step: 10,
220
+ prefix: '',
221
+ grid: false
222
+ }).change(function() {
223
+ var val = jQuery(this).val();
224
+ that.changeOption('start_angle', val);
225
+ that.build();
226
+ });
227
+ };
228
+
229
+ YcdCountdown.prototype.minicolors = function() {
230
+ var minicolors = jQuery('.js-ycd-time-color');
231
+
232
+ if(!minicolors.length) {
233
+ return false;
234
+ }
235
+ var circle = jQuery('.ycd-time-circle');
236
+
237
+ minicolors.minicolors({
238
+ change: function() {
239
+ var color = jQuery(this).val();
240
+ var timeName = jQuery(this).data('time-type');
241
+ var options = circle.data('options');
242
+ options.time[timeName].color = color;
243
+ circle.data('options', options);
244
+ circle.TimeCircles(options).rebuild();
245
+ }
246
+ });
247
+ };
248
+
249
+ YcdCountdown.prototype.livePreview = function() {
250
+ this.changeDateType();
251
+ this.chnageDateDuration();
252
+ this.changeWooCountdownDate();
253
+ this.changeDate();
254
+ this.changeTimeZone();
255
+ this.changeCountsAnimation();
256
+ this.changeCountsDirection();
257
+ this.changeBackgroundCircle();
258
+ this.changeDimension();
259
+ this.changeSwitchTextAndNumber();
260
+ this.changeTimesStatus();
261
+ this.changeTimesText();
262
+ this.changeBackgroundImage();
263
+ this.circleBgColor();
264
+ this.changeFontSize();
265
+ this.changeFontWeight();
266
+ this.changeFontStyle();
267
+ this.changeFontFamily();
268
+ this.changeTextColor();
269
+ this.changePadding();
270
+ this.changeAlignment();
271
+ this.changeNumberStyles();
272
+
273
+ /* change schedule */
274
+ this.changeScheduleWeekDay();
275
+ this.changeScheduleHour();
276
+ this.changeSchedileTimeZone();
277
+ };
278
+
279
+ YcdCountdown.prototype.changeSchedileTimeZone = function() {
280
+ var timeZone = jQuery('.js-ycd-schedule-time-zone');
281
+
282
+ if(!timeZone.length) {
283
+ return false;
284
+ }
285
+ that = this;
286
+ var countdowns = jQuery('.ycd-time-circle');
287
+ timeZone.bind('change', function() {
288
+ var name = jQuery(this).attr('name');
289
+ var val = jQuery('option:selected', this).val();
290
+ var options = countdowns.data('options');
291
+ options[name] = val;
292
+ countdowns.data('options', options);
293
+ countdowns = that.addTimeToClock(options, countdowns);
294
+ jQuery('.ycd-time-circle').TimeCircles().restart();
295
+ });
296
+ };
297
+
298
+ YcdCountdown.prototype.changeScheduleHour = function() {
299
+ var hours = jQuery('.js-datetimepicker-seconds');
300
+
301
+ if(!hours.length) {
302
+ return false;
303
+ }
304
+
305
+ var countdowns = jQuery('.ycd-time-circle');
306
+ hours.bind('change', function() {
307
+ var name = jQuery(this).attr('name');
308
+ var val = jQuery(this).val();
309
+ var options = countdowns.data('options');
310
+ options[name] = val;
311
+ countdowns.data('options', options);
312
+ countdowns = that.addTimeToClock(options, countdowns);
313
+ jQuery('.ycd-time-circle').TimeCircles().restart();
314
+ });
315
+ }
316
+
317
+ YcdCountdown.prototype.changeScheduleWeekDay = function() {
318
+ var weekDay = jQuery('.ycd-date-week-day');
319
+
320
+ if(!weekDay.length) {
321
+ return false;
322
+ }
323
+ that = this;
324
+ var countdowns = jQuery('.ycd-time-circle');
325
+ weekDay.bind('change', function() {
326
+ var name = jQuery(this).attr('name');
327
+ var val = jQuery('option:selected', this).val();
328
+ var options = countdowns.data('options');
329
+ options[name] = val;
330
+ options[jQuery(this).data('week-number-key')] = YcdCountdownProFunctionality.weekDayNumberFromName(val);
331
+ countdowns.data('options', options);
332
+ countdowns = that.addTimeToClock(options, countdowns);
333
+ jQuery('.ycd-time-circle').TimeCircles().restart();
334
+ })
335
+ };
336
+
337
+ YcdCountdown.prototype.changeDateType = function() {
338
+ var types = jQuery('.ycd-date-type');
339
+
340
+ if(!types.length) {
341
+ return false;
342
+ }
343
+ that = this;
344
+ var countdowns = jQuery('.ycd-time-circle');
345
+ types.bind('change', function() {
346
+ var val = jQuery(this).val();
347
+ var timeName = jQuery(this).attr('name');
348
+ var options = countdowns.data('options');
349
+ options[timeName] = val;
350
+ countdowns.data('options', options);
351
+ countdowns = that.addTimeToClock(options, countdowns);
352
+ jQuery('.ycd-time-circle').TimeCircles().restart();
353
+ });
354
+ };
355
+
356
+ YcdCountdown.prototype.chnageDateDuration = function() {
357
+ var types = jQuery('.ycd-timer-time-settings');
358
+
359
+ if(!types.length) {
360
+ return false;
361
+ }
362
+ that = this;
363
+ var countdowns = jQuery('.ycd-time-circle');
364
+ types.bind('change', function() {
365
+ var val = jQuery(this).val();
366
+ var timeName = jQuery(this).attr('name');
367
+ var options = countdowns.data('options');
368
+ options[timeName] = val;
369
+ countdowns.data('options', options);
370
+ that.addTimeToClock(options, countdowns);
371
+ jQuery('.ycd-time-circle').TimeCircles().restart();
372
+ });
373
+ };
374
+
375
+ YcdCountdown.prototype.changeWooCountdownDate = function() {
376
+ var types = jQuery('.js-ycd-woo-coupon');
377
+
378
+ if(!types.length) {
379
+ return false;
380
+ }
381
+ that = this;
382
+ var countdowns = jQuery('.ycd-time-circle');
383
+ types.bind('change', function() {
384
+ var val = jQuery('.ycd-woo-coupon-date').val();
385
+ val.replace('/', '-')+' 00:00:00';
386
+ var selectedTimezone = jQuery('.js-ycd-woo-time-zone option:selected').val();
387
+ var seconds = that.setCounterTime(val, selectedTimezone);
388
+ jQuery('.ycd-time-circle').data('timer', seconds).TimeCircles().restart();
389
+ });
390
+ };
391
+
392
+ YcdCountdown.prototype.changeAlignment = function() {
393
+ var alignment = jQuery('.ycd-circle-alignment');
394
+
395
+ if(!alignment.length) {
396
+ return false;
397
+ }
398
+
399
+ alignment.bind('change', function() {
400
+ var align = jQuery('option:selected', this).val();
401
+ jQuery('.ycd-circle-wrapper').css({'text-align': align})
402
+ })
403
+ };
404
+
405
+ YcdCountdown.prototype.changePadding = function() {
406
+ var padding = jQuery('#ycd-countdown-padding');
407
+
408
+ if(!padding.length) {
409
+ return false;
410
+ }
411
+
412
+ padding.bind('change', function() {
413
+ var padding = jQuery(this).val();
414
+ padding = parseInt(padding) + 'px';
415
+ jQuery('.ycd-time-circle').css({'padding': padding})
416
+ });
417
+ };
418
+
419
+ YcdCountdown.prototype.changeTextColor = function() {
420
+ var textColor = jQuery('.js-ycd-time-text-color');
421
+
422
+ if(!textColor.length) {
423
+ return false;
424
+ }
425
+
426
+ textColor.minicolors({
427
+ change: function() {
428
+ var color = jQuery(this).val();
429
+ var type = jQuery(this).data('time-type');
430
+ jQuery('.textDiv_'+type+' h4, '+'.textDiv_'+type+' span').css({color: color});
431
+ }
432
+ });
433
+ };
434
+
435
+ YcdCountdown.prototype.changeFontFamily = function() {
436
+ var fonts = jQuery('.js-countdown-font-family');
437
+
438
+ if(!fonts.length) {
439
+ return false;
440
+ }
441
+ var that = this;
442
+
443
+ fonts.bind('change', function() {
444
+ that.changeTextStyles();
445
+ });
446
+ };
447
+
448
+ YcdCountdown.prototype.changeFontWeight = function() {
449
+ var fontWeight = jQuery('.js-countdown-font-weight');
450
+
451
+ if(!fontWeight.length) {
452
+ return false
453
+ }
454
+ var that = this;
455
+
456
+ fontWeight.bind('change', function() {
457
+ that.changeTextStyles();
458
+ });
459
+ };
460
+
461
+ YcdCountdown.prototype.changeFontStyle = function() {
462
+ var fontStyle = jQuery('.js-countdown-font-style');
463
+
464
+ if(!fontStyle.length) {
465
+ return false
466
+ }
467
+ var that = this;
468
+
469
+ fontStyle.bind('change', function() {
470
+ that.changeTextStyles();
471
+ });
472
+ };
473
+
474
+ YcdCountdown.prototype.changeFontSize = function() {
475
+ var fontSize = jQuery('.js-countdown-font-size, .js-countdown-text-style');
476
+
477
+ if(!fontSize) {
478
+ return false;
479
+ }
480
+ var that = this;
481
+
482
+ fontSize.bind('change', function() {
483
+ that.changeTextStyles();
484
+ });
485
+ };
486
+
487
+ YcdCountdown.prototype.changeTextStyles = function() {
488
+ var circle = jQuery('.ycd-time-circle');
489
+ var fontSize = jQuery('.js-countdown-font-size').val()+'px';
490
+ var marginTop = jQuery('.js-countdown-text-margin-top').val()+'px';
491
+ var fontWeight = jQuery('.js-countdown-font-weight').val();
492
+ var fontFamily = jQuery('.js-countdown-font-family').val();
493
+ var fontStyle = jQuery('.js-countdown-font-style').val();
494
+
495
+ circle.find('h4').each(function() {
496
+ jQuery(this).attr('style',
497
+ 'font-size: ' + fontSize+' !important;' +
498
+ 'margin-top: ' + marginTop+' !important;' +
499
+ 'font-weight: ' + fontWeight+' !important;' +
500
+ 'font-family:' + fontFamily + '!important;'+
501
+ 'font-style:' + fontStyle + '!important'
502
+ );
503
+ })
504
+ };
505
+
506
+ YcdCountdown.prototype.changeNumberStyles = function() {
507
+ var changeNumberTarget = jQuery('.js-countdown-number-size,.js-countdown-number-font-weight, .js-countdown-number-font, .js-countdown-number-font-style, .js-countdown-number-style');
508
+ var that = this;
509
+
510
+ if(!changeNumberTarget.length) {
511
+ return false;
512
+ }
513
+ changeNumberTarget.bind('change', function() {
514
+ that.setNumberStyles();
515
+ });
516
+ };
517
+
518
+ YcdCountdown.prototype.setNumberStyles = function() {
519
+ var circle = jQuery('.ycd-time-circle');
520
+ var fontSize = jQuery('.js-countdown-number-size').val()+'px';
521
+ var marginTop = jQuery('.js-countdown-number-margin-bottom').val()+'px';
522
+ var fontWeight = jQuery('.js-countdown-number-font-weight').val();
523
+ var fontFamily = jQuery('.js-countdown-number-font').val();
524
+ var fontStyle = jQuery('.js-countdown-number-font-style').val();
525
+
526
+ circle.find('span').each(function() {
527
+ jQuery(this).attr('style',
528
+ 'font-size: ' + fontSize+' !important;' +
529
+ 'margin-top: ' + marginTop+' !important;' +
530
+ 'font-weight: ' + fontWeight+' !important;' +
531
+ 'font-family:' + fontFamily + '!important;'+
532
+ 'font-style:' + fontStyle + '!important'
533
+ );
534
+ })
535
+ };
536
+
537
+ YcdCountdown.prototype.circleBgColor = function() {
538
+ var countdownBgCircleColor = jQuery('.js-countdown-bg-circle-color');
539
+
540
+ if(!countdownBgCircleColor.length) {
541
+ return false;
542
+ }
543
+ var that = this;
544
+
545
+ countdownBgCircleColor.minicolors({
546
+ change: function() {
547
+ var color = jQuery(this).val();
548
+ that.changeOption('circle_bg_color', color);
549
+ that.build();
550
+ }
551
+ });
552
+ };
553
+
554
+ YcdCountdown.prototype.changeBackgroundImage = function() {
555
+ var bgSize = jQuery('.js-ycd-bg-size');
556
+
557
+ if(!bgSize.length) {
558
+ return false;
559
+ }
560
+ var circle = jQuery('.ycd-time-circle');
561
+ bgSize.bind('change', function() {
562
+ var val = jQuery(this).val();
563
+ circle.css({'background-size': val});
564
+ });
565
+
566
+ jQuery('.js-bg-image-repeat').bind('change', function() {
567
+ var val = jQuery(this).val();
568
+ circle.css({'background-repeat': val});
569
+ });
570
+
571
+ jQuery('#ycd-bg-image-url').bind('change', function() {
572
+ var url = jQuery(this).val();
573
+ circle.css('background-image', 'url('+url+')');
574
+ });
575
+ };
576
+
577
+ YcdCountdown.prototype.changeSwitchTextAndNumber = function () {
578
+ var switchNumber = jQuery('#ycd-countdown-switch-number');
579
+ if(!switchNumber) {
580
+ return false;
581
+ }
582
+ var that = this;
583
+ switchNumber.bind('change', function () {
584
+ var isChecked = jQuery(this).is(':checked');
585
+ that.changeOption('ycd-countdown-switch-number', isChecked);
586
+ that.build();
587
+ });
588
+ };
589
+
590
+ YcdCountdown.prototype.changeTimesText = function() {
591
+ var times = jQuery('.js-ycd-time-text');
592
+ if(!times) {
593
+ return false;
594
+ }
595
+ var circle = jQuery('.ycd-time-circle');
596
+ times.each(function() {
597
+ jQuery(this).bind('input', function() {
598
+ var val = jQuery(this).val();
599
+ var timeName = jQuery(this).data('time-type');
600
+ var options = circle.data('options');
601
+ options.time[timeName].text = val;
602
+ circle.data('options', options);
603
+ jQuery('.ycd-time-circle').TimeCircles(options).rebuild();
604
+ })
605
+ });
606
+ };
607
+
608
+ YcdCountdown.prototype.changeTimesStatus = function() {
609
+ var times = jQuery('.js-ycd-time-status');
610
+ if(!times) {
611
+ return false;
612
+ }
613
+ var circle = jQuery('.ycd-time-circle');
614
+ times.each(function() {
615
+ jQuery(this).bind('change', function() {
616
+ var status = jQuery(this).is(':checked') ? 'checked' : '';
617
+ var timeName = jQuery(this).data('time-type');
618
+ var options = circle.data('options');
619
+ options.time[timeName].show = status;
620
+ circle.data('options', options);
621
+ circle.TimeCircles(options).rebuild();
622
+ })
623
+ });
624
+ };
625
+
626
+ YcdCountdown.prototype.setCounterTime = function(calendarValue, selectedTimezone) {
627
+
628
+ var currentDate = moment(new Date()).tz(selectedTimezone).format('MM/DD/YYYY H:m:s');
629
+
630
+ var dateTime = new Date(currentDate).valueOf();
631
+ var timeNow = Math.floor(dateTime / 1000);
632
+ var seconds = Math.floor(new Date(calendarValue).getTime() / 1000) - timeNow;
633
+ if (seconds < 0) {
634
+ seconds = 0;
635
+ }
636
+
637
+ return seconds;
638
+ };
639
+
640
+ YcdCountdown.prototype.changeDate = function() {
641
+ var datePicker = jQuery('#ycd-date-time-picker');
642
+ if(!datePicker.length) {
643
+ return false;
644
+ }
645
+ var that = this;
646
+
647
+ datePicker.change(function () {
648
+ var val = jQuery(this).val()+':00';
649
+ var selectedTimezone = jQuery('.js-circle-time-zone option:selected').val();
650
+ var seconds = that.setCounterTime(val, selectedTimezone);
651
+ jQuery('.ycd-time-circle').data('timer', seconds).TimeCircles().restart();
652
+ })
653
+ };
654
+
655
+ YcdCountdown.prototype.changeTimeZone = function() {
656
+ var timeZone = jQuery('.js-circle-time-zone');
657
+
658
+ if(!timeZone.length) {
659
+ return false;
660
+ }
661
+ var that = this;
662
+
663
+ timeZone.bind('change', function() {
664
+ var timeZone = jQuery('option:selected', this).val();
665
+ var date = jQuery('#ycd-date-time-picker').val()+':00';
666
+ var seconds = that.setCounterTime(date, timeZone);
667
+ jQuery('.ycd-time-circle').data('timer', seconds).TimeCircles().restart();
668
+ });
669
+ };
670
+
671
+ YcdCountdown.prototype.changeOption = function(name, value) {
672
+ var circle = jQuery('.ycd-time-circle');
673
+ var options = circle.data('options');
674
+ options[name] = value;
675
+ circle.data('options', options);
676
+ };
677
+
678
+ YcdCountdown.prototype.build = function() {
679
+ var circle = jQuery('.ycd-time-circle');
680
+ var options = circle.data('options');
681
+ circle.TimeCircles(options).rebuild();
682
+ };
683
+
684
+ YcdCountdown.prototype.changeCountsAnimation = function() {
685
+ var animation = jQuery('.js-circle-animation');
686
+ var that = this;
687
+
688
+ if(!animation.length) {
689
+ return false;
690
+ }
691
+
692
+ animation.bind('change', function() {
693
+ var val = jQuery(this).val();
694
+ that.changeOption('animation', val);
695
+ that.build();
696
+ })
697
+ };
698
+
699
+ YcdCountdown.prototype.changeCountsDirection = function() {
700
+ var direction = jQuery('.js-ycd-direction');
701
+ if(!direction.length) {
702
+ return false;
703
+ }
704
+ var that = this;
705
+ direction.bind('change', function() {
706
+ var val = jQuery(this).val();
707
+ that.changeOption('direction', val);
708
+ that.build();
709
+ })
710
+ };
711
+
712
+ YcdCountdown.prototype.changeBackgroundCircle = function() {
713
+ var backgroundCircle = jQuery('.js-ycd-background-circle');
714
+ if(!backgroundCircle.length) {
715
+ return false;
716
+ }
717
+ var that = this;
718
+ backgroundCircle.bind('change', function() {
719
+ var val = jQuery(this).is(':checked');
720
+ that.changeOption('use_background', val);
721
+ that.build();
722
+ })
723
+ };
724
+
725
+ YcdCountdown.prototype.changeDimension = function() {
726
+ var dimension = jQuery('.js-ycd-dimension');
727
+ if(!dimension.length) {
728
+ return false;
729
+ }
730
+ var that = this;
731
+ dimension.bind('change', function() {
732
+ var number = jQuery('.js-ycd-dimension-number').val();
733
+ number = parseInt(number);
734
+ var measure = jQuery('.js-ycd-dimension-measure').val();
735
+ var width = number+measure;
736
+ jQuery('.ycd-time-circle').css({'width': width});
737
+ that.build();
738
+ });
739
+ };
740
+
741
+ YcdCountdown.prototype.startTimeCircle = function() {
742
+ var that = this;
743
+ var circle = jQuery('.ycd-time-circle');
744
+
745
+ if(!circle.length) {
746
+ return false;
747
+ }
748
+ circle.each(function() {
749
+ var options = jQuery(this).attr('data-options');
750
+ var allOptions = jQuery(this).data('all-options');
751
+ options = jQuery.parseJSON(options);
752
+ var endDate = jQuery(this).data('date');
753
+
754
+ if(new Date(endDate) - Date.now() <= 0) {
755
+ that.endBehavior(jQuery(this), allOptions)
756
+ }
757
+
758
+ that.addTimeToClock(options, jQuery(this));
759
+ if (jQuery(this).data('expired')) {
760
+ options['countdownExpired'] = true;
761
+ }
762
+ that.setOptions(options);
763
+ that.setAllOptions(allOptions);
764
+ that.render(jQuery(this));
765
+ jQuery(window).trigger('ycdCircleReady');
766
+ });
767
+ };
768
+
769
+ YcdCountdown.prototype.addTimeToClock = function(options, countDown) {
770
+
771
+ var seconds = this.getSeconds(options);
772
+
773
+ countDown.data('expired', false);
774
+ if (seconds == 0) {
775
+ countDown.data('expired', true);
776
+ }
777
+
778
+ countDown.data('timer', seconds);
779
+
780
+ return countDown;
781
+ };
782
+
783
+ YcdCountdown.prototype.render = function(currentCountdown) {
784
+ var that = this;
785
+ var options = this.getOptions();
786
+ var allOptions = this.getAllOptions();
787
+
788
+ if (currentCountdown.data('timer') <= 0) {
789
+ that.endBehavior(currentCountdown, allOptions);
790
+ }
791
+ var countdown = currentCountdown.TimeCircles(options).addListener(countdownComplete);
792
+ function countdownComplete(unit, value, total){
793
+
794
+ if(total <= 0){
795
+ that.endBehavior(jQuery(this), allOptions);
796
+ }
797
+ }
798
+
799
+ jQuery(window).resize(function() {
800
+ countdown.rebuild();
801
+ });
802
+ };
803
+
804
+ YcdCountdown.prototype.endBehavior = function(countdown, options) {
805
+
806
+ if(YcdArgs.isAdmin || options['ycd-countdown-expire-behavior'] == 'countToUp') {
807
+ return false;
808
+ }
809
+ if (options['ycd-countdown-end-sound']) {
810
+ var soundUrl = options['ycd-countdown-end-sound-url'];
811
+ var song = new Audio (soundUrl);
812
+ song.play();
813
+ }
814
+
815
+ var id = options.id;
816
+ var behavior = options['ycd-countdown-expire-behavior'];
817
+ var expireText = options['ycd-expire-text'];
818
+ var expireUrl = options['ycd-expire-url'];
819
+ var countdownWrapper = countdown.parents('.ycd-countdown-wrapper').first();
820
+
821
+ jQuery(window).trigger('YcdExpired', {'id': id});
822
+
823
+ switch(behavior) {
824
+ case 'hideCountdown':
825
+ jQuery(window).trigger('ycdHideCountdown', options);
826
+ countdownWrapper.hide();
827
+ break;
828
+ case 'showText':
829
+ countdown.fadeOut('slow').replaceWith(expireText);
830
+ break;
831
+ case 'redirectToURL':
832
+ countdownWrapper.fadeOut('slow');
833
+ window.location.href = expireUrl;
834
+ break;
835
+ }
836
+ };
837
+
838
+ jQuery(document).ready(function () {
839
+ new YcdCountdown();
840
  });
assets/js/Js.php CHANGED
@@ -1,114 +1,114 @@
1
- <?php
2
- namespace ycd;
3
-
4
- class Js {
5
-
6
- public function __construct() {
7
- $this->init();
8
- }
9
-
10
- public function init() {
11
-
12
- add_action('admin_enqueue_scripts', array($this, 'enqueueStyles'));
13
- }
14
-
15
- public function getSettingsPageKey() {
16
- return YCD_COUNTDOWN_POST_TYPE.'_page_'.YCD_COUNTDOWN_SETTINGS;
17
- }
18
-
19
- public function getComingSoonPage() {
20
- return YCD_COUNTDOWN_POST_TYPE.'_page_'.YCD_COUNTDOWN_COMING_SOON;
21
- }
22
-
23
- public function getSupportPageKey() {
24
- return YCD_COUNTDOWN_POST_TYPE.'_page_'.YCD_COUNTDOWN_SUPPORT;
25
- }
26
-
27
- public function getSubscribersPageKey() {
28
- return YCD_COUNTDOWN_POST_TYPE.'_page_'.YCD_COUNTDOWN_SUBSCRIBERS;
29
- }
30
-
31
- public function getComingSoonMenuPage() {
32
- return 'toplevel_page_'.YCD_COUNTDOWN_COMING_SOON;
33
- }
34
-
35
- public function getNewsletterPageKey() {
36
- return YCD_COUNTDOWN_POST_TYPE.'_page_'.YCD_COUNTDOWN_NEWSLETTER;
37
- }
38
-
39
- private function gutenbergParams() {
40
- $settings = array(
41
- 'allCountdowns' => Countdown::shapeIdTitleData(),
42
- 'title' => __('Countdowns', YCD_TEXT_DOMAIN),
43
- 'description' => __('This block will help you to add countdown’s shortcode inside the page content', YCD_TEXT_DOMAIN),
44
- 'logo_classname' => 'ycd-gutenberg-logo',
45
- 'coountdown_select' => __('Select countdown', YCD_TEXT_DOMAIN)
46
- );
47
-
48
- return $settings;
49
- }
50
-
51
- public function enqueueStyles($hook) {
52
- $blockSettings = $this->gutenbergParams();
53
- ScriptsIncluder::registerScript('WpCountdownBlockMin.js', array('dirUrl' => YCD_COUNTDOWN_ADMIN_JS_URL));
54
- ScriptsIncluder::localizeScript('WpCountdownBlockMin.js', 'YCD_GUTENBERG_PARAMS', $blockSettings);
55
- ScriptsIncluder::enqueueScript('WpCountdownBlockMin.js');
56
-
57
- ScriptsIncluder::registerScript('Admin.js');
58
- ScriptsIncluder::localizeScript('Admin.js', 'ycd_admin_localized', array(
59
- 'nonce' => wp_create_nonce('ycd_ajax_nonce'),
60
- 'changeSound' => __('Change the sound', YCD_TEXT_DOMAIN),
61
- 'adminUrl' => admin_url(),
62
- 'pkgVersion' => YCD_PKG_VERSION,
63
- 'supportURL' => YCD_COUNTDOWN_SUPPORT_URL,
64
- 'copied' => __('Copied', YCD_TEXT_DOMAIN),
65
- 'copyToClipboard' => __('Copy to clipboard', YCD_TEXT_DOMAIN),
66
- 'proUrl' => YCD_COUNTDOWN_PRO_URL
67
- ));
68
- ScriptsIncluder::registerScript('select2.js');
69
- ScriptsIncluder::registerScript('minicolors.js');
70
- ScriptsIncluder::registerScript('ionRangeSlider.js');
71
- ScriptsIncluder::registerScript('jquery.datetimepicker.full.min.js');
72
- $settingsKey = $this->getSettingsPageKey();
73
- $supportKey = $this->getSupportPageKey();
74
- $subscriberKey = $this->getSubscribersPageKey();
75
- $newsletterKey = $this->getNewsletterPageKey();
76
- $comingSoonPage = $this->getComingSoonPage();
77
- $comingSoonMenuPage = $this->getComingSoonMenuPage();
78
-
79
- $allowedPages = array(
80
- $settingsKey,
81
- $supportKey,
82
- $subscriberKey,
83
- $newsletterKey,
84
- $comingSoonPage,
85
- $comingSoonMenuPage,
86
- 'ycdcountdown_page_ycdcountdown'
87
- );
88
-
89
- if(in_array($hook, $allowedPages) || get_post_type(@$_GET['post']) == YCD_COUNTDOWN_POST_TYPE || @$_GET['post_type'] == YCD_COUNTDOWN_POST_TYPE) {
90
-
91
- wp_enqueue_script('jquery-ui-core');
92
- if(function_exists('wp_enqueue_code_editor')) {
93
- wp_enqueue_code_editor(array( 'type' => 'text/html'));
94
- }
95
- ScriptsIncluder::enqueueScript('Admin.js');
96
- if(YCD_PKG_VERSION != YCD_FREE_VERSION) {
97
- ScriptsIncluder::registerScript('AdminPro.js');
98
- ScriptsIncluder::enqueueScript('AdminPro.js');
99
- ScriptsIncluder::registerScript('Subscribers.js');
100
- ScriptsIncluder::enqueueScript('Subscribers.js');
101
- }
102
- ScriptsIncluder::enqueueScript('select2.js');
103
- ScriptsIncluder::enqueueScript('minicolors.js');
104
- ScriptsIncluder::enqueueScript('ionRangeSlider.js');
105
- ScriptsIncluder::enqueueScript('jquery.datetimepicker.full.min.js');
106
-
107
- if (YCD_PKG_VERSION > YCD_FREE_VERSION) {
108
- Subscription::renderScripts();
109
- }
110
- }
111
- }
112
- }
113
-
114
  new Js();
1
+ <?php
2
+ namespace ycd;
3
+
4
+ class Js {
5
+
6
+ public function __construct() {
7
+ $this->init();
8
+ }
9
+
10
+ public function init() {
11
+
12
+ add_action('admin_enqueue_scripts', array($this, 'enqueueStyles'));
13
+ }
14
+
15
+ public function getSettingsPageKey() {
16
+ return YCD_COUNTDOWN_POST_TYPE.'_page_'.YCD_COUNTDOWN_SETTINGS;
17
+ }
18
+
19
+ public function getComingSoonPage() {
20
+ return YCD_COUNTDOWN_POST_TYPE.'_page_'.YCD_COUNTDOWN_COMING_SOON;
21
+ }
22
+
23
+ public function getSupportPageKey() {
24
+ return YCD_COUNTDOWN_POST_TYPE.'_page_'.YCD_COUNTDOWN_SUPPORT;
25
+ }
26
+
27
+ public function getSubscribersPageKey() {
28
+ return YCD_COUNTDOWN_POST_TYPE.'_page_'.YCD_COUNTDOWN_SUBSCRIBERS;
29
+ }
30
+
31
+ public function getComingSoonMenuPage() {
32
+ return 'toplevel_page_'.YCD_COUNTDOWN_COMING_SOON;
33
+ }
34
+
35
+ public function getNewsletterPageKey() {
36
+ return YCD_COUNTDOWN_POST_TYPE.'_page_'.YCD_COUNTDOWN_NEWSLETTER;
37
+ }
38
+
39
+ private function gutenbergParams() {
40
+ $settings = array(
41
+ 'allCountdowns' => Countdown::shapeIdTitleData(),
42
+ 'title' => __('Countdowns', YCD_TEXT_DOMAIN),
43
+ 'description' => __('This block will help you to add countdown’s shortcode inside the page content', YCD_TEXT_DOMAIN),
44
+ 'logo_classname' => 'ycd-gutenberg-logo',
45
+ 'coountdown_select' => __('Select countdown', YCD_TEXT_DOMAIN)
46
+ );
47
+
48
+ return $settings;
49
+ }
50
+
51
+ public function enqueueStyles($hook) {
52
+ $blockSettings = $this->gutenbergParams();
53
+ ScriptsIncluder::registerScript('WpCountdownBlockMin.js', array('dirUrl' => YCD_COUNTDOWN_ADMIN_JS_URL));
54
+ ScriptsIncluder::localizeScript('WpCountdownBlockMin.js', 'YCD_GUTENBERG_PARAMS', $blockSettings);
55
+ ScriptsIncluder::enqueueScript('WpCountdownBlockMin.js');
56
+
57
+ ScriptsIncluder::registerScript('Admin.js');
58
+ ScriptsIncluder::localizeScript('Admin.js', 'ycd_admin_localized', array(
59
+ 'nonce' => wp_create_nonce('ycd_ajax_nonce'),
60
+ 'changeSound' => __('Change the sound', YCD_TEXT_DOMAIN),
61
+ 'adminUrl' => admin_url(),
62
+ 'pkgVersion' => YCD_PKG_VERSION,
63
+ 'supportURL' => YCD_COUNTDOWN_SUPPORT_URL,
64
+ 'copied' => __('Copied', YCD_TEXT_DOMAIN),
65
+ 'copyToClipboard' => __('Copy to clipboard', YCD_TEXT_DOMAIN),
66
+ 'proUrl' => YCD_COUNTDOWN_PRO_URL
67
+ ));
68
+ ScriptsIncluder::registerScript('select2.js');
69
+ ScriptsIncluder::registerScript('minicolors.js');
70
+ ScriptsIncluder::registerScript('ionRangeSlider.js');
71
+ ScriptsIncluder::registerScript('jquery.datetimepicker.full.min.js');
72
+ $settingsKey = $this->getSettingsPageKey();
73
+ $supportKey = $this->getSupportPageKey();
74
+ $subscriberKey = $this->getSubscribersPageKey();
75
+ $newsletterKey = $this->getNewsletterPageKey();
76
+ $comingSoonPage = $this->getComingSoonPage();
77
+ $comingSoonMenuPage = $this->getComingSoonMenuPage();
78
+
79
+ $allowedPages = array(
80
+ $settingsKey,
81
+ $supportKey,
82
+ $subscriberKey,
83
+ $newsletterKey,
84
+ $comingSoonPage,
85
+ $comingSoonMenuPage,
86
+ 'ycdcountdown_page_ycdcountdown'
87
+ );
88
+
89
+ if(in_array($hook, $allowedPages) || get_post_type(@$_GET['post']) == YCD_COUNTDOWN_POST_TYPE || @$_GET['post_type'] == YCD_COUNTDOWN_POST_TYPE) {
90
+
91
+ wp_enqueue_script('jquery-ui-core');
92
+ if(function_exists('wp_enqueue_code_editor')) {
93
+ wp_enqueue_code_editor(array( 'type' => 'text/html'));
94
+ }
95
+ ScriptsIncluder::enqueueScript('Admin.js');
96
+ if(YCD_PKG_VERSION != YCD_FREE_VERSION) {
97
+ ScriptsIncluder::registerScript('AdminPro.js');
98
+ ScriptsIncluder::enqueueScript('AdminPro.js');
99
+ ScriptsIncluder::registerScript('Subscribers.js');
100
+ ScriptsIncluder::enqueueScript('Subscribers.js');
101
+ }
102
+ ScriptsIncluder::enqueueScript('select2.js');
103
+ ScriptsIncluder::enqueueScript('minicolors.js');
104
+ ScriptsIncluder::enqueueScript('ionRangeSlider.js');
105
+ ScriptsIncluder::enqueueScript('jquery.datetimepicker.full.min.js');
106
+
107
+ if (YCD_PKG_VERSION > YCD_FREE_VERSION) {
108
+ Subscription::renderScripts();
109
+ }
110
+ }
111
+ }
112
+ }
113
+
114
  new Js();
assets/js/TimeCircles.js CHANGED
@@ -1,994 +1,994 @@
1
- /**
2
- * Basic structure: TC_Class is the public class that is returned upon being called
3
- *
4
- * So, if you do
5
- * var tc = $(".timer").TimeCircles();
6
- *
7
- * tc will contain an instance of the public TimeCircles class. It is important to
8
- * note that TimeCircles is not chained in the conventional way, check the
9
- * documentation for more info on how TimeCircles can be chained.
10
- *
11
- * After being called/created, the public TimerCircles class will then- for each element
12
- * within it's collection, either fetch or create an instance of the private class.
13
- * Each function called upon the public class will be forwarded to each instance
14
- * of the private classes within the relevant element collection
15
- **/
16
- (function($) {
17
-
18
- var useWindow = window;
19
-
20
- // From https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys
21
- if (!Object.keys) {
22
- Object.keys = (function() {
23
- 'use strict';
24
- var hasOwnProperty = Object.prototype.hasOwnProperty,
25
- hasDontEnumBug = !({toString: null}).propertyIsEnumerable('toString'),
26
- dontEnums = [
27
- 'toString',
28
- 'toLocaleString',
29
- 'valueOf',
30
- 'hasOwnProperty',
31
- 'isPrototypeOf',
32
- 'propertyIsEnumerable',
33
- 'constructor'
34
- ],
35
- dontEnumsLength = dontEnums.length;
36
-
37
- return function(obj) {
38
- if (typeof obj !== 'object' && (typeof obj !== 'function' || obj === null)) {
39
- throw new TypeError('Object.keys called on non-object');
40
- }
41
-
42
- var result = [], prop, i;
43
-
44
- for (prop in obj) {
45
- if (hasOwnProperty.call(obj, prop)) {
46
- result.push(prop);
47
- }
48
- }
49
-
50
- if (hasDontEnumBug) {
51
- for (i = 0; i < dontEnumsLength; i++) {
52
- if (hasOwnProperty.call(obj, dontEnums[i])) {
53
- result.push(dontEnums[i]);
54
- }
55
- }
56
- }
57
- return result;
58
- };
59
- }());
60
- }
61
-
62
- // Used to disable some features on IE8
63
- var limited_mode = false;
64
- var tick_duration = 200; // in ms
65
-
66
- var debug = (location.hash === "#debug");
67
- function debug_log(msg) {
68
- if (debug) {
69
- console.log(msg);
70
- }
71
- }
72
-
73
- var allUnits = ["Years", "Months", "Days", "Hours", "Minutes", "Seconds"];
74
- var nextUnits = {
75
- Seconds: "Minutes",
76
- Minutes: "Hours",
77
- Hours: "Days",
78
- Days: "Months",
79
- Months: "Years",
80
- Years: "Years"
81
- };
82
- var secondsIn = {
83
- Seconds: 1,
84
- Minutes: 60,
85
- Hours: 3600,
86
- Days: 86400,
87
- Months: 2678400,
88
- Years: 31536000
89
- };
90
-
91
- /**
92
- * Converts hex color code into object containing integer values for the r,g,b use
93
- * This function (hexToRgb) originates from:
94
- * http://stackoverflow.com/questions/5623838/rgb-to-hex-and-hex-to-rgb
95
- * @param {string} hex color code
96
- */
97
- function hexToRgb(hex) {
98
-
99
- // Verify already RGB (e.g. "rgb(0,0,0)") or RGBA (e.g. "rgba(0,0,0,0.5)")
100
- var rgba = /^rgba?\(([\d]+),([\d]+),([\d]+)(,([\d\.]+))?\)$/;
101
- if(rgba.test(hex)) {
102
- var result = rgba.exec(hex);
103
- return {
104
- r: parseInt(result[1]),
105
- g: parseInt(result[2]),
106
- b: parseInt(result[3]),
107
- a: parseInt(result[5] ? result[5] : 1)
108
- };
109
- }
110
-
111
- // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
112
- var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
113
- hex = hex.replace(shorthandRegex, function(m, r, g, b) {
114
- return r + r + g + g + b + b;
115
- });
116
-
117
- var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
118
- return result ? {
119
- r: parseInt(result[1], 16),
120
- g: parseInt(result[2], 16),
121
- b: parseInt(result[3], 16)
122
- } : null;
123
- }
124
-
125
- function isCanvasSupported() {
126
- var elem = document.createElement('canvas');
127
- return !!(elem.getContext && elem.getContext('2d'));
128
- }
129
-
130
- /**
131
- * Function s4() and guid() originate from:
132
- * http://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid-in-javascript
133
- */
134
- function s4() {
135
- return Math.floor((1 + Math.random()) * 0x10000)
136
- .toString(16)
137
- .substring(1);
138
- }
139
-
140
- /**
141
- * Creates a unique id
142
- * @returns {String}
143
- */
144
- function guid() {
145
- return s4() + s4() + '-' + s4() + '-' + s4() + '-' +
146
- s4() + '-' + s4() + s4() + s4();
147
- }
148
-
149
- /**
150
- * Array.prototype.indexOf fallback for IE8
151
- * @param {Mixed} mixed
152
- * @returns {Number}
153
- */
154
- if (!Array.prototype.indexOf) {
155
- Array.prototype.indexOf = function(elt /*, from*/)
156
- {
157
- var len = this.length >>> 0;
158
-
159
- var from = Number(arguments[1]) || 0;
160
- from = (from < 0)
161
- ? Math.ceil(from)
162
- : Math.floor(from);
163
- if (from < 0)
164
- from += len;
165
-
166
- for (; from < len; from++)
167
- {
168
- if (from in this &&
169
- this[from] === elt)
170
- return from;
171
- }
172
- return -1;
173
- };
174
- }
175
-
176
- function parse_date(str) {
177
- var match = str.match(/^[0-9]{4}-[0-9]{2}-[0-9]{2}\s[0-9]{1,2}:[0-9]{2}:[0-9]{2}$/);
178
- if (match !== null && match.length > 0) {
179
- var parts = str.split(" ");
180
- var date = parts[0].split("-");
181
- var time = parts[1].split(":");
182
- return new Date(date[0], date[1] - 1, date[2], time[0], time[1], time[2]);
183
- }
184
- // Fallback for different date formats
185
- var d = Date.parse(str);
186
- if (!isNaN(d))
187
- return d;
188
- d = Date.parse(str.replace(/-/g, '/').replace('T', ' '));
189
- if (!isNaN(d))
190
- return d;
191
- // Cant find anything
192
- return new Date();
193
- }
194
-
195
- function parse_times(diff, old_diff, total_duration, units, floor) {
196
- var raw_time = {};
197
- var raw_old_time = {};
198
- var time = {};
199
- var pct = {};
200
- var old_pct = {};
201
- var old_time = {};
202
-
203
- var greater_unit = null;
204
- var maxUnitName = units[0];
205
-
206
- for(var i = 0; i < units.length; i++) {
207
- var unit = units[i];
208
- var maxUnits;
209
-
210
- if (greater_unit === null) {
211
- maxUnits = total_duration / secondsIn[unit];
212
- }
213
- else {
214
- maxUnits = secondsIn[greater_unit] / secondsIn[unit];
215
- }
216
-
217
- var curUnits = (diff / secondsIn[unit]);
218
- var oldUnits = (old_diff / secondsIn[unit]);
219
-
220
- if(floor) {
221
- if(curUnits > 0) curUnits = Math.floor(curUnits);
222
- else curUnits = Math.ceil(curUnits);
223
- if(oldUnits > 0) oldUnits = Math.floor(oldUnits);
224
- else oldUnits = Math.ceil(oldUnits);
225
- }
226
-
227
- if (unit !== maxUnitName) {
228
- curUnits = curUnits % maxUnits;
229
- oldUnits = oldUnits % maxUnits;
230
- }
231
-
232
- raw_time[unit] = curUnits;
233
- time[unit] = Math.abs(curUnits);
234
- raw_old_time[unit] = oldUnits;
235
- old_time[unit] = Math.abs(oldUnits);
236
- pct[unit] = Math.abs(curUnits) / maxUnits;
237
- old_pct[unit] = Math.abs(oldUnits) / maxUnits;
238
-
239
- greater_unit = unit;
240
- }
241
-
242
- return {
243
- raw_time: raw_time,
244
- raw_old_time: raw_old_time,
245
- time: time,
246
- old_time: old_time,
247
- pct: pct,
248
- old_pct: old_pct
249
- };
250
- }
251
-
252
- var TC_Instance_List = {};
253
- function updateUsedWindow() {
254
- if(typeof useWindow.TC_Instance_List !== "undefined") {
255
- TC_Instance_List = useWindow.TC_Instance_List;
256
- }
257
- else {
258
- useWindow.TC_Instance_List = TC_Instance_List;
259
- }
260
- initializeAnimationFrameHandler(useWindow);
261
- };
262
-
263
- function initializeAnimationFrameHandler(w) {
264
- var vendors = ['webkit', 'moz'];
265
- for (var x = 0; x < vendors.length && !w.requestAnimationFrame; ++x) {
266
- w.requestAnimationFrame = w[vendors[x] + 'RequestAnimationFrame'];
267
- w.cancelAnimationFrame = w[vendors[x] + 'CancelAnimationFrame'];
268
- }
269
-
270
- if (!w.requestAnimationFrame || !w.cancelAnimationFrame) {
271
- w.requestAnimationFrame = function(callback, element, instance) {
272
- if (typeof instance === "undefined")
273
- instance = {data: {last_frame: 0}};
274
- var currTime = new Date().getTime();
275
- var timeToCall = Math.max(0, 16 - (currTime - instance.data.last_frame));
276
- var id = w.setTimeout(function() {
277
- callback(currTime + timeToCall);
278
- }, timeToCall);
279
- instance.data.last_frame = currTime + timeToCall;
280
- return id;
281
- };
282
- w.cancelAnimationFrame = function(id) {
283
- clearTimeout(id);
284
- };
285
- }
286
- };
287
-
288
-
289
- var TC_Instance = function(element, options) {
290
- this.element = element;
291
- this.container;
292
- this.listeners = null;
293
- this.data = {
294
- paused: false,
295
- last_frame: 0,
296
- animation_frame: null,
297
- interval_fallback: null,
298
- timer: false,
299
- total_duration: null,
300
- prev_time: null,
301
- drawn_units: [],
302
- text_elements: {
303
- Years: null,
304
- Months: null,
305
- Days: null,
306
- Hours: null,
307
- Minutes: null,
308
- Seconds: null
309
- },
310
- attributes: {
311
- canvas: null,
312
- context: null,
313
- item_size: null,
314
- line_width: null,
315
- radius: null,
316
- outer_radius: null
317
- },
318
- state: {
319
- fading: {
320
- Years: false,
321
- Months: false,
322
- Days: false,
323
- Hours: false,
324
- Minutes: false,
325
- Seconds: false
326
- }
327
- }
328
- };
329
-
330
- this.config = null;
331
- this.setOptions(options);
332
- this.initialize();
333
- };
334
-
335
- TC_Instance.prototype.clearListeners = function() {
336
- this.listeners = { all: [], visible: [] };
337
- };
338
-
339
- TC_Instance.prototype.addTime = function(seconds_to_add) {
340
- if(this.data.attributes.ref_date instanceof Date) {
341
- var d = this.data.attributes.ref_date;
342
- d.setSeconds(d.getSeconds() + seconds_to_add);
343
- }
344
- else if(!isNaN(this.data.attributes.ref_date)) {
345
- this.data.attributes.ref_date += (seconds_to_add * 1000);
346
- }
347
- };
348
-
349
- TC_Instance.prototype.initialize = function(clear_listeners) {
350
- // Initialize drawn units
351
- this.data.drawn_units = [];
352
- for(var i = 0; i < Object.keys(this.config.time).length; i++) {
353
- var unit = Object.keys(this.config.time)[i];
354
- if (this.config.time[unit].show) {
355
- this.data.drawn_units.push(unit);
356
- }
357
- }
358
-
359
- // Avoid stacking
360
- $(this.element).children('div.time_circles').remove();
361
-
362
- if (typeof clear_listeners === "undefined")
363
- clear_listeners = true;
364
- if (clear_listeners || this.listeners === null) {
365
- this.clearListeners();
366
- }
367
- this.container = $("<div>");
368
- this.container.addClass('time_circles');
369
- this.container.appendTo(this.element);
370
-
371
- // Determine the needed width and height of TimeCircles
372
- var height = this.element.offsetHeight;
373
- var width = this.element.offsetWidth;
374
- if (height === 0)
375
- height = $(this.element).height();
376
- if (width === 0)
377
- width = $(this.element).width();
378
-
379
- if (height === 0 && width > 0)
380
- height = width / this.data.drawn_units.length;
381
- else if (width === 0 && height > 0)
382
- width = height * this.data.drawn_units.length;
383
-
384
- // Create our canvas and set it to the appropriate size
385
- var canvasElement = document.createElement('canvas');
386
- canvasElement.width = width;
387
- canvasElement.height = height;
388
-
389
- // Add canvas elements
390
- this.data.attributes.canvas = $(canvasElement);
391
- this.data.attributes.canvas.appendTo(this.container);
392
-
393
- // Check if the browser has browser support
394
- var canvasSupported = isCanvasSupported();
395
- // If the browser doesn't have browser support, check if explorer canvas is loaded
396
- // (A javascript library that adds canvas support to browsers that don't have it)
397
- if(!canvasSupported && typeof G_vmlCanvasManager !== "undefined") {
398
- G_vmlCanvasManager.initElement(canvasElement);
399
- limited_mode = true;
400
- canvasSupported = true;
401
- }
402
- if(canvasSupported) {
403
- this.data.attributes.context = canvasElement.getContext('2d');
404
- }
405
-
406
- this.data.attributes.item_size = Math.min(width / this.data.drawn_units.length, height);
407
- this.data.attributes.line_width = this.data.attributes.item_size * this.config.fg_width;
408
- this.data.attributes.radius = ((this.data.attributes.item_size * 0.8) - this.data.attributes.line_width) / 2;
409
- this.data.attributes.outer_radius = this.data.attributes.radius + 0.5 * Math.max(this.data.attributes.line_width, this.data.attributes.line_width * this.config.bg_width);
410
-
411
- // Prepare Time Elements
412
- var i = 0;
413
- for (var key in this.data.text_elements) {
414
- if (!this.config.time[key].show)
415
- continue;
416
- var textElement = $("<div>");
417
- textElement.addClass('textDiv_' + key);
418
- textElement.css("top", Math.round(0.35 * this.data.attributes.item_size));
419
- textElement.css("left", Math.round(i++ * this.data.attributes.item_size));
420
- textElement.css("width", this.data.attributes.item_size);
421
- textElement.appendTo(this.container);
422
-
423
- var that = this;
424
- var addTextElement = function () {
425
- var headerElement = $("<h4>");
426
- headerElement.text(that.config.time[key].text); // Options
427
- headerElement.css("font-size", Math.round(that.config.text_size * that.data.attributes.item_size));
428
- headerElement.appendTo(textElement);
429
- };
430
- if (!this.config['ycd-countdown-switch-number']) {
431
- addTextElement();
432
- }
433
-
434
- var numberElement = $("<span>");
435
- numberElement.css("font-size", Math.round(this.config.number_size * this.data.attributes.item_size));
436
- numberElement.appendTo(textElement);
437
-
438
- if (this.config['ycd-countdown-switch-number']) {
439
- addTextElement()
440
- }
441
-
442
- this.data.text_elements[key] = numberElement;
443
- }
444
-
445
- this.start();
446
- if (!this.config.start) {
447
- this.data.paused = true;
448
- }
449
-
450
- // Set up interval fallback
451
- var _this = this;
452
- this.data.interval_fallback = useWindow.setInterval(function(){
453
- _this.update.call(_this, true);
454
- }, 100);
455
- };
456
-
457
- TC_Instance.prototype.update = function(nodraw) {
458
- if(typeof nodraw === "undefined") {
459
- nodraw = false;
460
- }
461
- else if(nodraw && this.data.paused) {
462
- return;
463
- }
464
-
465
- if(limited_mode) {
466
- //Per unit clearing doesn't work in IE8 using explorer canvas, so do it in one time. The downside is that radial fade cant be used
467
- this.data.attributes.context.clearRect(0, 0, this.data.attributes.canvas[0].width, this.data.attributes.canvas[0].hright);
468
- }
469
- var diff, old_diff;
470
-
471
- var prevDate = this.data.prev_time;
472
- var curDate = new Date();
473
- this.data.prev_time = curDate;
474
-
475
- if (prevDate === null)
476
- prevDate = curDate;
477
-
478
- // If not counting past zero, and time < 0, then simply draw the zero point once, and call stop
479
- if (!this.config.count_past_zero) {
480
- if (curDate > this.data.attributes.ref_date) {
481
- for(var i = 0; i < this.data.drawn_units.length; i++) {
482
- var key = this.data.drawn_units[i];
483
-
484
- // Set the text value
485
- this.data.text_elements[key].text("0");
486
- var x = (i * this.data.attributes.item_size) + (this.data.attributes.item_size / 2);
487
- var y = this.data.attributes.item_size / 2;
488
- var color = this.config.time[key].color;
489
- this.drawArc(x, y, color, 0);
490
- }
491
- this.stop();
492
- return;
493
- }
494
- }
495
-
496
- // Compare current time with reference
497
- diff = (this.data.attributes.ref_date - curDate) / 1000;
498
- if(this.config.count_past_zero) {
499
- diff = Math.abs(diff);
500
- }
501
- old_diff = (this.data.attributes.ref_date - prevDate) / 1000;
502
-
503
- var floor = this.config.animation !== "smooth";
504
-
505
- var visible_times = parse_times(diff, old_diff, this.data.total_duration, this.data.drawn_units, floor);
506
- var all_times = parse_times(diff, old_diff, secondsIn["Years"], allUnits, floor);
507
-
508
- var i = 0;
509
- var j = 0;
510
- var lastKey = null;
511
-
512
- var cur_shown = this.data.drawn_units.slice();
513
- for (var i in allUnits) {
514
- var key = allUnits[i];
515
-
516
- // Notify (all) listeners
517
- if (Math.floor(all_times.raw_time[key]) !== Math.floor(all_times.raw_old_time[key])) {
518
- this.notifyListeners(key, Math.floor(all_times.time[key]), Math.floor(diff), "all");
519
- }
520
-
521
- if (cur_shown.indexOf(key) < 0)
522
- continue;
523
-
524
- // Notify (visible) listeners
525
- if (Math.floor(visible_times.raw_time[key]) !== Math.floor(visible_times.raw_old_time[key])) {
526
- this.notifyListeners(key, Math.floor(visible_times.time[key]), Math.floor(diff), "visible");
527
- }
528
-
529
- if(!nodraw) {
530
- // Set the text value
531
- this.data.text_elements[key].text(Math.floor(Math.abs(visible_times.time[key])));
532
-
533
- var x = (j * this.data.attributes.item_size) + (this.data.attributes.item_size / 2);
534
- var y = this.data.attributes.item_size / 2;
535
- var color = this.config.time[key].color;
536
-
537
- if (this.config.animation === "smooth") {
538
- if (lastKey !== null && !limited_mode) {
539
- if (Math.floor(visible_times.time[lastKey]) > Math.floor(visible_times.old_time[lastKey])) {
540
- this.radialFade(x, y, color, 1, key);
541
- this.data.state.fading[key] = true;
542
- }
543
- else if (Math.floor(visible_times.time[lastKey]) < Math.floor(visible_times.old_time[lastKey])) {
544
- this.radialFade(x, y, color, 0, key);
545
- this.data.state.fading[key] = true;
546
- }
547
- }
548
- if (!this.data.state.fading[key]) {
549
- this.drawArc(x, y, color, visible_times.pct[key]);
550
- }
551
- }
552
- else {
553
- this.animateArc(x, y, color, visible_times.pct[key], visible_times.old_pct[key], (new Date()).getTime() + tick_duration);
554
- }
555
- }
556
- lastKey = key;
557
- j++;
558
- }
559
-
560
- // Dont request another update if we should be paused
561
- if(this.data.paused || nodraw) {
562
- return;
563
- }
564
-
565
- // We need this for our next frame either way
566
- var _this = this;
567
- var update = function() {
568
- _this.update.call(_this);
569
- };
570
-
571
- // Either call next update immediately, or in a second
572
- if (this.config.animation === "smooth") {
573
- // Smooth animation, Queue up the next frame
574
- this.data.animation_frame = useWindow.requestAnimationFrame(update, _this.element, _this);
575
- }
576
- else {
577
- // Tick animation, Don't queue until very slightly after the next second happens
578
- var delay = (diff % 1) * 1000;
579
- if (delay < 0)
580
- delay = 1000 + delay;
581
- delay += 50;
582
-
583
- _this.data.animation_frame = useWindow.setTimeout(function() {
584
- _this.data.animation_frame = useWindow.requestAnimationFrame(update, _this.element, _this);
585
- }, delay);
586
- }
587
- };
588
-
589
- TC_Instance.prototype.animateArc = function(x, y, color, target_pct, cur_pct, animation_end) {
590
- if (this.data.attributes.context === null)
591
- return;
592
-
593
- var diff = cur_pct - target_pct;
594
- if (Math.abs(diff) > 0.5) {
595
- if (target_pct === 0) {
596
- this.radialFade(x, y, color, 1);
597
- }
598
- else {
599
- this.radialFade(x, y, color, 0);
600
- }
601
- }
602
- else {
603
- var progress = (tick_duration - (animation_end - (new Date()).getTime())) / tick_duration;
604
- if (progress > 1)
605
- progress = 1;
606
-
607
- var pct = (cur_pct * (1 - progress)) + (target_pct * progress);
608
- this.drawArc(x, y, color, pct);
609
-
610
- //var show_pct =
611
- if (progress >= 1)
612
- return;
613
- var _this = this;
614
- useWindow.requestAnimationFrame(function() {
615
- _this.animateArc(x, y, color, target_pct, cur_pct, animation_end);
616
- }, this.element);
617
- }
618
- };
619
-
620
- TC_Instance.prototype.drawArc = function(x, y, color, pct) {
621
- if (this.data.attributes.context === null)
622
- return;
623
-
624
- var clear_radius = Math.max(this.data.attributes.outer_radius, this.data.attributes.item_size / 2);
625
- if(!limited_mode) {
626
- this.data.attributes.context.clearRect(
627
- x - clear_radius,
628
- y - clear_radius,
629
- clear_radius * 2,
630
- clear_radius * 2
631
- );
632
- }
633
-
634
- if (this.config.use_background) {
635
- this.data.attributes.context.beginPath();
636
- this.data.attributes.context.arc(x, y, this.data.attributes.radius, 0, 2 * Math.PI, false);
637
- this.data.attributes.context.lineWidth = this.data.attributes.line_width * this.config.bg_width;
638
-
639
- // line color
640
- this.data.attributes.context.strokeStyle = this.config.circle_bg_color;
641
- this.data.attributes.context.stroke();
642
- }
643
-
644
- // Direction
645
- var startAngle, endAngle, counterClockwise;
646
- var defaultOffset = (-0.5 * Math.PI);
647
- var fullCircle = 2 * Math.PI;
648
- startAngle = defaultOffset + (this.config.start_angle / 360 * fullCircle);
649
- var offset = (2 * pct * Math.PI);
650
-
651
- if (this.config.direction === "Both") {
652
- counterClockwise = false;
653
- startAngle -= (offset / 2);
654
- endAngle = startAngle + offset;
655
- }
656
- else {
657
- if (this.config.direction === "Clockwise") {
658
- counterClockwise = false;
659
- endAngle = startAngle + offset;
660
- }
661
- else {
662
- counterClockwise = true;
663
- endAngle = startAngle - offset;
664
- }
665
- }
666
-
667
- this.data.attributes.context.beginPath();
668
- this.data.attributes.context.arc(x, y, this.data.attributes.radius, startAngle, endAngle, counterClockwise);
669
- this.data.attributes.context.lineWidth = this.data.attributes.line_width;
670
-
671
- // line color
672
- this.data.attributes.context.strokeStyle = color;
673
- this.data.attributes.context.stroke();
674
- };
675
-
676
- TC_Instance.prototype.radialFade = function(x, y, color, from, key) {
677
- // TODO: Make fade_time option
678
- var rgb = hexToRgb(color);
679
- var _this = this; // We have a few inner scopes here that will need access to our instance
680
-
681
- var step = 0.2 * ((from === 1) ? -1 : 1);
682
- var i;
683
- for (i = 0; from <= 1 && from >= 0; i++) {
684
- // Create inner scope so our variables are not changed by the time the Timeout triggers
685
- (function() {
686
- var delay = 50 * i;
687
- var rgba = "rgba(" + rgb.r + ", " + rgb.g + ", " + rgb.b + ", " + (Math.round(from * 10) / 10) + ")";
688
- useWindow.setTimeout(function() {
689
- _this.drawArc(x, y, rgba, 1);
690
- }, delay);
691
- }());
692
- from += step;
693
- }
694
- if (typeof key !== undefined) {
695
- useWindow.setTimeout(function() {
696
- _this.data.state.fading[key] = false;
697
- }, 50 * i);
698
- }
699
- };
700
-
701
- TC_Instance.prototype.timeLeft = function() {
702
- if (this.data.paused && typeof this.data.timer === "number") {
703
- return this.data.timer;
704
- }
705
- var now = new Date();
706
- return ((this.data.attributes.ref_date - now) / 1000);
707
- };
708
-
709
- TC_Instance.prototype.start = function() {
710
- useWindow.cancelAnimationFrame(this.data.animation_frame);
711
- useWindow.clearTimeout(this.data.animation_frame);
712
-
713
- // Check if a date was passed in html attribute or jquery data
714
- var attr_data_date = $(this.element).data('date');
715
- if (typeof attr_data_date === "undefined") {
716
- attr_data_date = $(this.element).attr('data-date');
717
- }
718
- if (typeof attr_data_date === "string") {
719
- this.data.attributes.ref_date = parse_date(attr_data_date);
720
- }
721
- // Check if this is an unpause of a timer
722
- else if (typeof this.data.timer === "number") {
723
- if (this.data.paused) {
724
- this.data.attributes.ref_date = (new Date()).getTime() + (this.data.timer * 1000);
725
- }
726
- }
727
- else {
728
- // Try to get data-timer
729
- var attr_data_timer = $(this.element).data('timer');
730
- if (typeof attr_data_timer === "undefined") {
731
- attr_data_timer = $(this.element).attr('data-timer');
732
- }
733
- if (typeof attr_data_timer === "string") {
734
- attr_data_timer = parseFloat(attr_data_timer);
735
- }
736
- if (typeof attr_data_timer === "number") {
737
- this.data.timer = attr_data_timer;
738
-
739
- this.data.attributes.ref_date = (new Date()).getTime() + (attr_data_timer * 1000);
740
- if(this.config['ycd-count-up-from-end-date'] && this.config['countdownExpired']) {
741
- this.data.attributes.ref_date = new Date(moment(this.config['ycd-date-time-picker']).tz(this.config['ycd-time-zone']).format('MM/DD/YYYY H:m:s')).getTime() + (attr_data_timer * 1000);
742
- }
743
- }
744
- else {
745
- // data-timer and data-date were both not set
746
- // use config date
747
- this.data.attributes.ref_date = this.config.ref_date;
748
- }
749
- }
750
-
751
- // Start running
752
- this.data.paused = false;
753
- this.update.call(this);
754
- };
755
-
756
- TC_Instance.prototype.restart = function() {
757
- this.data.timer = false;
758
- this.start();
759
- };
760
-
761
- TC_Instance.prototype.stop = function() {
762
- if (typeof this.data.timer === "number") {
763
- this.data.timer = this.timeLeft(this);
764
- }
765
- // Stop running
766
- this.data.paused = true;
767
- useWindow.cancelAnimationFrame(this.data.animation_frame);
768
- };
769
-
770
- TC_Instance.prototype.destroy = function() {
771
- this.clearListeners();
772
- this.stop();
773
- useWindow.clearInterval(this.data.interval_fallback);
774
- this.data.interval_fallback = null;
775
-
776
- this.container.remove();
777
- $(this.element).removeAttr('data-tc-id');
778
- $(this.element).removeData('tc-id');
779
- };
780
-
781
- TC_Instance.prototype.setOptions = function(options) {
782
- if (this.config === null) {
783
- this.default_options.ref_date = new Date();
784
- this.config = $.extend(true, {}, this.default_options);
785
- }
786
- $.extend(true, this.config, options);
787
-
788
- // Use window.top if use_top_frame is true
789
- if(this.config.use_top_frame) {
790
- useWindow = window.top;
791
- }
792
- else {
793
- useWindow = window;
794
- }
795
- updateUsedWindow();
796
-
797
- this.data.total_duration = this.config.total_duration;
798
- if (typeof this.data.total_duration === "string") {
799
- if (typeof secondsIn[this.data.total_duration] !== "undefined") {
800
- // If set to Years, Months, Days, Hours or Minutes, fetch the secondsIn value for that
801
- this.data.total_duration = secondsIn[this.data.total_duration];
802
- }
803
- else if (this.data.total_duration === "Auto") {
804
- // If set to auto, total_duration is the size of 1 unit, of the unit type bigger than the largest shown
805
- for(var i = 0; i < Object.keys(this.config.time).length; i++) {
806
- var unit = Object.keys(this.config.time)[i];
807
- if (this.config.time[unit].show) {
808
- this.data.total_duration = secondsIn[nextUnits[unit]];
809
- break;
810
- }
811
- }
812
- }
813
- else {
814
- // If it's a string, but neither of the above, user screwed up.
815
- this.data.total_duration = secondsIn["Years"];
816
- console.error("Valid values for TimeCircles config.total_duration are either numeric, or (string) Years, Months, Days, Hours, Minutes, Auto");
817
- }
818
- }
819
- };
820
-
821
- TC_Instance.prototype.addListener = function(f, context, type) {
822
- if (typeof f !== "function")
823
- return;
824
- if (typeof type === "undefined")
825
- type = "visible";
826
- this.listeners[type].push({func: f, scope: context});
827
- };
828
-
829
- TC_Instance.prototype.notifyListeners = function(unit, value, total, type) {
830
- for (var i = 0; i < this.listeners[type].length; i++) {
831
- var listener = this.listeners[type][i];
832
- listener.func.apply(listener.scope, [unit, value, total]);
833
- }
834
- };
835
-
836
- TC_Instance.prototype.default_options = {
837
- ref_date: new Date(),
838
- start: true,
839
- animation: "smooth",
840
- count_past_zero: true,
841
- circle_bg_color: "#60686F",
842
- use_background: true,
843
- fg_width: 0.1,
844
- bg_width: 1.2,
845
- text_size: 0.07,
846
- number_size: 0.28,
847
- total_duration: "Auto",
848
- direction: "Clockwise",
849
- use_top_frame: false,
850
- start_angle: 0,
851
- time: {
852
- Years: {
853
- show: true,
854
- text: "Years",
855
- color: "#FC6"
856
- },
857
- Months: {
858
- show: true,
859
- text: "Months",
860
- color: "#FC6"
861
- },
862
- Days: {
863
- show: true,
864
- text: "Days",
865
- color: "#FC6"
866
- },
867
- Hours: {
868
- show: true,
869
- text: "Hours",
870
- color: "#9CF"
871
- },
872
- Minutes: {
873
- show: true,
874
- text: "Minutes",
875
- color: "#BFB"
876
- },
877
- Seconds: {
878
- show: true,
879
- text: "Seconds",
880
- color: "#F99"
881
- }
882
- }
883
- };
884
-
885
- // Time circle class
886
- var TC_Class = function(elements, options) {
887
- this.elements = elements;
888
- this.options = options;
889
- this.foreach();
890
- };
891
-
892
- TC_Class.prototype.getInstance = function(element) {
893
- var instance;
894
-
895
- var cur_id = $(element).data("tc-id");
896
- if (typeof cur_id === "undefined") {
897
- cur_id = guid();
898
- $(element).attr("data-tc-id", cur_id);
899
- }
900
- if (typeof TC_Instance_List[cur_id] === "undefined") {
901
- var options = this.options;
902
- var element_options = $(element).data('options');
903
- if (typeof element_options === "string") {
904
- element_options = JSON.parse(element_options);
905
- }
906
- if (typeof element_options === "object") {
907
- options = $.extend(true, {}, this.options, element_options);
908
- }
909
- instance = new TC_Instance(element, options);
910
- TC_Instance_List[cur_id] = instance;
911
- }
912
- else {
913
- instance = TC_Instance_List[cur_id];
914
- if (typeof this.options !== "undefined") {
915
- instance.setOptions(this.options);
916
- }
917
- }
918
- return instance;
919
- };
920
-
921
- TC_Class.prototype.addTime = function(seconds_to_add) {
922
- this.foreach(function(instance) {
923
- instance.addTime(seconds_to_add);
924
- });
925
- };
926
-
927
- TC_Class.prototype.foreach = function(callback) {
928
- var _this = this;
929
- this.elements.each(function() {
930
- var instance = _this.getInstance(this);
931
- if (typeof callback === "function") {
932
- callback(instance);
933
- }
934
- });
935
- return this;
936
- };
937
-
938
- TC_Class.prototype.start = function() {
939
- this.foreach(function(instance) {
940
- instance.start();
941
- });
942
- return this;
943
- };
944
-
945
- TC_Class.prototype.stop = function() {
946
- this.foreach(function(instance) {
947
- instance.stop();
948
- });
949
- return this;
950
- };
951
-
952
- TC_Class.prototype.restart = function() {
953
- this.foreach(function(instance) {
954
- instance.restart();
955
- });
956
- return this;
957
- };
958
-
959
- TC_Class.prototype.rebuild = function() {
960
- this.foreach(function(instance) {
961
- instance.initialize(false);
962
- });
963
- return this;
964
- };
965
-
966
- TC_Class.prototype.getTime = function() {
967
- return this.getInstance(this.elements[0]).timeLeft();
968
- };
969
-
970
- TC_Class.prototype.addListener = function(f, type) {
971
- if (typeof type === "undefined")
972
- type = "visible";
973
- var _this = this;
974
- this.foreach(function(instance) {
975
- instance.addListener(f, _this.elements, type);
976
- });
977
- return this;
978
- };
979
-
980
- TC_Class.prototype.destroy = function() {
981
- this.foreach(function(instance) {
982
- instance.destroy();
983
- });
984
- return this;
985
- };
986
-
987
- TC_Class.prototype.end = function() {
988
- return this.elements;
989
- };
990
-
991
- $.fn.TimeCircles = function(options) {
992
- return new TC_Class(this, options);
993
- };
994
- }(jQuery));
1
+ /**
2
+ * Basic structure: TC_Class is the public class that is returned upon being called
3
+ *
4
+ * So, if you do
5
+ * var tc = $(".timer").TimeCircles();
6
+ *
7
+ * tc will contain an instance of the public TimeCircles class. It is important to
8
+ * note that TimeCircles is not chained in the conventional way, check the
9
+ * documentation for more info on how TimeCircles can be chained.
10
+ *
11
+ * After being called/created, the public TimerCircles class will then- for each element
12
+ * within it's collection, either fetch or create an instance of the private class.
13
+ * Each function called upon the public class will be forwarded to each instance
14
+ * of the private classes within the relevant element collection
15
+ **/
16
+ (function($) {
17
+
18
+ var useWindow = window;
19
+
20
+ // From https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys
21
+ if (!Object.keys) {
22
+ Object.keys = (function() {
23
+ 'use strict';
24
+ var hasOwnProperty = Object.prototype.hasOwnProperty,
25
+ hasDontEnumBug = !({toString: null}).propertyIsEnumerable('toString'),
26
+ dontEnums = [
27
+ 'toString',
28
+ 'toLocaleString',
29
+ 'valueOf',
30
+ 'hasOwnProperty',
31
+ 'isPrototypeOf',
32
+ 'propertyIsEnumerable',
33
+ 'constructor'
34
+ ],
35
+ dontEnumsLength = dontEnums.length;
36
+
37
+ return function(obj) {
38
+ if (typeof obj !== 'object' && (typeof obj !== 'function' || obj === null)) {
39
+ throw new TypeError('Object.keys called on non-object');
40
+ }
41
+
42
+ var result = [], prop, i;
43
+
44
+ for (prop in obj) {
45
+ if (hasOwnProperty.call(obj, prop)) {
46
+ result.push(prop);
47
+ }
48
+ }
49
+
50
+ if (hasDontEnumBug) {
51
+ for (i = 0; i < dontEnumsLength; i++) {
52
+ if (hasOwnProperty.call(obj, dontEnums[i])) {
53
+ result.push(dontEnums[i]);
54
+ }
55
+ }
56
+ }
57
+ return result;
58
+ };
59
+ }());
60
+ }
61
+
62
+ // Used to disable some features on IE8
63
+ var limited_mode = false;
64
+ var tick_duration = 200; // in ms
65
+
66
+ var debug = (location.hash === "#debug");
67
+ function debug_log(msg) {
68
+ if (debug) {
69
+ console.log(msg);
70
+ }
71
+ }
72
+
73
+ var allUnits = ["Years", "Months", "Days", "Hours", "Minutes", "Seconds"];
74
+ var nextUnits = {
75
+ Seconds: "Minutes",
76
+ Minutes: "Hours",
77
+ Hours: "Days",
78
+ Days: "Months",
79
+ Months: "Years",
80
+ Years: "Years"
81
+ };
82
+ var secondsIn = {
83
+ Seconds: 1,
84
+ Minutes: 60,
85
+ Hours: 3600,
86
+ Days: 86400,
87
+ Months: 2678400,
88
+ Years: 31536000
89
+ };
90
+
91
+ /**
92
+ * Converts hex color code into object containing integer values for the r,g,b use
93
+ * This function (hexToRgb) originates from:
94
+ * http://stackoverflow.com/questions/5623838/rgb-to-hex-and-hex-to-rgb
95
+ * @param {string} hex color code
96
+ */
97
+ function hexToRgb(hex) {
98
+
99
+ // Verify already RGB (e.g. "rgb(0,0,0)") or RGBA (e.g. "rgba(0,0,0,0.5)")
100
+ var rgba = /^rgba?\(([\d]+),([\d]+),([\d]+)(,([\d\.]+))?\)$/;
101
+ if(rgba.test(hex)) {
102
+ var result = rgba.exec(hex);
103
+ return {
104
+ r: parseInt(result[1]),
105
+ g: parseInt(result[2]),
106
+ b: parseInt(result[3]),
107
+ a: parseInt(result[5] ? result[5] : 1)
108
+ };
109
+ }
110
+
111
+ // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
112
+ var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
113
+ hex = hex.replace(shorthandRegex, function(m, r, g, b) {
114
+ return r + r + g + g + b + b;
115
+ });
116
+
117
+ var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
118
+ return result ? {
119
+ r: parseInt(result[1], 16),
120
+ g: parseInt(result[2], 16),
121
+ b: parseInt(result[3], 16)
122
+ } : null;
123
+ }
124
+
125
+ function isCanvasSupported() {
126
+ var elem = document.createElement('canvas');
127
+ return !!(elem.getContext && elem.getContext('2d'));
128
+ }
129
+
130
+ /**
131
+ * Function s4() and guid() originate from:
132
+ * http://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid-in-javascript
133
+ */
134
+ function s4() {
135
+ return Math.floor((1 + Math.random()) * 0x10000)
136
+ .toString(16)
137
+ .substring(1);
138
+ }
139
+
140
+ /**
141
+ * Creates a unique id
142
+ * @returns {String}
143
+ */
144
+ function guid() {
145
+ return s4() + s4() + '-' + s4() + '-' + s4() + '-' +
146
+ s4() + '-' + s4() + s4() + s4();
147
+ }
148
+
149
+ /**
150
+ * Array.prototype.indexOf fallback for IE8
151
+ * @param {Mixed} mixed
152
+ * @returns {Number}
153
+ */
154
+ if (!Array.prototype.indexOf) {
155
+ Array.prototype.indexOf = function(elt /*, from*/)
156
+ {
157
+ var len = this.length >>> 0;
158
+
159
+ var from = Number(arguments[1]) || 0;
160
+ from = (from < 0)
161
+ ? Math.ceil(from)
162
+ : Math.floor(from);
163
+ if (from < 0)
164
+ from += len;
165
+
166
+ for (; from < len; from++)
167
+ {
168
+ if (from in this &&
169
+ this[from] === elt)
170
+ return from;
171
+ }
172
+ return -1;
173
+ };
174
+ }
175
+
176
+ function parse_date(str) {
177
+ var match = str.match(/^[0-9]{4}-[0-9]{2}-[0-9]{2}\s[0-9]{1,2}:[0-9]{2}:[0-9]{2}$/);
178
+ if (match !== null && match.length > 0) {
179
+ var parts = str.split(" ");
180
+ var date = parts[0].split("-");
181
+ var time = parts[1].split(":");
182
+ return new Date(date[0], date[1] - 1, date[2], time[0], time[1], time[2]);
183
+ }
184
+ // Fallback for different date formats
185
+ var d = Date.parse(str);
186
+ if (!isNaN(d))
187
+ return d;
188
+ d = Date.parse(str.replace(/-/g, '/').replace('T', ' '));
189
+ if (!isNaN(d))
190
+ return d;
191
+ // Cant find anything
192
+ return new Date();
193
+ }
194
+
195
+ function parse_times(diff, old_diff, total_duration, units, floor) {
196
+ var raw_time = {};
197
+ var raw_old_time = {};
198
+ var time = {};
199
+ var pct = {};
200
+ var old_pct = {};
201
+ var old_time = {};
202
+
203
+ var greater_unit = null;
204
+ var maxUnitName = units[0];
205
+
206
+ for(var i = 0; i < units.length; i++) {
207
+ var unit = units[i];
208
+ var maxUnits;
209
+
210
+ if (greater_unit === null) {
211
+ maxUnits = total_duration / secondsIn[unit];
212
+ }
213
+ else {
214
+ maxUnits = secondsIn[greater_unit] / secondsIn[unit];
215
+ }
216
+
217
+ var curUnits = (diff / secondsIn[unit]);
218
+ var oldUnits = (old_diff / secondsIn[unit]);
219
+
220
+ if(floor) {
221
+ if(curUnits > 0) curUnits = Math.floor(curUnits);
222
+ else curUnits = Math.ceil(curUnits);
223
+ if(oldUnits > 0) oldUnits = Math.floor(oldUnits);
224
+ else oldUnits = Math.ceil(oldUnits);
225
+ }
226
+
227
+ if (unit !== maxUnitName) {
228
+ curUnits = curUnits % maxUnits;
229
+ oldUnits = oldUnits % maxUnits;
230
+ }
231
+
232
+ raw_time[unit] = curUnits;
233
+ time[unit] = Math.abs(curUnits);
234
+ raw_old_time[unit] = oldUnits;
235
+ old_time[unit] = Math.abs(oldUnits);
236
+ pct[unit] = Math.abs(curUnits) / maxUnits;
237
+ old_pct[unit] = Math.abs(oldUnits) / maxUnits;
238
+
239
+ greater_unit = unit;
240
+ }
241
+
242
+ return {
243
+ raw_time: raw_time,
244
+ raw_old_time: raw_old_time,
245
+ time: time,
246
+ old_time: old_time,
247
+ pct: pct,
248
+ old_pct: old_pct
249
+ };
250
+ }
251
+
252
+ var TC_Instance_List = {};
253
+ function updateUsedWindow() {
254
+ if(typeof useWindow.TC_Instance_List !== "undefined") {
255
+ TC_Instance_List = useWindow.TC_Instance_List;
256
+ }
257
+ else {
258
+ useWindow.TC_Instance_List = TC_Instance_List;
259
+ }
260
+ initializeAnimationFrameHandler(useWindow);
261
+ };
262
+
263
+ function initializeAnimationFrameHandler(w) {
264
+ var vendors = ['webkit', 'moz'];
265
+ for (var x = 0; x < vendors.length && !w.requestAnimationFrame; ++x) {
266
+ w.requestAnimationFrame = w[vendors[x] + 'RequestAnimationFrame'];
267
+ w.cancelAnimationFrame = w[vendors[x] + 'CancelAnimationFrame'];
268
+ }
269
+
270
+ if (!w.requestAnimationFrame || !w.cancelAnimationFrame) {
271
+ w.requestAnimationFrame = function(callback, element, instance) {
272
+ if (typeof instance === "undefined")
273
+ instance = {data: {last_frame: 0}};
274
+ var currTime = new Date().getTime();
275
+ var timeToCall = Math.max(0, 16 - (currTime - instance.data.last_frame));
276
+ var id = w.setTimeout(function() {
277
+ callback(currTime + timeToCall);
278
+ }, timeToCall);
279
+ instance.data.last_frame = currTime + timeToCall;
280
+ return id;
281
+ };
282
+ w.cancelAnimationFrame = function(id) {
283
+ clearTimeout(id);
284
+ };
285
+ }
286
+ };
287
+
288
+
289
+ var TC_Instance = function(element, options) {
290
+ this.element = element;
291
+ this.container;
292
+ this.listeners = null;
293
+ this.data = {
294
+ paused: false,
295
+ last_frame: 0,
296
+ animation_frame: null,
297
+ interval_fallback: null,
298
+ timer: false,
299
+ total_duration: null,
300
+ prev_time: null,
301
+ drawn_units: [],
302
+ text_elements: {
303
+ Years: null,
304
+ Months: null,
305
+ Days: null,
306
+ Hours: null,
307
+ Minutes: null,
308
+ Seconds: null
309
+ },
310
+ attributes: {
311
+ canvas: null,
312
+ context: null,
313
+ item_size: null,
314
+ line_width: null,
315
+ radius: null,
316
+ outer_radius: null
317
+ },
318
+ state: {
319
+ fading: {
320
+ Years: false,
321
+ Months: false,
322
+ Days: false,
323
+ Hours: false,
324
+ Minutes: false,
325
+ Seconds: false
326
+ }
327
+ }
328
+ };
329
+
330
+ this.config = null;
331
+ this.setOptions(options);
332
+ this.initialize();
333
+ };
334
+
335
+ TC_Instance.prototype.clearListeners = function() {
336
+ this.listeners = { all: [], visible: [] };
337
+ };
338
+
339
+ TC_Instance.prototype.addTime = function(seconds_to_add) {
340
+ if(this.data.attributes.ref_date instanceof Date) {
341
+ var d = this.data.attributes.ref_date;
342
+ d.setSeconds(d.getSeconds() + seconds_to_add);
343
+ }
344
+ else if(!isNaN(this.data.attributes.ref_date)) {
345
+ this.data.attributes.ref_date += (seconds_to_add * 1000);
346
+ }
347
+ };
348
+
349
+ TC_Instance.prototype.initialize = function(clear_listeners) {
350
+ // Initialize drawn units
351
+ this.data.drawn_units = [];
352
+ for(var i = 0; i < Object.keys(this.config.time).length; i++) {
353
+ var unit = Object.keys(this.config.time)[i];
354
+ if (this.config.time[unit].show) {
355
+ this.data.drawn_units.push(unit);
356
+ }
357
+ }
358
+
359
+ // Avoid stacking
360
+ $(this.element).children('div.time_circles').remove();
361
+
362
+ if (typeof clear_listeners === "undefined")
363
+ clear_listeners = true;
364
+ if (clear_listeners || this.listeners === null) {
365
+ this.clearListeners();
366
+ }
367
+ this.container = $("<div>");
368
+ this.container.addClass('time_circles');
369
+ this.container.appendTo(this.element);
370
+
371
+ // Determine the needed width and height of TimeCircles
372
+ var height = this.element.offsetHeight;
373
+ var width = this.element.offsetWidth;
374
+ if (height === 0)
375
+ height = $(this.element).height();
376
+ if (width === 0)
377
+ width = $(this.element).width();
378
+
379
+ if (height === 0 && width > 0)
380
+ height = width / this.data.drawn_units.length;
381
+ else if (width === 0 && height > 0)
382
+ width = height * this.data.drawn_units.length;
383
+
384
+ // Create our canvas and set it to the appropriate size
385
+ var canvasElement = document.createElement('canvas');
386
+ canvasElement.width = width;
387
+ canvasElement.height = height;
388
+
389
+ // Add canvas elements
390
+ this.data.attributes.canvas = $(canvasElement);
391
+ this.data.attributes.canvas.appendTo(this.container);
392
+
393
+ // Check if the browser has browser support
394
+ var canvasSupported = isCanvasSupported();
395
+ // If the browser doesn't have browser support, check if explorer canvas is loaded
396
+ // (A javascript library that adds canvas support to browsers that don't have it)
397
+ if(!canvasSupported && typeof G_vmlCanvasManager !== "undefined") {
398
+ G_vmlCanvasManager.initElement(canvasElement);
399
+ limited_mode = true;
400
+ canvasSupported = true;
401
+ }
402
+ if(canvasSupported) {
403
+ this.data.attributes.context = canvasElement.getContext('2d');
404
+ }
405
+
406
+ this.data.attributes.item_size = Math.min(width / this.data.drawn_units.length, height);
407
+ this.data.attributes.line_width = this.data.attributes.item_size * this.config.fg_width;
408
+ this.data.attributes.radius = ((this.data.attributes.item_size * 0.8) - this.data.attributes.line_width) / 2;
409
+ this.data.attributes.outer_radius = this.data.attributes.radius + 0.5 * Math.max(this.data.attributes.line_width, this.data.attributes.line_width * this.config.bg_width);
410
+
411
+ // Prepare Time Elements
412
+ var i = 0;
413
+ for (var key in this.data.text_elements) {
414
+ if (!this.config.time[key].show)
415
+ continue;
416
+ var textElement = $("<div>");
417
+ textElement.addClass('textDiv_' + key);
418
+ textElement.css("top", Math.round(0.35 * this.data.attributes.item_size));
419
+ textElement.css("left", Math.round(i++ * this.data.attributes.item_size));
420
+ textElement.css("width", this.data.attributes.item_size);
421
+ textElement.appendTo(this.container);
422
+
423
+ var that = this;
424
+ var addTextElement = function () {
425
+ var headerElement = $("<h4>");
426
+ headerElement.text(that.config.time[key].text); // Options
427
+ headerElement.css("font-size", Math.round(that.config.text_size * that.data.attributes.item_size));
428
+ headerElement.appendTo(textElement);
429
+ };
430
+ if (!this.config['ycd-countdown-switch-number']) {
431
+ addTextElement();
432
+ }
433
+
434
+ var numberElement = $("<span>");
435
+ numberElement.css("font-size", Math.round(this.config.number_size * this.data.attributes.item_size));
436
+ numberElement.appendTo(textElement);
437
+
438
+ if (this.config['ycd-countdown-switch-number']) {
439
+ addTextElement()
440
+ }
441
+
442
+ this.data.text_elements[key] = numberElement;
443
+ }
444
+
445
+ this.start();
446
+ if (!this.config.start) {
447
+ this.data.paused = true;
448
+ }
449
+
450
+ // Set up interval fallback
451
+ var _this = this;
452
+ this.data.interval_fallback = useWindow.setInterval(function(){
453
+ _this.update.call(_this, true);
454
+ }, 100);
455
+ };
456
+
457
+ TC_Instance.prototype.update = function(nodraw) {
458
+ if(typeof nodraw === "undefined") {
459
+ nodraw = false;
460
+ }
461
+ else if(nodraw && this.data.paused) {
462
+ return;
463
+ }
464
+
465
+ if(limited_mode) {
466
+ //Per unit clearing doesn't work in IE8 using explorer canvas, so do it in one time. The downside is that radial fade cant be used
467
+ this.data.attributes.context.clearRect(0, 0, this.data.attributes.canvas[0].width, this.data.attributes.canvas[0].hright);
468
+ }
469
+ var diff, old_diff;
470
+
471
+ var prevDate = this.data.prev_time;
472
+ var curDate = new Date();
473
+ this.data.prev_time = curDate;
474
+
475
+ if (prevDate === null)
476
+ prevDate = curDate;
477
+
478
+ // If not counting past zero, and time < 0, then simply draw the zero point once, and call stop
479
+ if (!this.config.count_past_zero) {
480
+ if (curDate > this.data.attributes.ref_date) {
481
+ for(var i = 0; i < this.data.drawn_units.length; i++) {
482
+ var key = this.data.drawn_units[i];
483
+
484
+ // Set the text value
485
+ this.data.text_elements[key].text("0");
486
+ var x = (i * this.data.attributes.item_size) + (this.data.attributes.item_size / 2);
487
+ var y = this.data.attributes.item_size / 2;
488
+ var color = this.config.time[key].color;
489
+ this.drawArc(x, y, color, 0);
490
+ }
491
+ this.stop();
492
+ return;
493
+ }
494
+ }
495
+
496
+ // Compare current time with reference
497
+ diff = (this.data.attributes.ref_date - curDate) / 1000;
498
+ if(this.config.count_past_zero) {
499
+ diff = Math.abs(diff);
500
+ }
501
+ old_diff = (this.data.attributes.ref_date - prevDate) / 1000;
502
+
503
+ var floor = this.config.animation !== "smooth";
504
+
505
+ var visible_times = parse_times(diff, old_diff, this.data.total_duration, this.data.drawn_units, floor);
506
+ var all_times = parse_times(diff, old_diff, secondsIn["Years"], allUnits, floor);
507
+
508
+ var i = 0;
509
+ var j = 0;
510
+ var lastKey = null;
511
+
512
+ var cur_shown = this.data.drawn_units.slice();
513
+ for (var i in allUnits) {
514
+ var key = allUnits[i];
515
+
516
+ // Notify (all) listeners
517
+ if (Math.floor(all_times.raw_time[key]) !== Math.floor(all_times.raw_old_time[key])) {
518
+ this.notifyListeners(key, Math.floor(all_times.time[key]), Math.floor(diff), "all");
519
+ }
520
+
521
+ if (cur_shown.indexOf(key) < 0)
522
+ continue;
523
+
524
+ // Notify (visible) listeners
525
+ if (Math.floor(visible_times.raw_time[key]) !== Math.floor(visible_times.raw_old_time[key])) {
526
+ this.notifyListeners(key, Math.floor(visible_times.time[key]), Math.floor(diff), "visible");
527
+ }
528
+
529
+ if(!nodraw) {
530
+ // Set the text value
531
+ this.data.text_elements[key].text(Math.floor(Math.abs(visible_times.time[key])));
532
+
533
+ var x = (j * this.data.attributes.item_size) + (this.data.attributes.item_size / 2);
534
+ var y = this.data.attributes.item_size / 2;
535
+ var color = this.config.time[key].color;
536
+
537
+ if (this.config.animation === "smooth") {
538
+ if (lastKey !== null && !limited_mode) {
539
+ if (Math.floor(visible_times.time[lastKey]) > Math.floor(visible_times.old_time[lastKey])) {
540
+ this.radialFade(x, y, color, 1, key);
541
+ this.data.state.fading[key] = true;
542
+ }
543
+ else if (Math.floor(visible_times.time[lastKey]) < Math.floor(visible_times.old_time[lastKey])) {
544
+ this.radialFade(x, y, color, 0, key);
545
+ this.data.state.fading[key] = true;
546
+ }
547
+ }
548
+ if (!this.data.state.fading[key]) {
549
+ this.drawArc(x, y, color, visible_times.pct[key]);
550
+ }
551
+ }
552
+ else {
553
+ this.animateArc(x, y, color, visible_times.pct[key], visible_times.old_pct[key], (new Date()).getTime() + tick_duration);
554
+ }
555
+ }
556
+ lastKey = key;
557
+ j++;
558
+ }
559
+
560
+ // Dont request another update if we should be paused
561
+ if(this.data.paused || nodraw) {
562
+ return;
563
+ }
564
+
565
+ // We need this for our next frame either way
566
+ var _this = this;
567
+ var update = function() {
568
+ _this.update.call(_this);
569
+ };
570
+
571
+ // Either call next update immediately, or in a second
572
+ if (this.config.animation === "smooth") {
573
+ // Smooth animation, Queue up the next frame
574
+ this.data.animation_frame = useWindow.requestAnimationFrame(update, _this.element, _this);
575
+ }
576
+ else {
577
+ // Tick animation, Don't queue until very slightly after the next second happens
578
+ var delay = (diff % 1) * 1000;
579
+ if (delay < 0)
580
+ delay = 1000 + delay;
581
+ delay += 50;
582
+
583
+ _this.data.animation_frame = useWindow.setTimeout(function() {
584
+ _this.data.animation_frame = useWindow.requestAnimationFrame(update, _this.element, _this);
585
+ }, delay);
586
+ }
587
+ };
588
+
589
+ TC_Instance.prototype.animateArc = function(x, y, color, target_pct, cur_pct, animation_end) {
590
+ if (this.data.attributes.context === null)
591
+ return;
592
+
593
+ var diff = cur_pct - target_pct;
594
+ if (Math.abs(diff) > 0.5) {
595
+ if (target_pct === 0) {
596
+ this.radialFade(x, y, color, 1);
597
+ }
598
+ else {
599
+ this.radialFade(x, y, color, 0);
600
+ }
601
+ }
602
+ else {
603
+ var progress = (tick_duration - (animation_end - (new Date()).getTime())) / tick_duration;
604
+ if (progress > 1)
605
+ progress = 1;
606
+
607
+ var pct = (cur_pct * (1 - progress)) + (target_pct * progress);
608
+ this.drawArc(x, y, color, pct);
609
+
610
+ //var show_pct =
611
+ if (progress >= 1)
612
+ return;
613
+ var _this = this;
614
+ useWindow.requestAnimationFrame(function() {
615
+ _this.animateArc(x, y, color, target_pct, cur_pct, animation_end);
616
+ }, this.element);
617
+ }
618
+ };
619
+
620
+ TC_Instance.prototype.drawArc = function(x, y, color, pct) {
621
+ if (this.data.attributes.context === null)
622
+ return;
623
+
624
+ var clear_radius = Math.max(this.data.attributes.outer_radius, this.data.attributes.item_size / 2);
625
+ if(!limited_mode) {
626
+ this.data.attributes.context.clearRect(
627
+ x - clear_radius,
628
+ y - clear_radius,
629
+ clear_radius * 2,
630
+ clear_radius * 2
631
+ );
632
+ }
633
+
634
+ if (this.config.use_background) {
635
+ this.data.attributes.context.beginPath();
636
+ this.data.attributes.context.arc(x, y, this.data.attributes.radius, 0, 2 * Math.PI, false);
637
+ this.data.attributes.context.lineWidth = this.data.attributes.line_width * this.config.bg_width;
638
+
639
+ // line color
640
+ this.data.attributes.context.strokeStyle = this.config.circle_bg_color;
641
+ this.data.attributes.context.stroke();
642
+ }
643
+
644
+ // Direction
645
+ var startAngle, endAngle, counterClockwise;
646
+ var defaultOffset = (-0.5 * Math.PI);
647
+ var fullCircle = 2 * Math.PI;
648
+ startAngle = defaultOffset + (this.config.start_angle / 360 * fullCircle);
649
+ var offset = (2 * pct * Math.PI);
650
+
651
+ if (this.config.direction === "Both") {
652
+ counterClockwise = false;
653
+ startAngle -= (offset / 2);
654
+ endAngle = startAngle + offset;
655
+ }
656
+ else {
657
+ if (this.config.direction === "Clockwise") {
658
+ counterClockwise = false;
659
+ endAngle = startAngle + offset;
660
+ }
661
+ else {
662
+ counterClockwise = true;
663
+ endAngle = startAngle - offset;
664
+ }
665
+ }
666
+
667
+ this.data.attributes.context.beginPath();
668
+ this.data.attributes.context.arc(x, y, this.data.attributes.radius, startAngle, endAngle, counterClockwise);
669
+ this.data.attributes.context.lineWidth = this.data.attributes.line_width;
670
+
671
+ // line color
672
+ this.data.attributes.context.strokeStyle = color;
673
+ this.data.attributes.context.stroke();
674
+ };
675
+
676
+ TC_Instance.prototype.radialFade = function(x, y, color, from, key) {
677
+ // TODO: Make fade_time option
678
+ var rgb = hexToRgb(color);
679
+ var _this = this; // We have a few inner scopes here that will need access to our instance
680
+
681
+ var step = 0.2 * ((from === 1) ? -1 : 1);
682
+ var i;
683
+ for (i = 0; from <= 1 && from >= 0; i++) {
684
+ // Create inner scope so our variables are not changed by the time the Timeout triggers
685
+ (function() {
686
+ var delay = 50 * i;
687
+ var rgba = "rgba(" + rgb.r + ", " + rgb.g + ", " + rgb.b + ", " + (Math.round(from * 10) / 10) + ")";
688
+ useWindow.setTimeout(function() {
689
+ _this.drawArc(x, y, rgba, 1);
690
+ }, delay);
691
+ }());
692
+ from += step;
693
+ }
694
+ if (typeof key !== undefined) {
695
+ useWindow.setTimeout(function() {
696
+ _this.data.state.fading[key] = false;
697
+ }, 50 * i);
698
+ }
699
+ };
700
+
701
+ TC_Instance.prototype.timeLeft = function() {
702
+ if (this.data.paused && typeof this.data.timer === "number") {
703
+ return this.data.timer;
704
+ }
705
+ var now = new Date();
706
+ return ((this.data.attributes.ref_date - now) / 1000);
707
+ };
708
+
709
+ TC_Instance.prototype.start = function() {
710
+ useWindow.cancelAnimationFrame(this.data.animation_frame);
711
+ useWindow.clearTimeout(this.data.animation_frame);
712
+
713
+ // Check if a date was passed in html attribute or jquery data
714
+ var attr_data_date = $(this.element).data('date');
715
+ if (typeof attr_data_date === "undefined") {
716
+ attr_data_date = $(this.element).attr('data-date');
717
+ }
718
+ if (typeof attr_data_date === "string") {
719
+ this.data.attributes.ref_date = parse_date(attr_data_date);
720
+ }
721
+ // Check if this is an unpause of a timer
722
+ else if (typeof this.data.timer === "number") {
723
+ if (this.data.paused) {
724
+ this.data.attributes.ref_date = (new Date()).getTime() + (this.data.timer * 1000);
725
+ }
726
+ }
727
+ else {
728
+ // Try to get data-timer
729
+ var attr_data_timer = $(this.element).data('timer');
730
+ if (typeof attr_data_timer === "undefined") {
731
+ attr_data_timer = $(this.element).attr('data-timer');
732
+ }
733
+ if (typeof attr_data_timer === "string") {
734
+ attr_data_timer = parseFloat(attr_data_timer);
735
+ }
736
+ if (typeof attr_data_timer === "number") {
737
+ this.data.timer = attr_data_timer;
738
+
739
+ this.data.attributes.ref_date = (new Date()).getTime() + (attr_data_timer * 1000);
740
+ if(this.config['ycd-count-up-from-end-date'] && this.config['countdownExpired']) {
741
+ this.data.attributes.ref_date = new Date(moment(this.config['ycd-date-time-picker']).tz(this.config['ycd-time-zone']).format('MM/DD/YYYY H:m:s')).getTime() + (attr_data_timer * 1000);
742
+ }
743
+ }
744
+ else {
745
+ // data-timer and data-date were both not set
746
+ // use config date
747
+ this.data.attributes.ref_date = this.config.ref_date;
748
+ }
749
+ }
750
+
751
+ // Start running
752
+ this.data.paused = false;
753
+ this.update.call(this);
754
+ };
755
+
756
+ TC_Instance.prototype.restart = function() {
757
+ this.data.timer = false;
758
+ this.start();
759
+ };
760
+
761
+ TC_Instance.prototype.stop = function() {
762
+ if (typeof this.data.timer === "number") {
763
+ this.data.timer = this.timeLeft(this);
764
+ }
765
+ // Stop running
766
+ this.data.paused = true;
767
+ useWindow.cancelAnimationFrame(this.data.animation_frame);
768
+ };
769
+
770
+ TC_Instance.prototype.destroy = function() {
771
+ this.clearListeners();
772
+ this.stop();
773
+ useWindow.clearInterval(this.data.interval_fallback);
774
+ this.data.interval_fallback = null;
775
+
776
+ this.container.remove();
777
+ $(this.element).removeAttr('data-tc-id');
778
+ $(this.element).removeData('tc-id');
779
+ };
780
+
781
+ TC_Instance.prototype.setOptions = function(options) {
782
+ if (this.config === null) {
783
+ this.default_options.ref_date = new Date();
784
+ this.config = $.extend(true, {}, this.default_options);
785
+ }
786
+ $.extend(true, this.config, options);
787
+
788
+ // Use window.top if use_top_frame is true
789
+ if(this.config.use_top_frame) {
790
+ useWindow = window.top;
791
+ }
792
+ else {
793
+ useWindow = window;
794
+ }
795
+ updateUsedWindow();
796
+
797
+ this.data.total_duration = this.config.total_duration;
798
+ if (typeof this.data.total_duration === "string") {
799
+ if (typeof secondsIn[this.data.total_duration] !== "undefined") {
800
+ // If set to Years, Months, Days, Hours or Minutes, fetch the secondsIn value for that
801
+ this.data.total_duration = secondsIn[this.data.total_duration];
802
+ }
803
+ else if (this.data.total_duration === "Auto") {
804
+ // If set to auto, total_duration is the size of 1 unit, of the unit type bigger than the largest shown
805
+ for(var i = 0; i < Object.keys(this.config.time).length; i++) {
806
+ var unit = Object.keys(this.config.time)[i];
807
+ if (this.config.time[unit].show) {
808
+ this.data.total_duration = secondsIn[nextUnits[unit]];
809
+ break;
810
+ }
811
+ }
812
+ }
813
+ else {
814
+ // If it's a string, but neither of the above, user screwed up.
815
+ this.data.total_duration = secondsIn["Years"];
816
+ console.error("Valid values for TimeCircles config.total_duration are either numeric, or (string) Years, Months, Days, Hours, Minutes, Auto");
817
+ }
818
+ }
819
+ };
820
+
821
+ TC_Instance.prototype.addListener = function(f, context, type) {
822
+ if (typeof f !== "function")
823
+ return;
824
+ if (typeof type === "undefined")
825
+ type = "visible";
826
+ this.listeners[type].push({func: f, scope: context});
827
+ };
828
+
829
+ TC_Instance.prototype.notifyListeners = function(unit, value, total, type) {
830
+ for (var i = 0; i < this.listeners[type].length; i++) {
831
+ var listener = this.listeners[type][i];
832
+ listener.func.apply(listener.scope, [unit, value, total]);
833
+ }
834
+ };
835
+
836
+ TC_Instance.prototype.default_options = {
837
+ ref_date: new Date(),
838
+ start: true,
839
+ animation: "smooth",
840
+ count_past_zero: true,
841
+ circle_bg_color: "#60686F",
842
+ use_background: true,
843
+ fg_width: 0.1,
844
+ bg_width: 1.2,
845
+ text_size: 0.07,
846
+ number_size: 0.28,
847
+ total_duration: "Auto",
848
+ direction: "Clockwise",
849
+ use_top_frame: false,
850
+ start_angle: 0,
851
+ time: {
852
+ Years: {
853
+ show: true,
854
+ text: "Years",
855
+ color: "#FC6"
856
+ },
857
+ Months: {
858
+ show: true,
859
+ text: "Months",
860
+ color: "#FC6"
861
+ },
862
+ Days: {
863
+ show: true,
864
+ text: "Days",
865
+ color: "#FC6"
866
+ },
867
+ Hours: {
868
+ show: true,
869
+ text: "Hours",
870
+ color: "#9CF"
871
+ },
872
+ Minutes: {
873
+ show: true,
874
+ text: "Minutes",
875
+ color: "#BFB"
876
+ },
877
+ Seconds: {
878
+ show: true,
879
+ text: "Seconds",
880
+ color: "#F99"
881
+ }
882
+ }
883
+ };
884
+
885
+ // Time circle class
886
+ var TC_Class = function(elements, options) {
887
+ this.elements = elements;
888
+ this.options = options;
889
+ this.foreach();
890
+ };
891
+
892
+ TC_Class.prototype.getInstance = function(element) {
893
+ var instance;
894
+
895
+ var cur_id = $(element).data("tc-id");
896
+ if (typeof cur_id === "undefined") {
897
+ cur_id = guid();
898
+ $(element).attr("data-tc-id", cur_id);
899
+ }
900
+ if (typeof TC_Instance_List[cur_id] === "undefined") {
901
+ var options = this.options;
902
+ var element_options = $(element).data('options');
903
+ if (typeof element_options === "string") {
904
+ element_options = JSON.parse(element_options);
905
+ }
906
+ if (typeof element_options === "object") {
907
+ options = $.extend(true, {}, this.options, element_options);
908
+ }
909
+ instance = new TC_Instance(element, options);
910
+ TC_Instance_List[cur_id] = instance;
911
+ }
912
+ else {
913
+ instance = TC_Instance_List[cur_id];
914
+ if (typeof this.options !== "undefined") {
915
+ instance.setOptions(this.options);
916
+ }
917
+ }
918
+ return instance;
919
+ };
920
+
921
+ TC_Class.prototype.addTime = function(seconds_to_add) {
922
+ this.foreach(function(instance) {
923
+ instance.addTime(seconds_to_add);
924
+ });
925
+ };
926
+
927
+ TC_Class.prototype.foreach = function(callback) {
928
+ var _this = this;
929
+ this.elements.each(function() {
930
+ var instance = _this.getInstance(this);
931
+ if (typeof callback === "function") {
932
+ callback(instance);
933
+ }
934
+ });
935
+ return this;
936
+ };
937
+
938
+ TC_Class.prototype.start = function() {
939
+ this.foreach(function(instance) {
940
+ instance.start();
941
+ });
942
+ return this;
943
+ };
944
+
945
+ TC_Class.prototype.stop = function() {
946
+ this.foreach(function(instance) {
947
+ instance.stop();
948
+ });
949
+ return this;
950
+ };
951
+
952
+ TC_Class.prototype.restart = function() {
953
+ this.foreach(function(instance) {
954
+ instance.restart();
955
+ });
956
+ return this;
957
+ };
958
+
959
+ TC_Class.prototype.rebuild = function() {
960
+ this.foreach(function(instance) {
961
+ instance.initialize(false);
962
+ });
963
+ return this;
964
+ };
965
+
966
+ TC_Class.prototype.getTime = function() {
967
+ return this.getInstance(this.elements[0]).timeLeft();
968
+ };
969
+
970
+ TC_Class.prototype.addListener = function(f, type) {
971
+ if (typeof type === "undefined")
972
+ type = "visible";
973
+ var _this = this;
974
+ this.foreach(function(instance) {
975
+ instance.addListener(f, _this.elements, type);
976
+ });
977
+ return this;
978
+ };
979
+
980
+ TC_Class.prototype.destroy = function() {
981
+ this.foreach(function(instance) {
982
+ instance.destroy();
983
+ });
984
+ return this;
985
+ };
986
+
987
+ TC_Class.prototype.end = function() {
988
+ return this.elements;
989
+ };
990
+
991
+ $.fn.TimeCircles = function(options) {
992
+ return new TC_Class(this, options);
993
+ };
994
+ }(jQuery));
assets/js/YcdGeneral.js CHANGED
@@ -1,86 +1,86 @@
1
- function YcgGeneral() {
2
-
3
- }
4
-
5
- YcgGeneral.prototype.getSeconds = function (options) {
6
- var seconds = 0;
7
- if(options['ycd-countdown-date-type'] == 'dueDate') {
8
- var val = options['ycd-date-time-picker']+':00';
9
- val = val.replace(/-/g, '/');
10
- var selectedTimezone = options['ycd-time-zone'];
11
- var seconds = this.setCounterTime(val, selectedTimezone);
12
- }
13
- else if(options['ycd-countdown-date-type'] == 'schedule') {
14
- var seconds = YcdCountdownProFunctionality.schedule(options);
15
- }
16
- else if(options['ycd-countdown-date-type'] == 'schedule2') {
17
- var seconds = YcdCountdownProFunctionality.schedule2(options);
18
- }
19
- else if(options['ycd-countdown-date-type'] == 'wooCoupon') {
20
- var val = options['ycd-woo-coupon-date'];
21
- val.replace('/', '-')+' 00:00:00';
22
- var selectedTimezone = options['ycd-woo-time-zone'];
23
- var seconds = this.setCounterTime(val, selectedTimezone);
24
- }
25
- else {
26
-
27
- var seconds = this.countDurationSeconds(options);
28
- if (options['ycd-countdown-save-duration']) {
29
- if (options['ycd-countdown-save-duration-each-user']) {
30
- var id = options['id'];
31
- seconds = YcdCountdownProFunctionality.durationSeconds(seconds, options, id);
32
- }
33
- else {
34
- seconds = options['ycd-timer-seconds'];
35
- }
36
- }
37
-
38
- if (options['ycd-countdown-restart']) {
39
- if (YcdCountdownProFunctionality.checkRestartDuration(options)) {
40
- seconds = this.countDurationSeconds(options);
41
- }
42
- }
43
- }
44
-
45
- return seconds;
46
- };
47
-
48
- YcgGeneral.prototype.countDurationSeconds = function (options) {
49
- var days = parseInt(options['ycd-countdown-duration-days']);
50
- var hours = parseInt(options['ycd-countdown-duration-hours']);
51
- var minutes = parseInt(options['ycd-countdown-duration-minutes']);
52
- var secondsSaved = parseInt(options['ycd-countdown-duration-seconds']);
53
-
54
- var seconds = days*86400 + hours*60*60 + minutes*60 + secondsSaved;
55
-
56
- return seconds;
57
- };
58
-
59
- YcgGeneral.prototype.endBehavior = function(cd, options) {
60
- if(YCD_GENERAL_ARGS.isAdmin) {
61
- return false;
62
- }
63
- if (options['ycd-countdown-end-sound']) {
64
- var soundUrl = options['ycd-countdown-end-sound-url'];
65
- var song = new Audio (soundUrl);
66
- song.play();
67
- }
68
- var id = parseInt(options['id']);
69
- var behavior = options['ycd-countdown-expire-behavior'];
70
-
71
- jQuery(window).trigger('YcdExpired', {'id': id});
72
-
73
- switch (behavior) {
74
- case 'hideCountdown':
75
- cd.remove();
76
- break;
77
- case 'redirectToURL':
78
- cd.remove();
79
- window.location.href = (options['ycd-expire-url']);
80
- break;
81
- case 'showText':
82
- cd.replaceWith(options['ycd-expire-text']);
83
- break;
84
- }
85
- };
86
-
1
+ function YcgGeneral() {
2
+
3
+ }
4
+
5
+ YcgGeneral.prototype.getSeconds = function (options) {
6
+ var seconds = 0;
7
+ if(options['ycd-countdown-date-type'] == 'dueDate') {
8
+ var val = options['ycd-date-time-picker']+':00';
9
+ val = val.replace(/-/g, '/');
10
+ var selectedTimezone = options['ycd-time-zone'];
11
+ var seconds = this.setCounterTime(val, selectedTimezone);
12
+ }
13
+ else if(options['ycd-countdown-date-type'] == 'schedule') {
14
+ var seconds = YcdCountdownProFunctionality.schedule(options);
15
+ }
16
+ else if(options['ycd-countdown-date-type'] == 'schedule2') {
17
+ var seconds = YcdCountdownProFunctionality.schedule2(options);
18
+ }
19
+ else if(options['ycd-countdown-date-type'] == 'wooCoupon') {
20
+ var val = options['ycd-woo-coupon-date'];
21
+ val.replace('/', '-')+' 00:00:00';
22
+ var selectedTimezone = options['ycd-woo-time-zone'];
23
+ var seconds = this.setCounterTime(val, selectedTimezone);
24
+ }
25
+ else {
26
+
27
+ var seconds = this.countDurationSeconds(options);
28
+ if (options['ycd-countdown-save-duration']) {
29
+ if (options['ycd-countdown-save-duration-each-user']) {
30
+ var id = options['id'];
31
+ seconds = YcdCountdownProFunctionality.durationSeconds(seconds, options, id);
32
+ }
33
+ else {
34
+ seconds = options['ycd-timer-seconds'];
35
+ }
36
+ }
37
+
38
+ if (options['ycd-countdown-restart']) {
39
+ if (YcdCountdownProFunctionality.checkRestartDuration(options)) {
40
+ seconds = this.countDurationSeconds(options);
41
+ }
42
+ }
43
+ }
44
+
45
+ return seconds;
46
+ };
47
+
48
+ YcgGeneral.prototype.countDurationSeconds = function (options) {
49
+ var days = parseInt(options['ycd-countdown-duration-days']);
50
+ var hours = parseInt(options['ycd-countdown-duration-hours']);
51
+ var minutes = parseInt(options['ycd-countdown-duration-minutes']);
52
+ var secondsSaved = parseInt(options['ycd-countdown-duration-seconds']);
53
+
54
+ var seconds = days*86400 + hours*60*60 + minutes*60 + secondsSaved;
55
+
56
+ return seconds;
57
+ };
58
+
59
+ YcgGeneral.prototype.endBehavior = function(cd, options) {
60
+ if(YCD_GENERAL_ARGS.isAdmin) {
61
+ return false;
62
+ }
63
+ if (options['ycd-countdown-end-sound']) {
64
+ var soundUrl = options['ycd-countdown-end-sound-url'];
65
+ var song = new Audio (soundUrl);
66
+ song.play();
67
+ }
68
+ var id = parseInt(options['id']);
69
+ var behavior = options['ycd-countdown-expire-behavior'];
70
+
71
+ jQuery(window).trigger('YcdExpired', {'id': id});
72
+
73
+ switch (behavior) {
74
+ case 'hideCountdown':
75
+ cd.remove();
76
+ break;
77
+ case 'redirectToURL':
78
+ cd.remove();
79
+ window.location.href = (options['ycd-expire-url']);
80
+ break;
81
+ case 'showText':
82
+ cd.replaceWith(options['ycd-expire-text']);
83
+ break;
84
+ }
85
+ };
86
+
assets/js/admin/WpCountdownBlock.js CHANGED
@@ -1,140 +1,140 @@
1
- function WpCountdownBlock() {
2
-
3
- }
4
-
5
- WpCountdownBlock.prototype.init = function() {
6
- if (typeof wp == 'undefined' || typeof wp.element == 'undefined' || typeof wp.blocks == 'undefined' || typeof wp.editor == 'undefined' || typeof wp.components == 'undefined') {
7
- return false;
8
- }
9
- var localizedParams = YCD_GUTENBERG_PARAMS;
10
-
11
- var __ = wp.i18n;
12
- var createElement = wp.element.createElement;
13
- var registerBlockType = wp.blocks.registerBlockType;
14
- var InspectorControls = wp.editor.InspectorControls;
15
- var _wp$components = wp.components,
16
- SelectControl = _wp$components.SelectControl,
17
- TextareaControl = _wp$components.TextareaControl,
18
- ToggleControl = _wp$components.ToggleControl,
19
- PanelBody = _wp$components.PanelBody,
20
- ServerSideRender = _wp$components.ServerSideRender,
21
- Placeholder = _wp$components.Placeholder;
22
-
23
- registerBlockType('countdownbuilder/countdowns', {
24
- title: localizedParams.title,
25
- description: localizedParams.description,
26
- keywords: ['countdown', 'countdowns', 'countdown builder'],
27
- category: 'widgets',
28
- icon: 'welcome-widgets-menus',
29
- attributes: {
30
- countdownId: {
31
- type: 'number'
32
- }
33
- },
34
- edit(props) {
35
- const {
36
- attributes: {
37
- countdownId = '',
38
- displayTitle = false,
39
- displayDesc = false
40
- },
41
- setAttributes
42
- } = props;
43
-
44
- const countdownOptions = [];
45
- let allCountdowns = YCD_GUTENBERG_PARAMS.allCountdowns;
46
- for(var id in allCountdowns) {
47
- var currentdownObj = {
48
- value: id,
49
- label: allCountdowns[id]
50
- }
51
- countdownOptions.push(currentdownObj);
52
- }
53
- countdownOptions.unshift({
54
- value: '',
55
- label: YCD_GUTENBERG_PARAMS.coountdown_select
56
- })
57
- let jsx;
58
-
59
- function selectCountdown(value) {
60
- setAttributes({
61
- countdownId: value
62
- });
63
- }
64
-
65
- function setContent(value) {
66
- setAttributes({
67
- content: value
68
- });
69
- }
70
-
71
- function toggleDisplayTitle(value) {
72
- setAttributes({
73
- displayTitle: value
74
- });
75
- }
76
-
77
- function toggleDisplayDesc(value) {
78
- setAttributes({
79
- displayDesc: value
80
- });
81
- }
82
-
83
- jsx = [
84
- <InspectorControls key="countdownbuilder-gutenberg-form-selector-inspector-controls">
85
- <PanelBody title={'countdown builder title'}>
86
- <SelectControl
87
- label = {''}
88
- value = {countdownId}
89
- options = {countdownOptions}
90
- onChange = {selectCountdown}
91
- />
92
- <ToggleControl
93
- label = {YCD_GUTENBERG_PARAMS.i18n.show_title}
94
- checked = {displayTitle}
95
- onChange = {toggleDisplayTitle}
96
- />
97
- <ToggleControl
98
- label = {YCD_GUTENBERG_PARAMS.i18n.show_description}
99
- checked = {displayDesc}
100
- onChange = {toggleDisplayDesc}
101
- />
102
- </PanelBody>
103
- </InspectorControls>
104
- ];
105
-
106
- if (countdownId) {
107
- return '[ycd_countdown id="'+countdownId+'"][/ycd_countdown]';
108
- }
109
- else {
110
- jsx.push(
111
- <Placeholder
112
- key="ycd-gutenberg-form-selector-wrap"
113
- className="ycd-gutenberg-form-selector-wrapper">
114
- <SelectControl
115
- key = "ycd-gutenberg-form-selector-select-control"
116
- value = {countdownId}
117
- options = {countdownOptions}
118
- onChange = {selectCountdown}
119
- />
120
- <SelectControl
121
- key = "ycd-gutenberg-form-selector-select-control"
122
- onChange = {selectCountdown}
123
- />
124
- </Placeholder>
125
- );
126
- }
127
-
128
- return jsx;
129
- },
130
- save(props) {
131
-
132
- return '[ycd_countdown id="'+props.attributes.countdownId+'"][/ycd_countdown]';
133
- }
134
- });
135
- };
136
-
137
- jQuery(document).ready(function () {
138
- var block = new WpCountdownBlock();
139
- block.init();
140
  });
1
+ function WpCountdownBlock() {
2
+
3
+ }
4
+
5
+ WpCountdownBlock.prototype.init = function() {
6
+ if (typeof wp == 'undefined' || typeof wp.element == 'undefined' || typeof wp.blocks == 'undefined' || typeof wp.editor == 'undefined' || typeof wp.components == 'undefined') {
7
+ return false;
8
+ }
9
+ var localizedParams = YCD_GUTENBERG_PARAMS;
10
+
11
+ var __ = wp.i18n;
12
+ var createElement = wp.element.createElement;
13
+ var registerBlockType = wp.blocks.registerBlockType;
14
+ var InspectorControls = wp.editor.InspectorControls;
15
+ var _wp$components = wp.components,
16
+ SelectControl = _wp$components.SelectControl,
17
+ TextareaControl = _wp$components.TextareaControl,
18
+ ToggleControl = _wp$components.ToggleControl,
19
+ PanelBody = _wp$components.PanelBody,
20
+ ServerSideRender = _wp$components.ServerSideRender,
21
+ Placeholder = _wp$components.Placeholder;
22
+
23
+ registerBlockType('countdownbuilder/countdowns', {
24
+ title: localizedParams.title,
25
+ description: localizedParams.description,
26
+ keywords: ['countdown', 'countdowns', 'countdown builder'],
27
+ category: 'widgets',
28
+ icon: 'welcome-widgets-menus',
29
+ attributes: {
30
+ countdownId: {
31
+ type: 'number'
32
+ }
33
+ },
34
+ edit(props) {
35
+ const {
36
+ attributes: {
37
+ countdownId = '',
38
+ displayTitle = false,
39
+ displayDesc = false
40
+ },
41
+ setAttributes
42
+ } = props;
43
+
44
+ const countdownOptions = [];
45
+ let allCountdowns = YCD_GUTENBERG_PARAMS.allCountdowns;
46
+ for(var id in allCountdowns) {
47
+ var currentdownObj = {
48
+ value: id,
49
+ label: allCountdowns[id]
50
+ }
51
+ countdownOptions.push(currentdownObj);
52
+ }
53
+ countdownOptions.unshift({
54
+ value: '',
55
+ label: YCD_GUTENBERG_PARAMS.coountdown_select
56
+ })
57
+ let jsx;
58
+
59
+ function selectCountdown(value) {
60
+ setAttributes({
61
+ countdownId: value
62
+ });
63
+ }
64
+
65
+ function setContent(value) {
66
+ setAttributes({
67
+ content: value
68
+ });
69
+ }
70
+
71
+ function toggleDisplayTitle(value) {
72
+ setAttributes({
73
+ displayTitle: value
74
+ });
75
+ }
76
+
77
+ function toggleDisplayDesc(value) {
78
+ setAttributes({
79
+ displayDesc: value
80
+ });
81
+ }
82
+
83
+ jsx = [
84
+ <InspectorControls key="countdownbuilder-gutenberg-form-selector-inspector-controls">
85
+ <PanelBody title={'countdown builder title'}>
86
+ <SelectControl
87
+ label = {''}
88
+ value = {countdownId}
89
+ options = {countdownOptions}
90
+ onChange = {selectCountdown}
91
+ />
92
+ <ToggleControl
93
+ label = {YCD_GUTENBERG_PARAMS.i18n.show_title}
94
+ checked = {displayTitle}
95
+ onChange = {toggleDisplayTitle}
96
+ />
97
+ <ToggleControl
98
+ label = {YCD_GUTENBERG_PARAMS.i18n.show_description}
99
+ checked = {displayDesc}
100
+ onChange = {toggleDisplayDesc}
101
+ />
102
+ </PanelBody>
103
+ </InspectorControls>
104
+ ];
105
+
106
+ if (countdownId) {
107
+ return '[ycd_countdown id="'+countdownId+'"][/ycd_countdown]';
108
+ }
109
+ else {
110
+ jsx.push(
111
+ <Placeholder
112
+ key="ycd-gutenberg-form-selector-wrap"
113
+ className="ycd-gutenberg-form-selector-wrapper">
114
+ <SelectControl
115
+ key = "ycd-gutenberg-form-selector-select-control"
116
+ value = {countdownId}
117
+ options = {countdownOptions}
118
+ onChange = {selectCountdown}
119
+ />
120
+ <SelectControl
121
+ key = "ycd-gutenberg-form-selector-select-control"
122
+ onChange = {selectCountdown}
123
+ />
124
+ </Placeholder>
125
+ );
126
+ }
127
+
128
+ return jsx;
129
+ },
130
+ save(props) {
131
+
132
+ return '[ycd_countdown id="'+props.attributes.countdownId+'"][/ycd_countdown]';
133
+ }
134
+ });
135
+ };
136
+
137
+ jQuery(document).ready(function () {
138
+ var block = new WpCountdownBlock();
139
+ block.init();
140
  });
assets/js/admin/WpCountdownBlockMin.js CHANGED
@@ -1,141 +1,141 @@
1
- 'use strict';
2
-
3
- function WpCountdownBlock() {}
4
-
5
- WpCountdownBlock.prototype.init = function () {
6
- if (typeof wp == 'undefined' || typeof wp.element == 'undefined' || typeof wp.blocks == 'undefined' || typeof wp.editor == 'undefined' || typeof wp.components == 'undefined') {
7
- return false;
8
- }
9
- var localizedParams = YCD_GUTENBERG_PARAMS;
10
-
11
- var __ = wp.i18n;
12
- var createElement = wp.element.createElement;
13
- var registerBlockType = wp.blocks.registerBlockType;
14
- var InspectorControls = wp.editor.InspectorControls;
15
- var _wp$components = wp.components,
16
- SelectControl = _wp$components.SelectControl,
17
- TextareaControl = _wp$components.TextareaControl,
18
- ToggleControl = _wp$components.ToggleControl,
19
- PanelBody = _wp$components.PanelBody,
20
- ServerSideRender = _wp$components.ServerSideRender,
21
- Placeholder = _wp$components.Placeholder;
22
-
23
- registerBlockType('countdownbuilder/countdowns', {
24
- title: localizedParams.title,
25
- description: localizedParams.description,
26
- keywords: ['countdown', 'countdowns', 'countdown builder'],
27
- category: 'widgets',
28
- icon: 'welcome-widgets-menus',
29
- attributes: {
30
- countdownId: {
31
- type: 'number'
32
- }
33
- },
34
- edit: function edit(props) {
35
- var _props$attributes = props.attributes,
36
- _props$attributes$cou = _props$attributes.countdownId,
37
- countdownId = _props$attributes$cou === undefined ? '' : _props$attributes$cou,
38
- _props$attributes$dis = _props$attributes.displayTitle,
39
- displayTitle = _props$attributes$dis === undefined ? false : _props$attributes$dis,
40
- _props$attributes$dis2 = _props$attributes.displayDesc,
41
- displayDesc = _props$attributes$dis2 === undefined ? false : _props$attributes$dis2,
42
- setAttributes = props.setAttributes;
43
-
44
- const countdownOptions = [];
45
- let allCountdowns = YCD_GUTENBERG_PARAMS.allCountdowns;
46
- for(var id in allCountdowns) {
47
- var currentdownObj = {
48
- value: id,
49
- label: allCountdowns[id]
50
- }
51
- countdownOptions.push(currentdownObj);
52
- }
53
- countdownOptions.unshift({
54
- value: '',
55
- label: YCD_GUTENBERG_PARAMS.coountdown_select
56
- })
57
- var jsx = void 0;
58
-
59
- function selectCountdown(value) {
60
- setAttributes({
61
- countdownId: value
62
- });
63
- }
64
-
65
- function setContent(value) {
66
- setAttributes({
67
- content: value
68
- });
69
- }
70
-
71
- function toggleDisplayTitle(value) {
72
- setAttributes({
73
- displayTitle: value
74
- });
75
- }
76
-
77
- function toggleDisplayDesc(value) {
78
- setAttributes({
79
- displayDesc: value
80
- });
81
- }
82
-
83
- jsx = [React.createElement(
84
- InspectorControls,
85
- { key: 'countdownbuilder-gutenberg-form-selector-inspector-controls' },
86
- React.createElement(
87
- PanelBody,
88
- { title: 'countdown builder title' },
89
- React.createElement(SelectControl, {
90
- label: 'Select countdown',
91
- value: countdownId,
92
- options: countdownOptions,
93
- onChange: selectCountdown
94
- }),
95
- React.createElement(ToggleControl, {
96
- label: 'Select countdown',
97
- checked: displayTitle,
98
- onChange: toggleDisplayTitle
99
- }),
100
- React.createElement(ToggleControl, {
101
- label: '',
102
- checked: displayDesc,
103
- onChange: toggleDisplayDesc
104
- })
105
- )
106
- )];
107
-
108
- if (countdownId) {
109
- return '[ycd_countdown id="' + countdownId + '"][/ycd_countdown]';
110
- } else {
111
- jsx.push(React.createElement(
112
- Placeholder,
113
- {
114
- key: 'ycd-gutenberg-form-selector-wrap',
115
- className: 'ycd-gutenberg-form-selector-wrapper' },
116
- React.createElement(SelectControl, {
117
- key: 'ycd-gutenberg-form-selector-select-control',
118
- value: countdownId,
119
- options: countdownOptions,
120
- onChange: selectCountdown
121
- }),
122
- React.createElement(SelectControl, {
123
- key: 'ycd-gutenberg-form-selector-select-control',
124
- onChange: selectCountdown
125
- })
126
- ));
127
- }
128
-
129
- return jsx;
130
- },
131
- save: function save(props) {
132
-
133
- return '[ycd_countdown id="' + props.attributes.countdownId + '"][/ycd_countdown]';
134
- }
135
- });
136
- };
137
-
138
- jQuery(document).ready(function () {
139
- var block = new WpCountdownBlock();
140
- block.init();
141
  });
1
+ 'use strict';
2
+
3
+ function WpCountdownBlock() {}
4
+
5
+ WpCountdownBlock.prototype.init = function () {
6
+ if (typeof wp == 'undefined' || typeof wp.element == 'undefined' || typeof wp.blocks == 'undefined' || typeof wp.editor == 'undefined' || typeof wp.components == 'undefined') {
7
+ return false;
8
+ }
9
+ var localizedParams = YCD_GUTENBERG_PARAMS;
10
+
11
+ var __ = wp.i18n;
12
+ var createElement = wp.element.createElement;
13
+ var registerBlockType = wp.blocks.registerBlockType;
14
+ var InspectorControls = wp.editor.InspectorControls;
15
+ var _wp$components = wp.components,
16
+ SelectControl = _wp$components.SelectControl,
17
+ TextareaControl = _wp$components.TextareaControl,
18
+ ToggleControl = _wp$components.ToggleControl,
19
+ PanelBody = _wp$components.PanelBody,
20
+ ServerSideRender = _wp$components.ServerSideRender,
21
+ Placeholder = _wp$components.Placeholder;
22
+
23
+ registerBlockType('countdownbuilder/countdowns', {
24
+ title: localizedParams.title,
25
+ description: localizedParams.description,
26
+ keywords: ['countdown', 'countdowns', 'countdown builder'],
27
+ category: 'widgets',
28
+ icon: 'welcome-widgets-menus',
29
+ attributes: {
30
+ countdownId: {
31
+ type: 'number'
32
+ }
33
+ },
34
+ edit: function edit(props) {
35
+ var _props$attributes = props.attributes,
36
+ _props$attributes$cou = _props$attributes.countdownId,
37
+ countdownId = _props$attributes$cou === undefined ? '' : _props$attributes$cou,
38
+ _props$attributes$dis = _props$attributes.displayTitle,
39
+ displayTitle = _props$attributes$dis === undefined ? false : _props$attributes$dis,
40
+ _props$attributes$dis2 = _props$attributes.displayDesc,
41
+ displayDesc = _props$attributes$dis2 === undefined ? false : _props$attributes$dis2,
42
+ setAttributes = props.setAttributes;
43
+
44
+ const countdownOptions = [];
45
+ let allCountdowns = YCD_GUTENBERG_PARAMS.allCountdowns;
46
+ for(var id in allCountdowns) {
47
+ var currentdownObj = {
48
+ value: id,
49
+ label: allCountdowns[id]
50
+ }
51
+ countdownOptions.push(currentdownObj);
52
+ }
53
+ countdownOptions.unshift({
54
+ value: '',
55
+ label: YCD_GUTENBERG_PARAMS.coountdown_select
56
+ })
57
+ var jsx = void 0;
58
+
59
+ function selectCountdown(value) {
60
+ setAttributes({
61
+ countdownId: value
62
+ });
63
+ }
64
+
65
+ function setContent(value) {
66
+ setAttributes({
67
+ content: value
68
+ });
69
+ }
70
+
71
+ function toggleDisplayTitle(value) {
72
+ setAttributes({
73
+ displayTitle: value
74
+ });
75
+ }
76
+
77
+ function toggleDisplayDesc(value) {
78
+ setAttributes({
79
+ displayDesc: value
80
+ });
81
+ }
82
+
83
+ jsx = [React.createElement(
84
+ InspectorControls,
85
+ { key: 'countdownbuilder-gutenberg-form-selector-inspector-controls' },
86
+ React.createElement(
87
+ PanelBody,
88
+ { title: 'countdown builder title' },
89
+ React.createElement(SelectControl, {
90
+ label: 'Select countdown',
91
+ value: countdownId,
92
+ options: countdownOptions,
93
+ onChange: selectCountdown
94
+ }),
95
+ React.createElement(ToggleControl, {
96
+ label: 'Select countdown',
97
+ checked: displayTitle,
98
+ onChange: toggleDisplayTitle
99
+ }),
100
+ React.createElement(ToggleControl, {
101
+ label: '',
102
+ checked: displayDesc,
103
+ onChange: toggleDisplayDesc
104
+ })
105
+ )
106
+ )];
107
+
108
+ if (countdownId) {
109
+ return '[ycd_countdown id="' + countdownId + '"][/ycd_countdown]';
110
+ } else {
111
+ jsx.push(React.createElement(
112
+ Placeholder,
113
+ {
114
+ key: 'ycd-gutenberg-form-selector-wrap',
115
+ className: 'ycd-gutenberg-form-selector-wrapper' },
116
+ React.createElement(SelectControl, {
117
+ key: 'ycd-gutenberg-form-selector-select-control',
118
+ value: countdownId,
119
+ options: countdownOptions,
120
+ onChange: selectCountdown
121
+ }),
122
+ React.createElement(SelectControl, {
123
+ key: 'ycd-gutenberg-form-selector-select-control',
124
+ onChange: selectCountdown
125
+ })
126
+ ));
127
+ }
128
+
129
+ return jsx;
130
+ },
131
+ save: function save(props) {
132
+
133
+ return '[ycd_countdown id="' + props.attributes.countdownId + '"][/ycd_countdown]';
134
+ }
135
+ });
136
+ };
137
+
138
+ jQuery(document).ready(function () {
139
+ var block = new WpCountdownBlock();
140
+ block.init();
141
  });
assets/js/admin/ycd-tinymce-plugin.js CHANGED
@@ -1,15 +1,15 @@
1
- jQuery(document).on('tinymce-editor-setup', function( event, editor ) {
2
- editor.settings.toolbar1 += ',mybutton';
3
- editor.addButton( 'mybutton', {
4
- text: 'Countdowns',
5
- icon: false,
6
- onclick: function () {
7
- jQuery('#ycd-dialog').dialog({
8
- width: 450,
9
- modal: true,
10
- title: "Insert the shortcode",
11
- dialogClass: "ycd-countdown-builder"
12
- });
13
- }
14
- });
15
  });
1
+ jQuery(document).on('tinymce-editor-setup', function( event, editor ) {
2
+ editor.settings.toolbar1 += ',mybutton';
3
+ editor.addButton( 'mybutton', {
4
+ text: 'Countdowns',
5
+ icon: false,
6
+ onclick: function () {
7
+ jQuery('#ycd-dialog').dialog({
8
+ width: 450,
9
+ modal: true,
10
+ title: "Insert the shortcode",
11
+ dialogClass: "ycd-countdown-builder"
12
+ });
13
+ }
14
+ });
15
  });
assets/js/clock/Clock.js CHANGED
@@ -1,102 +1,102 @@
1
- function YcdClock() {
2
-
3
- }
4
-
5
- YcdClock.prototype.listeners = function() {
6
- var that = this;
7
- jQuery(window).bind('YcdClockTimerChange', function (e, allSeconds) {
8
- var clock = jQuery("[class^='ycdClock']");
9
- var options = clock.data('options');
10
- options['allSeconds'] = allSeconds;
11
-
12
- clock.data('options', options);
13
- clearTimeout(window.YcdClockTimout);
14
- that.init();
15
- });
16
-
17
- jQuery(window).bind('YcdClockChangeMode', function(e, args) {
18
- var clock = jQuery("[class^='ycdClock']");
19
- var options = clock.data('options');
20
- options['mode'] = args.modeValue;
21
- options['allSeconds'] = args.allSeconds;
22
-
23
- clock.data('options', options);
24
- clearTimeout(window.YcdClockTimout);
25
- that.init();
26
- });
27
-
28
- jQuery(window).bind('YcdClockModeChange', function (e, value) {
29
- var clock = jQuery("[class^='ycdClock']");
30
- var options = clock.data('options');
31
-
32
- var status = false;
33
- if (value == 24) {
34
- status = true;
35
- }
36
- options['time_24h'] = status;
37
-
38
- clock.data('options', options);
39
- clearTimeout(window.YcdClockTimout);
40
- that.init();
41
- });
42
- };
43
-
44
- YcdClock.prototype.init = function() {
45
- this.clock1();
46
- this.clock2();
47
- this.clock3();
48
- };
49
-
50
- YcdClock.prototype.clock1 = function() {
51
- this.clockId = 1;
52
- this.callback = 'ycdClockConti';
53
- this.renderClock();
54
- };
55
-
56
- YcdClock.prototype.clock2 = function() {
57
- this.clockId = 2;
58
- this.callback = 'ycdClockBars';
59
- this.renderClock();
60
- };
61
-
62
- YcdClock.prototype.clock3 = function() {
63
- this.clockId = 3;
64
- this.callback = 'ycdDigitalClock';
65
- this.renderClock();
66
- };
67
-
68
- YcdClock.prototype.renderClock = function() {
69
- var that = this;
70
- var id = that.clockId;
71
- var clock = that.callback;
72
- if (!window.ycdClockStetting) {
73
- window.ycdClockStetting = [];
74
- }
75
-
76
- jQuery('.ycdClock'+id).each(function(index, element) {
77
- var args = jQuery(element).data('args');
78
- var options = jQuery(element).data('options');
79
-
80
- if (typeof options == 'undefined' || typeof args == 'undefined') {
81
- return '';
82
- }
83
- var context = element.getContext('2d');
84
- var width = parseInt(jQuery(this).width());
85
- var settings = {};
86
-
87
- settings.timeZone = options['timeZone'];
88
- settings.mode = options['mode'];
89
- settings.allSeconds = options['allSeconds'];
90
- settings.options = options;
91
- window.ycdClockStetting[options['id']] = {};
92
-
93
- var clock = eval(that.callback);
94
- clock(width, context, args, settings);
95
- });
96
- };
97
-
98
- jQuery(document).ready(function() {
99
- var obj = new YcdClock();
100
- obj.init();
101
- obj.listeners();
102
  });
1
+ function YcdClock() {
2
+
3
+ }
4
+
5
+ YcdClock.prototype.listeners = function() {
6
+ var that = this;
7
+ jQuery(window).bind('YcdClockTimerChange', function (e, allSeconds) {
8
+ var clock = jQuery("[class^='ycdClock']");
9
+ var options = clock.data('options');
10
+ options['allSeconds'] = allSeconds;
11
+
12
+ clock.data('options', options);
13
+ clearTimeout(window.YcdClockTimout);
14
+ that.init();
15
+ });
16
+
17
+ jQuery(window).bind('YcdClockChangeMode', function(e, args) {
18
+ var clock = jQuery("[class^='ycdClock']");
19
+ var options = clock.data('options');
20
+ options['mode'] = args.modeValue;
21
+ options['allSeconds'] = args.allSeconds;
22
+
23
+ clock.data('options', options);
24
+ clearTimeout(window.YcdClockTimout);
25
+ that.init();
26
+ });
27
+
28
+ jQuery(window).bind('YcdClockModeChange', function (e, value) {
29
+ var clock = jQuery("[class^='ycdClock']");
30
+ var options = clock.data('options');
31
+
32
+ var status = false;
33
+ if (value == 24) {
34
+ status = true;
35
+ }
36
+ options['time_24h'] = status;
37
+
38
+ clock.data('options', options);
39
+ clearTimeout(window.YcdClockTimout);
40
+ that.init();
41
+ });
42
+ };
43
+
44
+ YcdClock.prototype.init = function() {
45
+ this.clock1();
46
+ this.clock2();
47
+ this.clock3();
48
+ };
49
+
50
+ YcdClock.prototype.clock1 = function() {
51
+ this.clockId = 1;
52
+ this.callback = 'ycdClockConti';
53
+ this.renderClock();
54
+ };
55
+
56
+ YcdClock.prototype.clock2 = function() {
57
+ this.clockId = 2;
58
+ this.callback = 'ycdClockBars';
59
+ this.renderClock();
60
+ };
61
+
62
+ YcdClock.prototype.clock3 = function() {
63
+ this.clockId = 3;
64
+ this.callback = 'ycdDigitalClock';
65
+ this.renderClock();
66
+ };
67
+
68
+ YcdClock.prototype.renderClock = function() {
69
+ var that = this;
70
+ var id = that.clockId;
71
+ var clock = that.callback;
72
+ if (!window.ycdClockStetting) {
73
+ window.ycdClockStetting = [];
74
+ }
75
+
76
+ jQuery('.ycdClock'+id).each(function(index, element) {
77
+ var args = jQuery(element).data('args');
78
+ var options = jQuery(element).data('options');
79
+
80
+ if (typeof options == 'undefined' || typeof args == 'undefined') {
81
+ return '';
82
+ }
83
+ var context = element.getContext('2d');
84
+ var width = parseInt(jQuery(this).width());
85
+ var settings = {};
86
+
87
+ settings.timeZone = options['timeZone'];
88
+ settings.mode = options['mode'];
89
+ settings.allSeconds = options['allSeconds'];
90
+ settings.options = options;
91
+ window.ycdClockStetting[options['id']] = {};
92
+
93
+ var clock = eval(that.callback);
94
+ clock(width, context, args, settings);
95
+ });
96
+ };
97
+
98
+ jQuery(document).ready(function() {
99
+ var obj = new YcdClock();
100
+ obj.init();
101
+ obj.listeners();
102
  });
assets/js/clock/canvas_clock.js CHANGED
@@ -1,1661 +1,1661 @@
1
- /*
2
- * Name: canvas_clock.js
3
- * Author: Michael Kruger
4
- * Brief:
5
- *
6
- * This is a canvas based library with 15 different clocks that can be embedded in webpages.
7
- * For more info please visit: www.krugaroo.com#canvasClock
8
- *
9
- * Copyright 2016 Krugaroo
10
- * More Info: www.krugaroo.com#canvasClock
11
- *
12
- * License: MIT License
13
- *
14
- * Copyright (c) 2016 Michael Kruger, Krugaroo
15
- *
16
- * Permission is hereby granted, free of charge, to any person obtaining a copy
17
- * of this software and associated documentation files (the "Software"), to deal
18
- * in the Software without restriction, including without limitation the rights
19
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
20
- * copies of the Software, and to permit persons to whom the Software is
21
- * furnished to do so, subject to the following conditions:
22
- *
23
- * The above copyright notice and this permission notice shall be included in
24
- * all copies or substantial portions of the Software.
25
- *
26
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
27
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
28
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
29
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
30
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
31
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
32
- * THE SOFTWARE.
33
- */
34
-
35
- day_arr=["Sunday", "Monday", "Tuesday","Wednesday","Thursday","Friday","Saturday"];
36
- month_arr=["January","February","March","April","May","June","July","August","September","October","November","December"];
37
-
38
- function YcdParseAllSeconds(allSeconds) {
39
- var hours = 0;
40
- var minutes = 0;
41
- var seconds = 0;
42
- if (allSeconds > 3600) {
43
- var remain = parseInt(allSeconds%3600);
44
- hours = (allSeconds-remain)/3600;
45
- allSeconds -= hours*3600;
46
- }
47
- if (allSeconds > 60) {
48
- seconds = parseInt(allSeconds%60);
49
- minutes = (allSeconds-seconds)/60
50
- }
51
- else {
52
- seconds = allSeconds;
53
- }
54
- var obj = {
55
- hours: hours,
56
- minutes: minutes,
57
- seconds: seconds
58
- };
59
-
60
- return obj;
61
- };
62
-
63
- function YcdClockTimerExpireBehavior(options) {
64
- var behavior = options['ycd-countdown-expire-behavior'];
65
- var id = options['id'];
66
-
67
- if(behavior == 'default') {
68
- window.ycdClockStetting[id].stopTimer = true;
69
- }
70
- if(behavior == 'hideCountdown') {
71
- jQuery('.ycd-countdown-wrapper canvas').remove();
72
- clearTimeout(window.YcdClockTimout);
73
- }
74
- if(behavior == 'countToUp') {
75
- window.ycdClockStetting[id].countUp = true;
76
- }
77
- if(behavior == 'showText') {
78
- jQuery('.ycd-countdown-'+options['id']+'-wrapper canvas').replaceWith(options['ycd-expire-text']);
79
- }
80
- if(behavior == 'redirectToURL') {
81
- var url = options['ycd-expire-url'];
82
- window.location.href = url;
83
- }
84
- }
85
-
86
- function ycdClockConti(size, cns, clockd, extraOptions)
87
- {
88
- cns.clearRect(0,0,size,size);
89
- var isClock = true;
90
-
91
- if(extraOptions.mode == 'timer') {
92
- isClock = false;
93
- }
94
-
95
- cns.beginPath();
96
- if(clockd.hasOwnProperty("bg_color")){cns.fillStyle=clockd["bg_color"];}else{cns.fillStyle="#ffffff";}
97
- cns.rect(0,0,size,size);
98
- cns.fill();
99
- cns.closePath();
100
- if(clockd.hasOwnProperty("bgLoaded") && clockd.bgLoaded==1){if(clockd.hasOwnProperty("bg_opacity")){cns.globalAlpha=clockd["bg_opacity"];cns.drawImage(clockd.bgImage,0,0,size,size);cns.globalAlpha=1;}}
101
-
102
- if((clockd.hasOwnProperty("indicate") && clockd.indicate==true) || !clockd.hasOwnProperty("indicate"))
103
- {
104
- indicator(size, cns, clockd);
105
- }
106
-
107
- if(clockd.hasOwnProperty("time_add") && clockd.time_add)
108
- {
109
- ycd_time_add((size/2),size/5*3, size, cns, clockd, extraOptions);
110
- }
111
-
112
- if(clockd.hasOwnProperty("date_add") && clockd.date_add)
113
- {
114
- ycd_date_add((size/2),size/5*3+size/10, size, cns, clockd, extraOptions);
115
- }
116
-
117
- var now = ycdGetChangedDateFromTimeZone(extraOptions);
118
-
119
- var time_off=(clockd.hasOwnProperty("timeoffset"))?clockd["timeoffset"]:0;
120
- now.setTime(now.getTime()+time_off*1000);
121
- var milisec=now.getMilliseconds();
122
- var sec=now.getSeconds();
123
- var min=now.getMinutes();
124
- var hour=now.getHours()%12;
125
-
126
- if(!isClock) {
127
- var parseObj = YcdParseAllSeconds(extraOptions.allSeconds);
128
- var sec=parseObj.seconds;
129
- var min=parseObj.minutes;
130
- var hour=parseObj.hours;
131
- }
132
-
133
- cns.fillStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
134
- cns.strokeStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
135
- cns.lineCap="round";
136
-
137
- cns.beginPath();
138
- cns.lineWidth=1;
139
- cns.moveTo((size/2),(size/2));
140
- cns.arc((size/2),(size/2),size/3,-1.57+sec*0.1046+milisec/1000*0.1046,-1.569+sec*0.1046+milisec/1000*0.1046,0);
141
- cns.stroke();
142
- cns.closePath();
143
-
144
- cns.beginPath();
145
- cns.lineWidth=1;
146
- cns.moveTo((size/2),(size/2));
147
- cns.arc((size/2),(size/2),size/15,1.57+sec*0.1046+milisec/1000*0.1046,1.569+sec*0.1046+milisec/1000*0.1046,1);
148
- cns.stroke();
149
- cns.closePath();
150
-
151
- cns.fillStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
152
- cns.strokeStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
153
- cns.lineCap="round";
154
-
155
- cns.beginPath();
156
- cns.lineWidth=2;
157
- cns.moveTo((size/2),(size/2));
158
- cns.arc((size/2),(size/2),size/3,-1.57+min*0.1046+sec/60*0.1046,-1.569+min*0.1046+sec/60*0.1046,0);
159
- cns.stroke();
160
- cns.closePath();
161
-
162
- cns.fillStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
163
- cns.strokeStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
164
- cns.lineCap="round";
165
-
166
- cns.beginPath();
167
- cns.lineWidth=3;
168
- cns.moveTo((size/2),(size/2));
169
- cns.arc((size/2),(size/2),size/4,-1.57+hour*0.523+min/60*0.523,-1.569+hour*0.523+min/60*0.523,0);
170
- cns.stroke();
171
- cns.closePath();
172
-
173
- cns.fillStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
174
- cns.strokeStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
175
- cns.lineCap="round";
176
-
177
- cns.beginPath();
178
- cns.lineWidth=2;
179
- cns.arc((size/2),(size/2),size/80,0,6.28,0);
180
- cns.fill();
181
- cns.closePath();
182
-
183
- var intervalSec = 50;
184
- if(!isClock) {
185
- if(!window.ycdClockStetting[extraOptions.options['id']].countUp) {
186
- extraOptions.allSeconds -= 1;
187
- }
188
- else {
189
- extraOptions.allSeconds += 1;
190
- }
191
-
192
- intervalSec = 1000;
193
- }
194
- var stoSecond = -1;
195
- if(extraOptions.options['ycd-countdown-expire-behavior'] == 'countToUp') {
196
- stoSecond = 0;
197
- }
198
- if(!isClock && extraOptions.allSeconds == stoSecond) {
199
- YcdClockTimerExpireBehavior(extraOptions.options);
200
- if (window.ycdClockStetting[extraOptions.options['id']].stopTimer) {
201
- return false
202
- }
203
- }
204
-
205
- window.YcdClockTimout = clockd.timer=setTimeout(function(){ycdClockConti(size, cns, clockd, extraOptions)}, intervalSec);
206
- }
207
-
208
- function ycdDigitalClock(size, cns, clockd, extraOptions)
209
- {
210
- var isClock = true;
211
-
212
- if(extraOptions.mode == 'timer') {
213
- isClock = false;
214
- }
215
-
216
- var now = ycdGetChangedDateFromTimeZone(extraOptions);
217
- var time_off=(clockd.hasOwnProperty("timeoffset"))?clockd["timeoffset"]:0;
218
- now.setTime(now.getTime()+time_off*1000);
219
- var milisec=now.getMilliseconds();
220
- var sec=now.getSeconds();
221
- var min=now.getMinutes();
222
- var hour=(clockd.hasOwnProperty("time_24h") && clockd["time_24h"])?now.getHours():now.getHours()%12;
223
-
224
- if(!isClock) {
225
- var parseObj = YcdParseAllSeconds(extraOptions.allSeconds);
226
- var sec=parseObj.seconds;
227
- var min=parseObj.minutes;
228
- var hour=parseObj.hours;
229
- }
230
-
231
- cns.clearRect(0,0,size,size);
232
-
233
- cns.beginPath();
234
- if(clockd.hasOwnProperty("bg_color")){cns.fillStyle=clockd["bg_color"];}else{cns.fillStyle="#ffffff";}
235
- cns.rect(0,0,size,size);
236
- cns.fill();
237
- cns.closePath();
238
- if(clockd.hasOwnProperty("bgLoaded") && clockd.bgLoaded==1){if(clockd.hasOwnProperty("bg_opacity")){cns.globalAlpha=clockd["bg_opacity"];cns.drawImage(clockd.bgImage,0,0,size,size);cns.globalAlpha=1;}}
239
-
240
- if(hour<10){hour="0"+hour;}
241
- if(min<10){min="0"+min;}
242
- if(sec<10){sec="0"+sec;}
243
- cns.fillStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333";
244
- cns.textBaseline="middle";
245
- cns.textAlign="center";
246
- cns.font=size/8+"px Arial";
247
- cns.fillText(hour+":"+min+":"+sec,(size/2),size/2.5);
248
-
249
- if(clockd.hasOwnProperty("date_add") && clockd.date_add)
250
- {
251
- ycd_date_add((size/2),size/5*3+size/10,size,cns, clockd, extraOptions);
252
- }
253
-
254
- var intervalSec = 50;
255
- if(!isClock) {
256
- if(!window.ycdClockStetting[extraOptions.options['id']].countUp) {
257
- extraOptions.allSeconds -= 1;
258
- }
259
- else {
260
- extraOptions.allSeconds += 1;
261
- }
262
-
263
- intervalSec = 1000;
264
- }
265
- var stoSecond = -1;
266
- if(extraOptions.options['ycd-countdown-expire-behavior'] == 'countToUp') {
267
- stoSecond = 0;
268
- }
269
- if(!isClock && extraOptions.allSeconds == stoSecond) {
270
- YcdClockTimerExpireBehavior(extraOptions.options);
271
- if (window.ycdClockStetting[extraOptions.options['id']].stopTimer) {
272
- return false
273
- }
274
- }
275
-
276
- window.YcdClockTimout = clockd.timer=setTimeout(function(){ycdDigitalClock(size, cns, clockd, extraOptions)},intervalSec);
277
- }
278
-
279
- function clock_reverse(size, cns, clockd)
280
- {
281
- cns.clearRect(0,0,size,size);
282
-
283
- cns.beginPath();
284
- if(clockd.hasOwnProperty("bg_color")){cns.fillStyle=clockd["bg_color"];}else{cns.fillStyle="#ffffff";}
285
- cns.rect(0,0,size,size);
286
- cns.fill();
287
- cns.closePath();
288
- if(clockd.hasOwnProperty("bgLoaded") && clockd.bgLoaded==1){if(clockd.hasOwnProperty("bg_opacity")){cns.globalAlpha=clockd["bg_opacity"];cns.drawImage(clockd.bgImage,0,0,size,size);cns.globalAlpha=1;}}
289
-
290
- if((clockd.hasOwnProperty("indicate") && clockd.indicate==true) || !clockd.hasOwnProperty("indicate"))
291
- {
292
- indicator(size, cns, clockd);
293
- }
294
-
295
- if(clockd.hasOwnProperty("time_add") && clockd.time_add)
296
- {
297
- ycd_time_add((size/2),size/5*3, size, cns, clockd);
298
- }
299
-
300
- if(clockd.hasOwnProperty("date_add") && clockd.date_add)
301
- {
302
- date_add((size/2),size/5*3+size/10, size, cns, clockd);
303
- }
304
-
305
- var now=new Date();
306
- var time_off=(clockd.hasOwnProperty("timeoffset"))?clockd["timeoffset"]:0;
307
- now.setTime(now.getTime()+time_off*1000);
308
- var milisec=now.getMilliseconds();
309
- var sec=now.getSeconds();
310
- var min=now.getMinutes();
311
- var hour=now.getHours()%12;
312
-
313
- cns.fillStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
314
- cns.strokeStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
315
- cns.lineCap="round";
316
-
317
- cns.beginPath();
318
- cns.lineWidth=1;
319
- cns.moveTo((size/2),(size/2));
320
- cns.arc((size/2),(size/2),size/3,-1.57-sec*0.1046,-1.569-sec*0.1046,0);
321
- cns.stroke();
322
- cns.closePath();
323
-
324
- cns.beginPath();
325
- cns.lineWidth=1;
326
- cns.moveTo((size/2),(size/2));
327
- cns.arc((size/2),(size/2),size/15,1.57-sec*0.1046,1.569-sec*0.1046,1);
328
- cns.stroke();
329
- cns.closePath();
330
-
331
- cns.fillStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
332
- cns.strokeStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
333
- cns.lineCap="round";
334
-
335
- cns.beginPath();
336
- cns.lineWidth=2;
337
- cns.moveTo((size/2),(size/2));
338
- cns.arc((size/2),(size/2),size/3,-1.57-min*0.1046,-1.569-min*0.1046,0);
339
- cns.stroke();
340
- cns.closePath();
341
-
342
- cns.fillStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
343
- cns.strokeStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
344
- cns.lineCap="round";
345
-
346
- cns.beginPath();
347
- cns.lineWidth=3;
348
- cns.moveTo((size/2),(size/2));
349
- cns.arc((size/2),(size/2),size/4,-1.57-hour*0.523-min/60*0.523,-1.569-hour*0.523-min/60*0.523,0);
350
- cns.stroke();
351
- cns.closePath();
352
-
353
- cns.fillStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
354
- cns.strokeStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
355
- cns.lineCap="round";
356
-
357
- cns.beginPath();
358
- cns.lineWidth=2;
359
- cns.arc((size/2),(size/2),size/80,0,6.28,0);
360
- cns.fill();
361
- cns.closePath();
362
-
363
- clockd.timer=setTimeout(function(){clock_reverse(size, cns, clockd)},50);
364
- }
365
-
366
- function clock_norm(size, cns, clockd)
367
- {
368
- var br=[60,120,180];
369
- var r2=[10,20,30];
370
- var r3=[40,80,120];
371
- var r4=[4,5,7];
372
-
373
- cns.clearRect(0,0,size,size);
374
-
375
- cns.beginPath();
376
- if(clockd.hasOwnProperty("bg_color")){cns.fillStyle=clockd["bg_color"];}else{cns.fillStyle="#ffffff";}
377
- cns.rect(0,0,size,size);
378
- cns.fill();
379
- cns.closePath();
380
- if(clockd.hasOwnProperty("bgLoaded") && clockd.bgLoaded==1){if(clockd.hasOwnProperty("bg_opacity")){cns.globalAlpha=clockd["bg_opacity"];cns.drawImage(clockd.bgImage,0,0,size,size);cns.globalAlpha=1;}}
381
-
382
- if((clockd.hasOwnProperty("indicate") && clockd.indicate==true) || !clockd.hasOwnProperty("indicate"))
383
- {
384
- indicator(size, cns, clockd);
385
- }
386
-
387
- if(clockd.hasOwnProperty("time_add") && clockd.time_add)
388
- {
389
- ycd_time_add((size/2),size/5*3, size, cns, clockd);
390
- }
391
-
392
- if(clockd.hasOwnProperty("date_add") && clockd.date_add)
393
- {
394
- date_add((size/2),size/5*3+size/10, size, cns, clockd);
395
- }
396
-
397
- var now=new Date();
398
- var time_off=(clockd.hasOwnProperty("timeoffset"))?clockd["timeoffset"]:0;
399
- now.setTime(now.getTime()+time_off*1000);
400
- var milisec=now.getMilliseconds();
401
- var sec=now.getSeconds();
402
- var min=now.getMinutes();
403
- var hour=now.getHours()%12;
404
-
405
- cns.fillStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
406
- cns.strokeStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
407
- cns.lineCap="round";
408
-
409
- cns.beginPath();
410
- cns.lineWidth=1;
411
- cns.moveTo((size/2),(size/2));
412
- cns.arc((size/2),(size/2),size/3,-1.57+sec*0.1046,-1.569+sec*0.1046,0);
413
- cns.stroke();
414
- cns.closePath();
415
-
416
- cns.beginPath();
417
- cns.lineWidth=1;
418
- cns.moveTo((size/2),(size/2));
419
- cns.arc((size/2),(size/2),size/15,1.57+sec*0.1046,1.569+sec*0.1046,1);
420
- cns.stroke();
421
- cns.closePath();
422
-
423
- cns.fillStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
424
- cns.strokeStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
425
- cns.lineCap="round";
426
-
427
- cns.beginPath();
428
- cns.lineWidth=2;
429
- cns.moveTo((size/2),(size/2));
430
- cns.arc((size/2),(size/2),size/3,-1.57+min*0.1046,-1.569+min*0.1046,0);
431
- cns.stroke();
432
- cns.closePath();
433
-
434
- cns.fillStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
435
- cns.strokeStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
436
- cns.lineCap="round";
437
-
438
- cns.beginPath();
439
- cns.lineWidth=3;
440
- cns.moveTo((size/2),(size/2));
441
- cns.arc((size/2),(size/2),size/4,-1.57+hour*0.523+min/60*0.523,-1.569+hour*0.523+min/60*0.523,0);
442
- cns.stroke();
443
- cns.closePath();
444
-
445
- cns.fillStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
446
- cns.strokeStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
447
- cns.lineCap="round";
448
-
449
- cns.beginPath();
450
- cns.lineWidth=2;
451
- cns.arc((size/2),(size/2),size/60,0,6.28,0);
452
- cns.fill();
453
- cns.closePath();
454
-
455
- clockd.timer=setTimeout(function(){clock_norm(size, cns, clockd)},50);
456
- }
457
-
458
- function ycdClockFollow(size, cns, clockd, extraOptions)
459
- {
460
- cns.clearRect(0,0,size,size);
461
- var isClock = true;
462
-
463
- if(extraOptions.mode == 'timer') {
464
- isClock = false;
465
- }
466
-
467
- cns.beginPath();
468
- if(clockd.hasOwnProperty("bg_color")){cns.fillStyle=clockd["bg_color"];}else{cns.fillStyle="#ffffff";}
469
- cns.rect(0,0,size,size);
470
- cns.fill();
471
- cns.closePath();
472
- if(clockd.hasOwnProperty("bgLoaded") && clockd.bgLoaded==1){if(clockd.hasOwnProperty("bg_opacity")){cns.globalAlpha=clockd["bg_opacity"];cns.drawImage(clockd.bgImage,0,0,size,size);cns.globalAlpha=1;}}
473
-
474
- if((clockd.hasOwnProperty("indicate") && clockd.indicate==true) || !clockd.hasOwnProperty("indicate"))
475
- {
476
- indicator(size, cns, clockd);
477
- }
478
-
479
- var now = ycdGetChangedDateFromTimeZone(extraOptions);
480
- var time_off=(clockd.hasOwnProperty("timeoffset"))?clockd["timeoffset"]:0;
481
- now.setTime(now.getTime()+time_off*1000);
482
- var milisec=now.getMilliseconds();
483
- var sec=now.getSeconds();
484
- var min=now.getMinutes();
485
- var hour=now.getHours()%12;
486
-
487
- if(!isClock) {
488
- var parseObj = YcdParseAllSeconds(extraOptions.allSeconds);
489
- var sec=parseObj.seconds;
490
- var min=parseObj.minutes;
491
- var hour=parseObj.hours;
492
- }
493
-
494
- cns.fillStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
495
- cns.strokeStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
496
- cns.lineCap="round";
497
-
498
- cns.beginPath();
499
- cns.lineWidth=1;
500
- cns.arc((size/2),(size/2),size/3,-1.57,-1.569+sec*0.1046+milisec/1000*0.1046,0);
501
- cns.lineTo((size/2),(size/2));
502
- cns.stroke();
503
- cns.closePath();
504
-
505
- cns.beginPath();
506
- cns.lineWidth=1;
507
- cns.moveTo((size/2),(size/2));
508
- cns.arc((size/2),(size/2),size/17,1.57+sec*0.1046+milisec/1000*0.1046,1.569+sec*0.1046+milisec/1000*0.1046,1);
509
- cns.stroke();
510
- cns.closePath();
511
-
512
- cns.fillStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
513
- cns.strokeStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
514
- cns.beginPath();
515
- cns.lineWidth=2;
516
- cns.arc((size/2),(size/2),size/3.5,-1.57,-1.569+min*0.1046+sec/60*0.1046,0);
517
- cns.lineTo((size/2),(size/2));
518
- cns.stroke();
519
- cns.closePath();
520
-
521
- cns.fillStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
522
- cns.strokeStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
523
- cns.beginPath();
524
- cns.lineWidth=2;
525
- cns.arc((size/2),(size/2),size/4.5,-1.57,-1.569+hour*0.523+min/60*0.523,0);
526
- cns.lineTo((size/2),(size/2));
527
- cns.stroke();
528
- cns.closePath();
529
-
530
- cns.beginPath();
531
- cns.lineWidth=2;
532
- cns.arc((size/2),(size/2),size/60,0,6.28,0);
533
- cns.fill();
534
- cns.closePath();
535
-
536
- if(clockd.hasOwnProperty("time_add") && clockd.time_add)
537
- {
538
- ycd_time_add((size/2),size/5*3, size, cns, clockd, extraOptions);
539
- }
540
-
541
- if(clockd.hasOwnProperty("date_add") && clockd.date_add)
542
- {
543
- ycd_date_add((size/2),size/5*3+size/15, size, cns, clockd, extraOptions);
544
- }
545
-
546
- var intervalSec = 50;
547
- if(!isClock) {
548
- if(!window.ycdClockStetting[extraOptions.options['id']].countUp) {
549
- extraOptions.allSeconds -= 1;
550
- }
551
- else {
552
- extraOptions.allSeconds += 1;
553
- }
554
-
555
- intervalSec = 1000;
556
- }
557
- var stoSecond = -1;
558
- if(extraOptions.options['ycd-countdown-expire-behavior'] == 'countToUp') {
559
- stoSecond = 0;
560
- }
561
- if(!isClock && extraOptions.allSeconds == stoSecond) {
562
- YcdClockTimerExpireBehavior(extraOptions.options);
563
- if (window.ycdClockStetting[extraOptions.options['id']].stopTimer) {
564
- return false
565
- }
566
- }
567
-
568
- window.YcdClockTimout = clockd.timer=setTimeout(function(){ycdClockFollow(size, cns, clockd, extraOptions)},intervalSec);
569
- }
570
-
571
- function ycdClockCircles(size, cns, clockd, extraOptions)
572
- {
573
- cns.clearRect(0,0,size,size);
574
- var isClock = true;
575
- if(extraOptions.mode == 'timer') {
576
- isClock = false;
577
- }
578
-
579
- cns.beginPath();
580
- if(clockd.hasOwnProperty("bg_color")){cns.fillStyle=clockd["bg_color"];}else{cns.fillStyle="#ffffff";}
581
- cns.rect(0,0,size,size);
582
- cns.fill();
583
- cns.closePath();
584
- if(clockd.hasOwnProperty("bgLoaded") && clockd.bgLoaded==1){if(clockd.hasOwnProperty("bg_opacity")){cns.globalAlpha=clockd["bg_opacity"];cns.drawImage(clockd.bgImage,0,0,size,size);cns.globalAlpha=1;}}
585
-
586
- if((clockd.hasOwnProperty("indicate") && clockd.indicate==true) || !clockd.hasOwnProperty("indicate"))
587
- {
588
- indicator(size, cns, clockd);
589
- }
590
-
591
- var now = ycdGetChangedDateFromTimeZone(extraOptions);
592
- var time_off=(clockd.hasOwnProperty("timeoffset"))?clockd["timeoffset"]:0;
593
- now.setTime(now.getTime()+time_off*1000);
594
- var milisec=now.getMilliseconds();
595
- var sec=now.getSeconds();
596
- var min=now.getMinutes();
597
- var hour=now.getHours()%12;
598
-
599
- if(!isClock) {
600
- var parseObj = YcdParseAllSeconds(extraOptions.allSeconds);
601
- var sec=parseObj.seconds;
602
- var min=parseObj.minutes;
603
- var hour=parseObj.hours;
604
- }
605
-
606
- cns.fillStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
607
- cns.strokeStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
608
- cns.lineCap="round";
609
- cns.beginPath();
610
- cns.moveTo((size/2),(size/2));
611
- cns.arc((size/2),(size/2),size/3,-1.57,-1.569+sec*0.1046+milisec/1000*0.1046,0);
612
- cns.lineTo((size/2),(size/2));
613
- cns.fill();
614
- cns.closePath();
615
-
616
- cns.fillStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
617
- cns.strokeStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
618
- cns.lineCap="round";
619
- cns.beginPath();
620
- cns.moveTo((size/2),(size/2));
621
- cns.arc((size/2),(size/2),size/3.5,-1.57,-1.569+min*0.1046+sec/60*0.1046,0);
622
- cns.lineTo((size/2),(size/2));
623
- cns.fill();
624
- cns.closePath();
625
-
626
- cns.fillStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
627
- cns.strokeStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
628
- cns.lineCap="round";
629
- cns.beginPath();
630
- cns.moveTo((size/2),(size/2));
631
- cns.arc((size/2),(size/2),size/4.5,-1.57,-1.569+hour*0.523+min/60*0.523,0);
632
- cns.lineTo((size/2),(size/2));
633
- cns.fill();
634
- cns.closePath();
635
-
636
- if(clockd.hasOwnProperty("time_add") && clockd.time_add)
637
- {
638
- ycd_time_add((size/2),size/6*3, size, cns, clockd, extraOptions);
639
- }
640
-
641
- if(clockd.hasOwnProperty("date_add") && clockd.date_add)
642
- {
643
- ycd_date_add((size/2),size/6*3+size/10, size, cns, clockd, extraOptions);
644
- }
645
-
646
- var intervalSec = 50;
647
- if(!isClock) {
648
- if(!window.ycdClockStetting[extraOptions.options['id']].countUp) {
649
- extraOptions.allSeconds -= 1;
650
- }
651
- else {
652
- extraOptions.allSeconds += 1;
653
- }
654
-
655
- intervalSec = 1000;
656
- }
657
- var stoSecond = -1;
658
- if(extraOptions.options['ycd-countdown-expire-behavior'] == 'countToUp') {
659
- stoSecond = 0;
660
- }
661
- if(!isClock && extraOptions.allSeconds == stoSecond) {
662
- YcdClockTimerExpireBehavior(extraOptions.options);
663
- if (window.ycdClockStetting[extraOptions.options['id']].stopTimer) {
664
- return false
665
- }
666
- }
667
-
668
- window.YcdClockTimout = clockd.timer=setTimeout(function(){ycdClockCircles(size, cns, clockd, extraOptions)},intervalSec);
669
- }
670
-
671
- function clock_grow(size, cns, clockd)
672
- {
673
- cns.clearRect(0,0,size,size);
674
-
675
- cns.beginPath();
676
- if(clockd.hasOwnProperty("bg_color")){cns.fillStyle=clockd["bg_color"];}else{cns.fillStyle="#ffffff";}
677
- cns.rect(0,0,size,size);
678
- cns.fill();
679
- cns.closePath();
680
- if(clockd.hasOwnProperty("bgLoaded") && clockd.bgLoaded==1){if(clockd.hasOwnProperty("bg_opacity")){cns.globalAlpha=clockd["bg_opacity"];cns.drawImage(clockd.bgImage,0,0,size,size);cns.globalAlpha=1;}}
681
-
682
- if((clockd.hasOwnProperty("indicate") && clockd.indicate==true) || !clockd.hasOwnProperty("indicate"))
683
- {
684
- indicator(size, cns, clockd);
685
- }
686
-
687
- if(clockd.hasOwnProperty("time_add") && clockd.time_add)
688
- {
689
- ycd_time_add((size/2),size/5*3, size, cns, clockd);
690
- }
691
-
692
- if(clockd.hasOwnProperty("date_add") && clockd.date_add)
693
- {
694
- date_add((size/2),size/5*3+size/10, size, cns, clockd);
695
- }
696
-
697
- var now=new Date();
698
- var time_off=(clockd.hasOwnProperty("timeoffset"))?clockd["timeoffset"]:0;
699
- now.setTime(now.getTime()+time_off*1000);
700
- var milisec=now.getMilliseconds();
701
- var sec=now.getSeconds();
702
- var min=now.getMinutes();
703
- var hour=now.getHours()%12;
704
-
705
- cns.fillStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
706
- cns.strokeStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
707
- cns.lineCap="round";
708
- cns.beginPath();
709
- cns.lineWidth=1;
710
- cns.moveTo((size/2),(size/2));
711
- cns.arc((size/2),(size/2),sec*size/200+size/15,-1.57+sec*0.1046+milisec/1000*0.1046,-1.569+sec*0.1046+milisec/1000*0.1046,0);
712
- cns.stroke();
713
- cns.closePath();
714
-
715
- cns.fillStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
716
- cns.strokeStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
717
- cns.lineCap="round";
718
- cns.lineWidth=1;
719
- cns.moveTo((size/2),(size/2));
720
- cns.arc((size/2),(size/2),min*size/200+sec/60*size/200+size/15,-1.57+min*0.1046+sec/60*0.1046,-1.569+min*0.1046+sec/60*0.1046,0);
721
- cns.stroke();
722
- cns.closePath();
723
-
724
- cns.fillStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
725
- cns.strokeStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
726
- cns.lineCap="round";
727
- cns.lineWidth=2;
728
- cns.moveTo((size/2),(size/2));
729
- cns.arc((size/2),(size/2),hour*size/200*3+min/60*size/200*3+size/15,-1.57+hour*0.523+min/60*0.523,-1.569+hour*0.523+min/60*0.523,0);
730
- cns.stroke();
731
- cns.closePath();
732
-
733
- cns.beginPath();
734
- cns.lineWidth=2;
735
- cns.arc((size/2),(size/2),size/60,0,6.28,0);
736
- cns.fill();
737
- cns.closePath();
738
-
739
- clockd.timer=setTimeout(function(){clock_grow(size, cns, clockd)},50);
740
- }
741
-
742
- function ycdClockDots(size, cns, clockd,extraOptions)
743
- {
744
- cns.clearRect(0,0,size,size);
745
- var isClock = true;
746
-
747
- if(extraOptions.mode == 'timer') {
748
- isClock = false;
749
- }
750
-
751
- cns.beginPath();
752
- if(clockd.hasOwnProperty("bg_color")){cns.fillStyle=clockd["bg_color"];}else{cns.fillStyle="#ffffff";}
753
- cns.rect(0,0,size,size);
754
- cns.fill();
755
- cns.closePath();
756
- if(clockd.hasOwnProperty("bgLoaded") && clockd.bgLoaded==1){if(clockd.hasOwnProperty("bg_opacity")){cns.globalAlpha=clockd["bg_opacity"];cns.drawImage(clockd.bgImage,0,0,size,size);cns.globalAlpha=1;}}
757
-
758
- if((clockd.hasOwnProperty("indicate") && clockd.indicate==true) || !clockd.hasOwnProperty("indicate"))
759
- {
760
- indicator(size, cns, clockd);
761
- }
762
-
763
- if(clockd.hasOwnProperty("time_add") && clockd.time_add)
764
- {
765
- ycd_time_add((size/2),size/6*3, size, cns, clockd, extraOptions);
766
- }
767
-
768
- if(clockd.hasOwnProperty("date_add") && clockd.date_add)
769
- {
770
- ycd_date_add((size/2),size/6*3+size/10, size, cns, clockd, extraOptions);
771
- }
772
-
773
- var now = ycdGetChangedDateFromTimeZone(extraOptions);
774
- var time_off=(clockd.hasOwnProperty("timeoffset"))?clockd["timeoffset"]:0;
775
- now.setTime(now.getTime()+time_off*1000);
776
- var milisec=now.getMilliseconds();
777
- var sec=now.getSeconds();
778
- var min=now.getMinutes();
779
- var hour=now.getHours()%12;
780
-
781
- if(!isClock) {
782
- var parseObj = YcdParseAllSeconds(extraOptions.allSeconds);
783
- var sec=parseObj.seconds;
784
- var min=parseObj.minutes;
785
- var hour=parseObj.hours;
786
- }
787
-
788
- cns.fillStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
789
- cns.strokeStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
790
- cns.lineCap="round";
791
- for(var a=0;a<(sec+1);a++)
792
- {
793
- var r=parseInt(a)*0.1046;
794
- var calc=Math.cos(r-1.57)*(size/2.8);
795
- var y=Math.sin(r-1.57)*(size/2.8);
796
-
797
- cns.beginPath();
798
- cns.arc(calc+(size/2),y+(size/2),size/100,0,6.28,0);
799
- cns.fill();
800
- cns.closePath();
801
- }
802
-
803
- cns.fillStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
804
- cns.strokeStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
805
- cns.lineCap="round";
806
-
807
- for(var a=0;a<(min+1);a++)
808
- {
809
- var r=parseInt(a)*0.1046;
810
- var calc=Math.cos(r-1.57)*(size/3.4);
811
- var y=Math.sin(r-1.57)*(size/3.4);
812
-
813
- cns.beginPath();
814
- cns.arc(calc+(size/2),y+(size/2),size/100,0,6.28,0);
815
- cns.fill();
816
- cns.closePath();
817
- }
818
-
819
- cns.fillStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
820
- cns.strokeStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
821
- cns.lineCap="round";
822
-
823
- for(var a=0;a<(hour+1);a++)
824
- {
825
- var r=parseInt(a)*0.523;
826
- var calc=Math.cos(r-1.57)*(size/4.5);
827
- var y=Math.sin(r-1.57)*(size/4.5);
828
-
829
- cns.beginPath();
830
- cns.arc(calc+(size/2),y+(size/2),size/100,0,6.28,0);
831
- cns.fill();
832
- cns.closePath();
833
- }
834
-
835
- var intervalSec = 50;
836
- if(!isClock) {
837
- if(!window.ycdClockStetting[extraOptions.options['id']].countUp) {
838
- extraOptions.allSeconds -= 1;
839
- }
840
- else {
841
- extraOptions.allSeconds += 1;
842
- }
843
-
844
- intervalSec = 1000;
845
- }
846
- var stoSecond = -1;
847
- if(extraOptions.options['ycd-countdown-expire-behavior'] == 'countToUp') {
848
- stoSecond = 0;
849
- }
850
- if(!isClock && extraOptions.allSeconds == stoSecond) {
851
- YcdClockTimerExpireBehavior(extraOptions.options);
852
- if (window.ycdClockStetting[extraOptions.options['id']].stopTimer) {
853
- return false
854
- }
855
- }
856
-
857
- window.YcdClockTimout = clockd.timer=setTimeout(function(){ycdClockDots(size, cns, clockd, extraOptions)}, intervalSec);
858
- }
859
-
860
- function clock_num(size, cns, clockd)
861
- {
862
- cns.clearRect(0,0,size,size);
863
-
864
- cns.beginPath();
865
- if(clockd.hasOwnProperty("bg_color")){cns.fillStyle=clockd["bg_color"];}else{cns.fillStyle="#ffffff";}
866
- cns.rect(0,0,size,size);
867
- cns.fill();
868
- cns.closePath();
869
- if(clockd.hasOwnProperty("bgLoaded") && clockd.bgLoaded==1){if(clockd.hasOwnProperty("bg_opacity")){cns.globalAlpha=clockd["bg_opacity"];cns.drawImage(clockd.bgImage,0,0,size,size);cns.globalAlpha=1;}}
870
-
871
- if((clockd.hasOwnProperty("indicate") && clockd.indicate==true) || !clockd.hasOwnProperty("indicate"))
872
- {
873
- indicator(size, cns, clockd);
874
- }
875
-
876
- if(clockd.hasOwnProperty("time_add") && clockd.time_add)
877
- {
878
- ycd_time_add((size/2),size/5*3, size, cns, clockd);
879
- }
880
-
881
- if(clockd.hasOwnProperty("date_add") && clockd.date_add)
882
- {
883
- date_add((size/2),size/5*3+size/10, size, cns, clockd);
884
- }
885
-
886
- var now=new Date();
887
- var time_off=(clockd.hasOwnProperty("timeoffset"))?clockd["timeoffset"]:0;
888
- now.setTime(now.getTime()+time_off*1000);
889
- var milisec=now.getMilliseconds();
890
- var sec=now.getSeconds();
891
- var min=now.getMinutes();
892
- var hour=now.getHours()%12;
893
-
894
- cns.fillStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
895
- cns.strokeStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
896
- cns.lineCap="round";
897
- cns.beginPath();
898
- cns.lineWidth=1;
899
- cns.moveTo((size/2),(size/2));
900
- cns.arc((size/2),(size/2),size/3.2,-1.57+sec*0.1046+milisec/1000*0.1046,-1.569+sec*0.1046+milisec/1000*0.1046,0);
901
- cns.stroke();
902
- cns.closePath();
903
-
904
- cns.textBaseline="middle";
905
- cns.textAlign="center";
906
- cns.font=(size/35+5)+"px Arial";
907
- cns.fillText(sec,Math.cos(-1.57+sec*0.1046+milisec/1000*0.1046)*size/3+(size/2),Math.sin(-1.57+sec*0.1046+milisec/1000*0.1046)*size/3+(size/2))
908
-
909
- cns.beginPath();
910
- cns.lineWidth=1;
911
- cns.moveTo((size/2),(size/2));
912
- cns.arc((size/2),(size/2),size/15,1.57+sec*0.1046+milisec/1000*0.1046,1.569+sec*0.1046+milisec/1000*0.1046,1);
913
- cns.stroke();
914
- cns.closePath();
915
-
916
- cns.fillStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
917
- cns.strokeStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
918
- cns.beginPath();
919
- cns.lineWidth=2;
920
- cns.moveTo((size/2),(size/2));
921
- cns.arc((size/2),(size/2),size/3.2,-1.57+min*0.1046+sec/60*0.1046,-1.569+min*0.1046+sec/60*0.1046,0);
922
- cns.stroke();
923
- cns.closePath();
924
- cns.fillText(min,Math.cos(-1.57+min*0.1046+sec/60*0.1046)*size/3+(size/2),Math.sin(-1.57+min*0.1046+sec/60*0.1046)*size/3+(size/2))
925
-
926
- cns.fillStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
927
- cns.strokeStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
928
- cns.beginPath();
929
- cns.lineWidth=3;
930
- cns.moveTo((size/2),(size/2));
931
- cns.arc((size/2),(size/2),size/4,-1.57+hour*0.523+min/60*0.523,-1.569+hour*0.523+min/60*0.523,0);
932
- cns.stroke();
933
- cns.closePath();
934
- if(hour==0){var hour2=12;}else{var hour2=hour;}
935
- cns.fillText(hour2,Math.cos(-1.57+hour*0.523+min/60*0.523)*size/3.5+(size/2),Math.sin(-1.57+hour*0.523+min/60*0.523)*size/3.5+(size/2))
936
-
937
- cns.beginPath();
938
- cns.lineWidth=2;
939
- cns.arc((size/2),(size/2),size/80,0,6.28,0);
940
- cns.fill();
941
- cns.closePath();
942
-
943
- clockd.timer=setTimeout(function(){clock_num(size, cns, clockd)},50);
944
- }
945
-
946
- function clock_random(size, cns, clockd)
947
- {
948
- var now=new Date();
949
- var time_off=(clockd.hasOwnProperty("timeoffset"))?clockd["timeoffset"]:0;
950
- now.setTime(now.getTime()+time_off*1000);
951
- var milisec=now.getMilliseconds();
952
- var sec=now.getSeconds();
953
- var min=now.getMinutes();
954
- var hour=now.getHours();
955
-
956
- if(!clockd.hasOwnProperty("track")){clockd["track"]=20;}
957
- clockd["track"]=parseInt(clockd["track"])+1;
958
-
959
- if(parseInt(clockd["track"])>=20)
960
- {
961
- cns.clearRect(0,0,size,size);
962
-
963
- cns.beginPath();
964
- if(clockd.hasOwnProperty("bg_color")){cns.fillStyle=clockd["bg_color"];}else{cns.fillStyle="#ffffff";}
965
- cns.rect(0,0,size,size);
966
- cns.fill();
967
- cns.closePath();
968
- if(clockd.hasOwnProperty("bgLoaded") && clockd.bgLoaded==1){if(clockd.hasOwnProperty("bg_opacity")){cns.globalAlpha=clockd["bg_opacity"];cns.drawImage(clockd.bgImage,0,0,size,size);cns.globalAlpha=1;}}
969
-
970
- if(clockd.hasOwnProperty("date_add") && clockd.date_add)
971
- {
972
- date_add((size/2),size/5*3+size/10, size, cns, clockd);
973
- }
974
-
975
- var hourx=Math.floor(Math.random()*size/1.5)+Math.floor((size/2)/10);
976
- var houry=Math.floor(Math.random()*size/1.5)+Math.floor((size/2)/10);
977
-
978
- cns.fillStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
979
- cns.strokeStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
980
- //if(hour==0){hour=12;}else{hour=hour;}
981
- if(hour<10){hour="0"+hour;}
982
- if(min<10){min="0"+min;}
983
- if(sec<10){sec="0"+sec;}
984
-
985
- cns.textBaseline="middle";
986
- cns.textAlign="left";
987
- cns.font=(size/15)+"pt Arial";
988
- cns.fillText(hour+":"+min+":"+sec,hourx,houry);
989
-
990
- clockd["track"]=0;
991
- }
992
-
993
- clockd.timer=setTimeout(function(){clock_random(size, cns, clockd)},50);
994
- }
995
-
996
- function clock_digitalran(size, cns, clockd)
997
- {
998
- var now=new Date();
999
- var time_off=(clockd.hasOwnProperty("timeoffset"))?clockd["timeoffset"]:0;
1000
- now.setTime(now.getTime()+time_off*1000);
1001
- var sec=now.getSeconds();
1002
- var min=now.getMinutes();
1003
- var hour=now.getHours();
1004
- var hexarr=new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F");
1005
- var a=Math.floor(Math.random()*16);
1006
- var b=Math.floor(Math.random()*16);
1007
- var c=Math.floor(Math.random()*16);
1008
- var d=Math.floor(Math.random()*16);
1009
- var e=Math.floor(Math.random()*16);
1010
- var f=Math.floor(Math.random()*16);
1011
-
1012
- if(clockd.hasOwnProperty("track"))
1013
- {
1014
- clockd["track"]+=1;
1015
- }
1016
- else
1017
- {
1018
- clockd["track"]=20;
1019
- }
1020
-
1021
- if(parseInt(clockd["track"])==20)
1022
- {
1023
- cns.clearRect(0,0,size,size);
1024
-
1025
- cns.beginPath();
1026
- if(clockd.hasOwnProperty("bg_color")){cns.fillStyle=clockd["bg_color"];}else{cns.fillStyle="#ffffff";}
1027
- cns.rect(0,0,size,size);
1028
- cns.fill();
1029
- cns.closePath();
1030
- if(clockd.hasOwnProperty("bgLoaded") && clockd.bgLoaded==1){if(clockd.hasOwnProperty("bg_opacity")){cns.globalAlpha=clockd["bg_opacity"];cns.drawImage(clockd.bgImage,0,0,size,size);cns.globalAlpha=1;}}
1031
-
1032
- if(clockd.hasOwnProperty("date_add") && clockd.date_add)
1033
- {
1034
- date_add((size/2),size/3*2, size, cns, clockd);
1035
- }
1036
-
1037
- if(hour==0){var hour2=12;}else{var hour2=hour;}
1038
- if(hour<10){hour="0"+hour;}
1039
- if(min<10){min="0"+min;}
1040
- if(sec<10){sec="0"+sec;}
1041
- cns.strokeStyle="#333333";
1042
- cns.fillStyle="#"+hexarr[a]+hexarr[b]+hexarr[c]+hexarr[d]+hexarr[e]+hexarr[f];
1043
- cns.textBaseline="middle";
1044
- cns.textAlign="center";
1045
- cns.font=size/7+"px Arial";
1046
- cns.fillText(hour2+":"+min+":"+sec,(size/2),size/2.5);
1047
-
1048
- clockd["track"]=0;
1049
- }
1050
-
1051
- clockd.timer=setTimeout(function(){clock_digitalran(size, cns, clockd)},50);
1052
- }
1053
-
1054
- function ycdClockBars(size, cns, clockd, extraOptions)
1055
- {
1056
- cns.clearRect(0,0,size,size);
1057
- var isClock = true;
1058
- if(extraOptions.mode == 'timer') {
1059
- isClock = false;
1060
- }
1061
-
1062
- cns.beginPath();
1063
- if(clockd.hasOwnProperty("bg_color")){cns.fillStyle=clockd["bg_color"];}else{cns.fillStyle="#ffffff";}
1064
- cns.rect(0,0,size,size);
1065
- cns.fill();
1066
- cns.closePath();
1067
- if(clockd.hasOwnProperty("bgLoaded") && clockd.bgLoaded==1){if(clockd.hasOwnProperty("bg_opacity")){cns.globalAlpha=clockd["bg_opacity"];cns.drawImage(clockd.bgImage,0,0,size,size);cns.globalAlpha=1;}}
1068
-
1069
- var now = ycdGetChangedDateFromTimeZone(extraOptions);
1070
-
1071
- var time_off=(clockd.hasOwnProperty("timeoffset"))?clockd["timeoffset"]:0;
1072
- now.setTime(now.getTime()+time_off*1000);
1073
- var mili=now.getMilliseconds();
1074
- var sec=now.getSeconds();
1075
- var min=now.getMinutes();
1076
- var hour=now.getHours()%12;
1077
-
1078
- if(!isClock) {
1079
- var parseObj = YcdParseAllSeconds(extraOptions.allSeconds);
1080
- var sec=parseObj.seconds;
1081
- var min=parseObj.minutes;
1082
- var hour=parseObj.hours;
1083
- }
1084
-
1085
- if((clockd.hasOwnProperty("indicate") && clockd.indicate==true) || !clockd.hasOwnProperty("indicate"))
1086
- {
1087
- cns.strokeStyle=(clockd.hasOwnProperty("indicate_color"))?clockd["indicate_color"]:"#333333";
1088
-
1089
- for(var a=0;a<13;a++)
1090
- {
1091
- if(a%3==0){cns.lineWidth=2;}else{cns.lineWidth=1;}
1092
- cns.beginPath();
1093
- cns.moveTo(size/7+size/7.1,size/8+a*size/1.3/12);
1094
- cns.lineTo(size/2.38,size/8+a*size/1.3/12);
1095
- cns.stroke();
1096
- cns.closePath();
1097
-
1098
- cns.beginPath();
1099
- cns.moveTo(size/2.35+size/7.1,size/8+a*size/1.3/12);
1100
- cns.lineTo(size/1.45,size/8+a*size/1.3/12);
1101
- cns.stroke();
1102
- cns.closePath();
1103
- }
1104
-
1105
- cns.beginPath();
1106
- cns.moveTo(size/7+size/7.1*1.5,size/8);
1107
- cns.lineTo(size/7+size/7.1*1.5,size/8+size/1.3);
1108
- cns.stroke();
1109
- cns.closePath();
1110
-
1111
- cns.beginPath();
1112
- cns.moveTo(size/2.38+size/7.1*1.5,size/8);
1113
- cns.lineTo(size/2.38+size/7.1*1.5,size/8+size/1.3);
1114
- cns.stroke();
1115
- cns.closePath();
1116
- }
1117
-
1118
- if(clockd.hasOwnProperty("time_add") && clockd.time_add)
1119
- {
1120
- ycd_time_add((size/2),size/20, size, cns, clockd, extraOptions);
1121
- }
1122
-
1123
- if(clockd.hasOwnProperty("date_add") && clockd.date_add)
1124
- {
1125
- ycd_date_add((size/2),size/14*13, size, cns, clockd, extraOptions);
1126
- }
1127
-
1128
- cns.strokeStyle=(clockd.hasOwnProperty("indicate_color"))?clockd["indicate_color"]:"#333333";
1129
- cns.lineCap="round";
1130
- cns.fillStyle=(clockd.hasOwnProperty("indicate_color"))?clockd["indicate_color"]:"#333333";
1131
-
1132
- cns.beginPath();
1133
- cns.rect(size/7.4,size/8,size/6.8,size/1.3);
1134
- cns.rect(size/2.38,size/8,size/6.8,size/1.3);
1135
- cns.rect(size/1.45,size/8,size/6.8,size/1.3);
1136
- cns.stroke();
1137
- cns.closePath();
1138
-
1139
- cns.beginPath();
1140
- cns.fillStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
1141
- cns.rect(size/7.4,size/8+size/1.3-(size/1.3)*(hour*60+min)/720,size/6.8,(size/1.3)*(hour*60+min)/720);
1142
- cns.fill()
1143
- cns.closePath();
1144
-
1145
- cns.beginPath()
1146
- cns.fillStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
1147
- cns.rect(size/2.38,size/8+size/1.3-(size/1.3)*(min*60+sec)/3600,size/6.8,(size/1.3)*(min*60+sec)/3600);
1148
- cns.fill();
1149
- cns.closePath();
1150
-
1151
- cns.beginPath();
1152
- cns.fillStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
1153
- cns.rect(size/1.45,size/8+size/1.3-(size/1.3)*(sec*1000+mili)/60000,size/6.8,(size/1.3)*(sec*1000+mili)/60000);
1154
- cns.fill();
1155
- cns.closePath();
1156
-
1157
- var intervalSec = 50;
1158
- if(!isClock) {
1159
- if(!window.ycdClockStetting[extraOptions.options['id']].countUp) {
1160
- extraOptions.allSeconds -= 1;
1161
- }
1162
- else {
1163
- extraOptions.allSeconds += 1;
1164
- }
1165
-
1166
- intervalSec = 1000;
1167
- }
1168
- var stoSecond = -1;
1169
- if(extraOptions.options['ycd-countdown-expire-behavior'] == 'countToUp') {
1170
- stoSecond = 0;
1171
- }
1172
- if(!isClock && extraOptions.allSeconds == stoSecond) {
1173
- YcdClockTimerExpireBehavior(extraOptions.options);
1174
- if (window.ycdClockStetting[extraOptions.options['id']].stopTimer) {
1175
- return false
1176
- }
1177
- }
1178
-
1179
- window.YcdClockTimout = clockd.timer=setTimeout(function(){ycdClockBars(size, cns, clockd, extraOptions)},intervalSec);
1180
- }
1181
-
1182
- function ycdClockPlanets(size, cns, clockd, extraOptions)
1183
- {
1184
- cns.clearRect(0,0,size,size);
1185
- var isClock = true;
1186
- if(extraOptions.mode == 'timer') {
1187
- isClock = false;
1188
- }
1189
-
1190
- cns.beginPath();
1191
- if(clockd.hasOwnProperty("bg_color")){cns.fillStyle=clockd["bg_color"];}else{cns.fillStyle="#ffffff";}
1192
- cns.rect(0,0,size,size);
1193
- cns.fill();
1194
- cns.closePath();
1195
- if(clockd.hasOwnProperty("bgLoaded") && clockd.bgLoaded==1){if(clockd.hasOwnProperty("bg_opacity")){cns.globalAlpha=clockd["bg_opacity"];cns.drawImage(clockd.bgImage,0,0,size,size);cns.globalAlpha=1;}}
1196
-
1197
- if((clockd.hasOwnProperty("indicate") && clockd.indicate==true) || !clockd.hasOwnProperty("indicate"))
1198
- {
1199
- indicator(size, cns, clockd);
1200
- }
1201
-
1202
- if(clockd.hasOwnProperty("time_add") && clockd.time_add)
1203
- {
1204
- ycd_time_add((size/2),size/5*3, size, cns, clockd, extraOptions);
1205
- }
1206
-
1207
- if(clockd.hasOwnProperty("date_add") && clockd.date_add)
1208
- {
1209
- ycd_date_add((size/2),size/5*3+size/10, size, cns, clockd, extraOptions);
1210
- }
1211
-
1212
- var now = ycdGetChangedDateFromTimeZone(extraOptions);
1213
- var time_off=(clockd.hasOwnProperty("timeoffset"))?clockd["timeoffset"]:0;
1214
- now.setTime(now.getTime()+time_off*1000);
1215
- var milisec=now.getMilliseconds();
1216
- var sec=now.getSeconds();
1217
- var min=now.getMinutes();
1218
- var hour=now.getHours()%12;
1219
-
1220
- if(!isClock) {
1221
- var parseObj = YcdParseAllSeconds(extraOptions.allSeconds);
1222
- var sec=parseObj.seconds;
1223
- var min=parseObj.minutes;
1224
- var hour=parseObj.hours;
1225
- }
1226
-
1227
- if(clockd.hasOwnProperty("track")){cns.fillStyle=clockd["track"];}else{cns.fillStyle="#DAA520";}
1228
- cns.beginPath();
1229
- cns.lineWidth=3;
1230
- cns.moveTo((size/2),(size/2));
1231
- cns.arc((size/2),(size/2),size/25,0,6.29,0);
1232
- cns.lineTo((size/2),(size/2));
1233
- cns.fill();
1234
- cns.closePath();
1235
-
1236
- var r=parseInt(milisec)*0.00628;
1237
- var calcms=Math.cos(r-1.57)*(size/25);
1238
- var yms=Math.sin(r-1.57)*(size/25);
1239
-
1240
- var r=parseInt(sec)*0.1046+parseInt(milisec)/1000*0.1046;
1241
- var calc=Math.cos(r-1.57)*(size/5);
1242
- var y=Math.sin(r-1.57)*(size/5);
1243
-
1244
- var r=parseInt(min)*0.1046+parseInt(sec)/60*0.1046;
1245
- var calcm=Math.cos(r-1.57)*(size/3.2);
1246
- var ym=Math.sin(r-1.57)*(size/3.2);
1247
-
1248
- var r=parseInt(hour)*0.523+parseInt(min)/60*0.523;
1249
- var calcu=Math.cos(r-1.57)*(size/2.5);
1250
- var yu=Math.sin(r-1.57)*(size/2.5);
1251
-
1252
- if(clockd.hasOwnProperty("indicate_color")){cns.strokeStyle=clockd["indicate_color"];}else{cns.strokeStyle="#333";}
1253
-
1254
- cns.closePath();
1255
- cns.beginPath();
1256
- cns.lineWidth=1;
1257
- cns.arc((size/2),(size/2),(size/5),0,6.28,0);
1258
- cns.stroke();
1259
- cns.closePath();
1260
- cns.fillStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
1261
- cns.beginPath();
1262
- cns.lineWidth=3;
1263
- cns.arc(calc+(size/2),y+(size/2),size/42,0,6.28,0);
1264
- cns.fill();
1265
-
1266
- cns.closePath();
1267
- cns.beginPath();
1268
- cns.lineWidth=1;
1269
- cns.arc((size/2)+calc,(size/2)+y,size/24,0,6.28,0);
1270
- cns.stroke();
1271
- cns.closePath();
1272
- cns.beginPath();
1273
- cns.lineWidth=3;
1274
- cns.arc((size/2)+calc+calcms,(size/2)+y+yms,size/110,0,6.28,0);
1275
- cns.fill();
1276
-
1277
- cns.beginPath();
1278
- cns.lineWidth=1;
1279
- cns.arc((size/2),(size/2),size/3.2,0,6.28,0);
1280
- cns.stroke();
1281
- cns.closePath();
1282
- cns.fillStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
1283
- cns.beginPath();
1284
- cns.lineWidth=3;
1285
- cns.arc(calcm+(size/2),ym+(size/2),size/24,0,6.28,0);
1286
- cns.fill();
1287
- cns.closePath();
1288
-
1289
- cns.beginPath();
1290
- cns.lineWidth=1;
1291
- cns.arc((size/2),(size/2),size/2.5,0,6.28,0);
1292
- cns.stroke();
1293
- cns.closePath();
1294
- cns.fillStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
1295
- cns.beginPath();
1296
- cns.lineWidth=3;
1297
- cns.arc(calcu+(size/2),yu+(size/2),size/22,0,6.28,0);
1298
- cns.fill();
1299
- cns.closePath();
1300
-
1301
- var intervalSec = 50;
1302
- if(!isClock) {
1303
- if(!window.ycdClockStetting[extraOptions.options['id']].countUp) {
1304
- extraOptions.allSeconds -= 1;
1305
- }
1306
- else {
1307
- extraOptions.allSeconds += 1;
1308
- }
1309
-
1310
- intervalSec = 1000;
1311
- }
1312
- var stoSecond = -1;
1313
- if(extraOptions.options['ycd-countdown-expire-behavior'] == 'countToUp') {
1314
- stoSecond = 0;
1315
- }
1316
- if(!isClock && extraOptions.allSeconds == stoSecond) {
1317
- YcdClockTimerExpireBehavior(extraOptions.options);
1318
- if (window.ycdClockStetting[extraOptions.options['id']].stopTimer) {
1319
- return false
1320
- }
1321
- }
1322
-
1323
- window.YcdClockTimout = clockd.timer=setTimeout(function(){ycdClockPlanets(size, cns, clockd, extraOptions)},intervalSec);
1324
- }
1325
-
1326
- function clock_roulette(size, cns, clockd)
1327
- {
1328
- var now=new Date();
1329
- var time_off=(clockd.hasOwnProperty("timeoffset"))?clockd["timeoffset"]:0;
1330
- now.setTime(now.getTime()+time_off*1000);
1331
- var milisec=now.getMilliseconds();
1332
- var sec=now.getSeconds();
1333
- var min=now.getMinutes();
1334
- var hour=now.getHours()%12;
1335
-
1336
- cns.clearRect(0,0,size,size);
1337
-
1338
- cns.beginPath();
1339
- if(clockd.hasOwnProperty("bg_color")){cns.fillStyle=clockd["bg_color"];}else{cns.fillStyle="#ffffff";}
1340
- cns.rect(0,0,size,size);
1341
- cns.fill();
1342
- cns.closePath();
1343
- if(clockd.hasOwnProperty("bgLoaded") && clockd.bgLoaded==1){if(clockd.hasOwnProperty("bg_opacity")){cns.globalAlpha=clockd["bg_opacity"];cns.drawImage(clockd.bgImage,0,0,size,size);cns.globalAlpha=1;}}
1344
-
1345
- var a=hour-2;var b=hour-1;var c=hour+1;var d=hour+2;var e=hour+3;
1346
- if(a<0){a=24+a;}
1347
- if(b<0){b=24+b;}
1348
- if(c>23){c=c-24;}
1349
- if(d>23){d=d-24;}
1350
- if(e>23){e=e-24;}
1351
-
1352
- var f=hour;
1353
- if(a<10){a="0"+a;}
1354
- if(b<10){b="0"+b;}
1355
- if(c<10){c="0"+c;}
1356
- if(d<10){d="0"+d;}
1357
- if(e<10){e="0"+e;}
1358
- if(f<10){f="0"+f;}
1359
- cns.font=size/10+"pt Arial";
1360
- cns.fillStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
1361
- cns.fillText(a,size/5,size/10-size/5*min/60-size/5*sec/36000);
1362
- cns.fillText(b,size/5,size/10+size/5-size/5*min/60-size/5*sec/36000);
1363
- cns.globalAlpha=0.3;
1364
- cns.fillText(f,size/5,size/10+2*size/5-size/5*min/60-size/5*sec/3600);
1365
- cns.globalAlpha=1;
1366
- cns.fillText(c,size/5,size/10+3*size/5-size/5*min/60-size/5*sec/3600);
1367
- cns.fillText(d,size/5,size/10+4*size/5-size/5*min/60-size/5*sec/3600);
1368
- cns.fillText(e,size/5,size/10+5*size/5-size/5*min/60-size/5*sec/3600);
1369
-
1370
- var a=min-2;var b=min-1;var c=min+1;var d=min+2;var e=min+3;
1371
- if(a<0){a=60+a;}
1372
- if(b<0){b=60+b;}
1373
- if(c>59){c=c-60;}
1374
- if(d>59){d=d-60;}
1375
- if(e>59){e=e-60;}
1376
-
1377
- var f=min;
1378
- if(a<10){a="0"+a;}
1379
- if(b<10){b="0"+b;}
1380
- if(c<10){c="0"+c;}
1381
- if(d<10){d="0"+d;}
1382
- if(e<10){e="0"+e;}
1383
- if(f<10){f="0"+f;}
1384
- cns.fillStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
1385
- cns.fillText(a,size/2,size/10-size/5*sec/60-size/5*milisec/60000);
1386
- cns.fillText(b,size/2,size/10+size/5-size/5*sec/60-size/5*milisec/60000);
1387
- cns.globalAlpha=0.3;
1388
- cns.fillText(f,size/2,size/10+2*size/5-size/5*sec/60-size/5*milisec/60000);
1389
- cns.globalAlpha=1;
1390
- cns.fillText(c,size/2,size/10+3*size/5-size/5*sec/60-size/5*milisec/60000);
1391
- cns.fillText(d,size/2,size/10+4*size/5-size/5*sec/60-size/5*milisec/60000);
1392
- cns.fillText(e,size/2,size/10+5*size/5-size/5*sec/60-size/5*milisec/60000);
1393
-
1394
- var a=sec-2;var b=sec-1;var c=sec+1;var d=sec+2;var e=sec+3;
1395
- if(a<0){a=60+a;}
1396
- if(b<0){b=60+b;}
1397
- if(c>59){c=c-60;}
1398
- if(d>59){d=d-60;}
1399
- if(e>59){e=e-60;}
1400
-
1401
- var f=sec;
1402
- if(a<10){a="0"+a;}
1403
- if(b<10){b="0"+b;}
1404
- if(c<10){c="0"+c;}
1405
- if(d<10){d="0"+d;}
1406
- if(e<10){e="0"+e;}
1407
- if(f<10){f="0"+f;}
1408
- cns.fillStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
1409
- cns.fillText(a,size/5*4,size/10-size/5*milisec/1000);
1410
- cns.fillText(b,size/5*4,size/10+size/5-size/5*milisec/1000);
1411
- cns.globalAlpha=0.3;
1412
- cns.fillText(f,size/5*4,size/10+2*size/5-size/5*milisec/1000);
1413
- cns.globalAlpha=1;
1414
- cns.fillText(c,size/5*4,size/10+3*size/5-size/5*milisec/1000);
1415
- cns.fillText(d,size/5*4,size/10+4*size/5-size/5*milisec/1000);
1416
- cns.fillText(e,size/5*4,size/10+5*size/5-size/5*milisec/1000);
1417
-
1418
- if(clockd.hasOwnProperty("date_add") && clockd.date_add)
1419
- {
1420
- date_add((size/2),size/5*3+size/10, size, cns, clockd);
1421
- }
1422
-
1423
- if(clockd.hasOwnProperty("indicate") && clockd.indicate)
1424
- {
1425
- cns.strokeStyle=(clockd.hasOwnProperty("indicate_color"))?clockd["indicate_color"]:"#333333";
1426
- cns.beginPath();
1427
- cns.moveTo(0,(size/2));
1428
- cns.lineTo(size,(size/2));
1429
- cns.stroke()
1430
- cns.closePath();
1431
- }
1432
-
1433
- clockd.timer=setTimeout(function(){clock_roulette(size, cns, clockd)},50);
1434
- }
1435
-
1436
- function clock_binary(size, cns, clockd)
1437
- {
1438
- var now=new Date();
1439
- var time_off=(clockd.hasOwnProperty("timeoffset"))?clockd["timeoffset"]:0;
1440
- now.setTime(now.getTime()+time_off*1000);
1441
- var milisec=now.getMilliseconds();
1442
- var sec=now.getSeconds();
1443
- var min=now.getMinutes();
1444
- var hour=now.getHours()%12;
1445
-
1446
- cns.clearRect(0,0,size,size);
1447
-
1448
- cns.beginPath();
1449
- if(clockd.hasOwnProperty("bg_color")){cns.fillStyle=clockd["bg_color"];}else{cns.fillStyle="#ffffff";}
1450
- cns.rect(0,0,size,size);
1451
- cns.fill();
1452
- cns.closePath();
1453
- if(clockd.hasOwnProperty("bgLoaded") && clockd.bgLoaded==1){if(clockd.hasOwnProperty("bg_opacity")){cns.globalAlpha=clockd["bg_opacity"];cns.drawImage(clockd.bgImage,0,0,size,size);cns.globalAlpha=1;}}
1454
-
1455
- hourstr="";
1456
- if(hour<1){hourstr="0";}
1457
- while(hour>0)
1458
- {
1459
- hourstr=hour%2+hourstr;
1460
- hour=hour-hour%2;
1461
- hour=hour/2;
1462
- }
1463
- if(hourstr.length<6){while(hourstr.length<6){hourstr="0"+hourstr;}}
1464
-
1465
- minstr="";
1466
- if(min<1){minstr="0";}
1467
- while(min>0)
1468
- {
1469
- minstr=min%2+minstr;
1470
- min=min-min%2;
1471
- min=min/2;
1472
- }
1473
- if(minstr.length<6){while(minstr.length<6){minstr="0"+minstr;}}
1474
-
1475
- secstr="";
1476
- if(sec<1){secstr="0";}
1477
- while(sec>0)
1478
- {
1479
- secstr=sec%2+secstr;
1480
- sec=sec-sec%2;
1481
- sec=sec/2;
1482
- }
1483
- if(secstr.length<6){while(secstr.length<6){secstr="0"+secstr;}}
1484
-
1485
- cns.fillStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
1486
- cns.textBaseline="middle";
1487
- cns.textAlign="center";
1488
- cns.font=size/8+"px Courier New";
1489
- cns.fillText(hourstr,(size/2),size/5);
1490
- cns.fillText(minstr,(size/2),size/5*2);
1491
- cns.fillText(secstr,(size/2),size/5*3);
1492
-
1493
- if(clockd.hasOwnProperty("date_add") && clockd.date_add)
1494
- {
1495
- date_add((size/2),size/5*3+size/10, size, cns, clockd);
1496
- }
1497
-
1498
- clockd.timer=setTimeout(function(){clock_binary(size, cns, clockd)},50);
1499
- }
1500
-
1501
- function clock_stop(clockd)
1502
- {
1503
- clearTimeout(clockd.timer);
1504
- }
1505
-
1506
- function clock_loadBG(src, clockd)
1507
- {
1508
- clockd.bgImage = new Image();
1509
- clockd.bgImage.onload = function(){ clockd.bgLoaded=1; };
1510
- clockd.bgImage.src = src;
1511
-
1512
- if(!clockd.hasOwnProperty("bg_opacity")){clockd.bg_opacity=1;}
1513
- }
1514
-
1515
- function indicator(size, cns, clockd)
1516
- {
1517
- if(clockd.hasOwnProperty("indicate_color")){cns.strokeStyle=clockd["indicate_color"];}else{cns.strokeStyle="#333";}
1518
- cns.lineWidth=2;
1519
-
1520
- for(var a=0;a<12;a++)
1521
- {
1522
- var r=parseInt(a)*0.523;
1523
- var calc=Math.cos(r-1.57);
1524
- var y=Math.sin(r-1.57);
1525
-
1526
- if(a%3==0){var ekstra=size/50;}else{var ekstra=0;}
1527
- cns.beginPath();
1528
- cns.moveTo(calc*(size/3+ekstra)+(size/2),y*(size/3+ekstra)+(size/2));
1529
- cns.lineTo(calc*size/3.25+(size/2),y*size/3.25+(size/2));
1530
- cns.stroke();
1531
- cns.fill();
1532
- cns.closePath();
1533
- }
1534
- }
1535
-
1536
- function ycd_time_add(x, y, size, cns, clockd, extraOptions)
1537
- {
1538
- if(!clockd.hasOwnProperty("time_add"))
1539
- {
1540
- return;
1541
- }
1542
- var isClock = true;
1543
- if(extraOptions.mode == 'timer') {
1544
- isClock = false;
1545
- }
1546
-
1547
- var now = ycdGetChangedDateFromTimeZone(extraOptions);
1548
-
1549
- now = new Date(now);
1550
- var time_off=(clockd.hasOwnProperty("timeoffset"))?clockd["timeoffset"]:0;
1551
- now.setTime(now.getTime()+time_off*1000);
1552
- var sec=now.getSeconds();
1553
- var min=now.getMinutes();
1554
- var hour=(clockd.hasOwnProperty("time_24h") && clockd["time_24h"])?now.getHours():now.getHours()%12;
1555
-
1556
- if(!isClock) {
1557
- var parseObj = YcdParseAllSeconds(extraOptions.allSeconds);
1558
- var sec=parseObj.seconds;
1559
- var min=parseObj.minutes;
1560
- var hour=parseObj.hours;
1561
- }
1562
-
1563
- if(isClock) {
1564
- if (hour == 0) {
1565
- hour = 12;
1566
- }
1567
- }
1568
- if(hour<10){hour="0"+hour;}
1569
- if(min<10){min="0"+min;}
1570
- if(sec<10){sec="0"+sec;}
1571
- cns.lineWidth=1;
1572
- cns.fillStyle=(clockd.hasOwnProperty("time_add_color")?clockd["time_add_color"]:"#333");
1573
- cns.textBaseline="middle";
1574
- cns.textAlign="center";
1575
- cns.font=size/15+"px Arial";
1576
-
1577
- switch(parseInt(clockd["time_add"]))
1578
- {
1579
- case 1:
1580
- cns.fillText(hour+":"+min+":"+sec,x,y);
1581
- break;
1582
- case 2:
1583
- cns.fillText(hour+":"+min,x,y);
1584
- break;
1585
- case 3:
1586
- hour=now.getHours();
1587
- if(hour<10){hour="0"+hour;}
1588
- cns.fillText(hour+":"+min+":"+sec,x,y);
1589
- break;
1590
- default:
1591
- hour=now.getHours();
1592
- if(hour<10){hour="0"+hour;}
1593
- cns.fillText(hour+":"+min,x,y);
1594
- }
1595
- }
1596
-
1597
- function ycd_date_add(x, y, size, cns, clockd, extraOptions)
1598
- {
1599
- if(!clockd.hasOwnProperty("date_add"))
1600
- {
1601
- return;
1602
- }
1603
-
1604
- var now = ycdGetChangedDateFromTimeZone(extraOptions);
1605
- var time_off=(clockd.hasOwnProperty("timeoffset"))?clockd["timeoffset"]:0;
1606
- now.setTime(now.getTime()+time_off*1000);
1607
- var day=now.getDate();
1608
- var year=now.getFullYear();
1609
- var month=now.getMonth()+1;
1610
-
1611
- if((month)<10){month="0"+(month);}
1612
- if(day<10){day="0"+day;}
1613
-
1614
- cns.lineWidth=1;
1615
- cns.fillStyle=clockd["date_add_color"];
1616
- cns.textBaseline="middle";
1617
- cns.textAlign="center";
1618
- cns.font=size/20+"px Arial";
1619
-
1620
- switch(parseInt(clockd["date_add"]))
1621
- {
1622
- case 1:
1623
- cns.fillText(day+"/"+month+"/"+year,x,y);
1624
- break;
1625
- case 2:
1626
- cns.fillText(month+"/"+day+"/"+year,x,y);
1627
- break;
1628
- case 3:
1629
- day=now.getDay();
1630
- cns.fillText(day_arr[day],x,y);
1631
- break;
1632
- case 4:
1633
- month=now.getMonth();
1634
- cns.fillText(month_arr[month]+" "+day,x,y);
1635
- break;
1636
- default:
1637
- month=now.getMonth();
1638
- cns.fillText(day+" "+month_arr[month],x,y);
1639
- }
1640
- }
1641
-
1642
- function convertUTCDateToLocalDate(utcDate) {
1643
- var formattedDate = utcDate.getMonth()+1+'-'+utcDate.getDate()+'-'+utcDate.getFullYear();
1644
- var hours = utcDate.getHours();
1645
- var minutes = utcDate.getMinutes();
1646
- var seconds = utcDate.getSeconds();
1647
- var newDate = new Date(formattedDate + ' ' + hours + ':' + minutes+":"+seconds+" UTC");
1648
- return newDate;
1649
- }
1650
-
1651
- function ycdGetChangedDateFromTimeZone(extraOptions) {
1652
- var currentDate = moment()._d;
1653
- if (extraOptions && extraOptions.timeZone != null && extraOptions.timeZone) {
1654
-
1655
- currentDate = moment().tz(extraOptions.timeZone).format('MM/DD/YYYY H:m:s');
1656
- }
1657
-
1658
- now = new Date(currentDate);
1659
-
1660
- return now;
1
+ /*
2
+ * Name: canvas_clock.js
3
+ * Author: Michael Kruger
4
+ * Brief:
5
+ *
6
+ * This is a canvas based library with 15 different clocks that can be embedded in webpages.
7
+ * For more info please visit: www.krugaroo.com#canvasClock
8
+ *
9
+ * Copyright 2016 Krugaroo
10
+ * More Info: www.krugaroo.com#canvasClock
11
+ *
12
+ * License: MIT License
13
+ *
14
+ * Copyright (c) 2016 Michael Kruger, Krugaroo
15
+ *
16
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
17
+ * of this software and associated documentation files (the "Software"), to deal
18
+ * in the Software without restriction, including without limitation the rights
19
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
20
+ * copies of the Software, and to permit persons to whom the Software is
21
+ * furnished to do so, subject to the following conditions:
22
+ *
23
+ * The above copyright notice and this permission notice shall be included in
24
+ * all copies or substantial portions of the Software.
25
+ *
26
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
27
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
28
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
29
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
30
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
31
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
32
+ * THE SOFTWARE.
33
+ */
34
+
35
+ day_arr=["Sunday", "Monday", "Tuesday","Wednesday","Thursday","Friday","Saturday"];
36
+ month_arr=["January","February","March","April","May","June","July","August","September","October","November","December"];
37
+
38
+ function YcdParseAllSeconds(allSeconds) {
39
+ var hours = 0;
40
+ var minutes = 0;
41
+ var seconds = 0;
42
+ if (allSeconds > 3600) {
43
+ var remain = parseInt(allSeconds%3600);
44
+ hours = (allSeconds-remain)/3600;
45
+ allSeconds -= hours*3600;
46
+ }
47
+ if (allSeconds > 60) {
48
+ seconds = parseInt(allSeconds%60);
49
+ minutes = (allSeconds-seconds)/60
50
+ }
51
+ else {
52
+ seconds = allSeconds;
53
+ }
54
+ var obj = {
55
+ hours: hours,
56
+ minutes: minutes,
57
+ seconds: seconds
58
+ };
59
+
60
+ return obj;
61
+ };
62
+
63
+ function YcdClockTimerExpireBehavior(options) {
64
+ var behavior = options['ycd-countdown-expire-behavior'];
65
+ var id = options['id'];
66
+
67
+ if(behavior == 'default') {
68
+ window.ycdClockStetting[id].stopTimer = true;
69
+ }
70
+ if(behavior == 'hideCountdown') {
71
+ jQuery('.ycd-countdown-wrapper canvas').remove();
72
+ clearTimeout(window.YcdClockTimout);
73
+ }
74
+ if(behavior == 'countToUp') {
75
+ window.ycdClockStetting[id].countUp = true;
76
+ }
77
+ if(behavior == 'showText') {
78
+ jQuery('.ycd-countdown-'+options['id']+'-wrapper canvas').replaceWith(options['ycd-expire-text']);
79
+ }
80
+ if(behavior == 'redirectToURL') {
81
+ var url = options['ycd-expire-url'];
82
+ window.location.href = url;
83
+ }
84
+ }
85
+
86
+ function ycdClockConti(size, cns, clockd, extraOptions)
87
+ {
88
+ cns.clearRect(0,0,size,size);
89
+ var isClock = true;
90
+
91
+ if(extraOptions.mode == 'timer') {
92
+ isClock = false;
93
+ }
94
+
95
+ cns.beginPath();
96
+ if(clockd.hasOwnProperty("bg_color")){cns.fillStyle=clockd["bg_color"];}else{cns.fillStyle="#ffffff";}
97
+ cns.rect(0,0,size,size);
98
+ cns.fill();
99
+ cns.closePath();
100
+ if(clockd.hasOwnProperty("bgLoaded") && clockd.bgLoaded==1){if(clockd.hasOwnProperty("bg_opacity")){cns.globalAlpha=clockd["bg_opacity"];cns.drawImage(clockd.bgImage,0,0,size,size);cns.globalAlpha=1;}}
101
+
102
+ if((clockd.hasOwnProperty("indicate") && clockd.indicate==true) || !clockd.hasOwnProperty("indicate"))
103
+ {
104
+ indicator(size, cns, clockd);
105
+ }
106
+
107
+ if(clockd.hasOwnProperty("time_add") && clockd.time_add)
108
+ {
109
+ ycd_time_add((size/2),size/5*3, size, cns, clockd, extraOptions);
110
+ }
111
+
112
+ if(clockd.hasOwnProperty("date_add") && clockd.date_add)
113
+ {
114
+ ycd_date_add((size/2),size/5*3+size/10, size, cns, clockd, extraOptions);
115
+ }
116
+
117
+ var now = ycdGetChangedDateFromTimeZone(extraOptions);
118
+
119
+ var time_off=(clockd.hasOwnProperty("timeoffset"))?clockd["timeoffset"]:0;
120
+ now.setTime(now.getTime()+time_off*1000);
121
+ var milisec=now.getMilliseconds();
122
+ var sec=now.getSeconds();
123
+ var min=now.getMinutes();
124
+ var hour=now.getHours()%12;
125
+
126
+ if(!isClock) {
127
+ var parseObj = YcdParseAllSeconds(extraOptions.allSeconds);
128
+ var sec=parseObj.seconds;
129
+ var min=parseObj.minutes;
130
+ var hour=parseObj.hours;
131
+ }
132
+
133
+ cns.fillStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
134
+ cns.strokeStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
135
+ cns.lineCap="round";
136
+
137
+ cns.beginPath();
138
+ cns.lineWidth=1;
139
+ cns.moveTo((size/2),(size/2));
140
+ cns.arc((size/2),(size/2),size/3,-1.57+sec*0.1046+milisec/1000*0.1046,-1.569+sec*0.1046+milisec/1000*0.1046,0);
141
+ cns.stroke();
142
+ cns.closePath();
143
+
144
+ cns.beginPath();
145
+ cns.lineWidth=1;
146
+ cns.moveTo((size/2),(size/2));
147
+ cns.arc((size/2),(size/2),size/15,1.57+sec*0.1046+milisec/1000*0.1046,1.569+sec*0.1046+milisec/1000*0.1046,1);
148
+ cns.stroke();
149
+ cns.closePath();
150
+
151
+ cns.fillStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
152
+ cns.strokeStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
153
+ cns.lineCap="round";
154
+
155
+ cns.beginPath();
156
+ cns.lineWidth=2;
157
+ cns.moveTo((size/2),(size/2));
158
+ cns.arc((size/2),(size/2),size/3,-1.57+min*0.1046+sec/60*0.1046,-1.569+min*0.1046+sec/60*0.1046,0);
159
+ cns.stroke();
160
+ cns.closePath();
161
+
162
+ cns.fillStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
163
+ cns.strokeStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
164
+ cns.lineCap="round";
165
+
166
+ cns.beginPath();
167
+ cns.lineWidth=3;
168
+ cns.moveTo((size/2),(size/2));
169
+ cns.arc((size/2),(size/2),size/4,-1.57+hour*0.523+min/60*0.523,-1.569+hour*0.523+min/60*0.523,0);
170
+ cns.stroke();
171
+ cns.closePath();
172
+
173
+ cns.fillStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
174
+ cns.strokeStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
175
+ cns.lineCap="round";
176
+
177
+ cns.beginPath();
178
+ cns.lineWidth=2;
179
+ cns.arc((size/2),(size/2),size/80,0,6.28,0);
180
+ cns.fill();
181
+ cns.closePath();
182
+
183
+ var intervalSec = 50;
184
+ if(!isClock) {
185
+ if(!window.ycdClockStetting[extraOptions.options['id']].countUp) {
186
+ extraOptions.allSeconds -= 1;
187
+ }
188
+ else {
189
+ extraOptions.allSeconds += 1;
190
+ }
191
+
192
+ intervalSec = 1000;
193
+ }
194
+ var stoSecond = -1;
195
+ if(extraOptions.options['ycd-countdown-expire-behavior'] == 'countToUp') {
196
+ stoSecond = 0;
197
+ }
198
+ if(!isClock && extraOptions.allSeconds == stoSecond) {
199
+ YcdClockTimerExpireBehavior(extraOptions.options);
200
+ if (window.ycdClockStetting[extraOptions.options['id']].stopTimer) {
201
+ return false
202
+ }
203
+ }
204
+
205
+ window.YcdClockTimout = clockd.timer=setTimeout(function(){ycdClockConti(size, cns, clockd, extraOptions)}, intervalSec);
206
+ }
207
+
208
+ function ycdDigitalClock(size, cns, clockd, extraOptions)
209
+ {
210
+ var isClock = true;
211
+
212
+ if(extraOptions.mode == 'timer') {
213
+ isClock = false;
214
+ }
215
+
216
+ var now = ycdGetChangedDateFromTimeZone(extraOptions);
217
+ var time_off=(clockd.hasOwnProperty("timeoffset"))?clockd["timeoffset"]:0;
218
+ now.setTime(now.getTime()+time_off*1000);
219
+ var milisec=now.getMilliseconds();
220
+ var sec=now.getSeconds();
221
+ var min=now.getMinutes();
222
+ var hour=(clockd.hasOwnProperty("time_24h") && clockd["time_24h"])?now.getHours():now.getHours()%12;
223
+
224
+ if(!isClock) {
225
+ var parseObj = YcdParseAllSeconds(extraOptions.allSeconds);
226
+ var sec=parseObj.seconds;
227
+ var min=parseObj.minutes;
228
+ var hour=parseObj.hours;
229
+ }
230
+
231
+ cns.clearRect(0,0,size,size);
232
+
233
+ cns.beginPath();
234
+ if(clockd.hasOwnProperty("bg_color")){cns.fillStyle=clockd["bg_color"];}else{cns.fillStyle="#ffffff";}
235
+ cns.rect(0,0,size,size);
236
+ cns.fill();
237
+ cns.closePath();
238
+ if(clockd.hasOwnProperty("bgLoaded") && clockd.bgLoaded==1){if(clockd.hasOwnProperty("bg_opacity")){cns.globalAlpha=clockd["bg_opacity"];cns.drawImage(clockd.bgImage,0,0,size,size);cns.globalAlpha=1;}}
239
+
240
+ if(hour<10){hour="0"+hour;}
241
+ if(min<10){min="0"+min;}
242
+ if(sec<10){sec="0"+sec;}
243
+ cns.fillStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333";
244
+ cns.textBaseline="middle";
245
+ cns.textAlign="center";
246
+ cns.font=size/8+"px Arial";
247
+ cns.fillText(hour+":"+min+":"+sec,(size/2),size/2.5);
248
+
249
+ if(clockd.hasOwnProperty("date_add") && clockd.date_add)
250
+ {
251
+ ycd_date_add((size/2),size/5*3+size/10,size,cns, clockd, extraOptions);
252
+ }
253
+
254
+ var intervalSec = 50;
255
+ if(!isClock) {
256
+ if(!window.ycdClockStetting[extraOptions.options['id']].countUp) {
257
+ extraOptions.allSeconds -= 1;
258
+ }
259
+ else {
260
+ extraOptions.allSeconds += 1;
261
+ }
262
+
263
+ intervalSec = 1000;
264
+ }
265
+ var stoSecond = -1;
266
+ if(extraOptions.options['ycd-countdown-expire-behavior'] == 'countToUp') {
267
+ stoSecond = 0;
268
+ }
269
+ if(!isClock && extraOptions.allSeconds == stoSecond) {
270
+ YcdClockTimerExpireBehavior(extraOptions.options);
271
+ if (window.ycdClockStetting[extraOptions.options['id']].stopTimer) {
272
+ return false
273
+ }
274
+ }
275
+
276
+ window.YcdClockTimout = clockd.timer=setTimeout(function(){ycdDigitalClock(size, cns, clockd, extraOptions)},intervalSec);
277
+ }
278
+
279
+ function clock_reverse(size, cns, clockd)
280
+ {
281
+ cns.clearRect(0,0,size,size);
282
+
283
+ cns.beginPath();
284
+ if(clockd.hasOwnProperty("bg_color")){cns.fillStyle=clockd["bg_color"];}else{cns.fillStyle="#ffffff";}
285
+ cns.rect(0,0,size,size);
286
+ cns.fill();
287
+ cns.closePath();
288
+ if(clockd.hasOwnProperty("bgLoaded") && clockd.bgLoaded==1){if(clockd.hasOwnProperty("bg_opacity")){cns.globalAlpha=clockd["bg_opacity"];cns.drawImage(clockd.bgImage,0,0,size,size);cns.globalAlpha=1;}}
289
+
290
+ if((clockd.hasOwnProperty("indicate") && clockd.indicate==true) || !clockd.hasOwnProperty("indicate"))
291
+ {
292
+ indicator(size, cns, clockd);
293
+ }
294
+
295
+ if(clockd.hasOwnProperty("time_add") && clockd.time_add)
296
+ {
297
+ ycd_time_add((size/2),size/5*3, size, cns, clockd);
298
+ }
299
+
300
+ if(clockd.hasOwnProperty("date_add") && clockd.date_add)
301
+ {
302
+ date_add((size/2),size/5*3+size/10, size, cns, clockd);
303
+ }
304
+
305
+ var now=new Date();
306
+ var time_off=(clockd.hasOwnProperty("timeoffset"))?clockd["timeoffset"]:0;
307
+ now.setTime(now.getTime()+time_off*1000);
308
+ var milisec=now.getMilliseconds();
309
+ var sec=now.getSeconds();
310
+ var min=now.getMinutes();
311
+ var hour=now.getHours()%12;
312
+
313
+ cns.fillStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
314
+ cns.strokeStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
315
+ cns.lineCap="round";
316
+
317
+ cns.beginPath();
318
+ cns.lineWidth=1;
319
+ cns.moveTo((size/2),(size/2));
320
+ cns.arc((size/2),(size/2),size/3,-1.57-sec*0.1046,-1.569-sec*0.1046,0);
321
+ cns.stroke();
322
+ cns.closePath();
323
+
324
+ cns.beginPath();
325
+ cns.lineWidth=1;
326
+ cns.moveTo((size/2),(size/2));
327
+ cns.arc((size/2),(size/2),size/15,1.57-sec*0.1046,1.569-sec*0.1046,1);
328
+ cns.stroke();
329
+ cns.closePath();
330
+
331
+ cns.fillStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
332
+ cns.strokeStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
333
+ cns.lineCap="round";
334
+
335
+ cns.beginPath();
336
+ cns.lineWidth=2;
337
+ cns.moveTo((size/2),(size/2));
338
+ cns.arc((size/2),(size/2),size/3,-1.57-min*0.1046,-1.569-min*0.1046,0);
339
+ cns.stroke();
340
+ cns.closePath();
341
+
342
+ cns.fillStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
343
+ cns.strokeStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
344
+ cns.lineCap="round";
345
+
346
+ cns.beginPath();
347
+ cns.lineWidth=3;
348
+ cns.moveTo((size/2),(size/2));
349
+ cns.arc((size/2),(size/2),size/4,-1.57-hour*0.523-min/60*0.523,-1.569-hour*0.523-min/60*0.523,0);
350
+ cns.stroke();
351
+ cns.closePath();
352
+
353
+ cns.fillStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
354
+ cns.strokeStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
355
+ cns.lineCap="round";
356
+
357
+ cns.beginPath();
358
+ cns.lineWidth=2;
359
+ cns.arc((size/2),(size/2),size/80,0,6.28,0);
360
+ cns.fill();
361
+ cns.closePath();
362
+
363
+ clockd.timer=setTimeout(function(){clock_reverse(size, cns, clockd)},50);
364
+ }
365
+
366
+ function clock_norm(size, cns, clockd)
367
+ {
368
+ var br=[60,120,180];
369
+ var r2=[10,20,30];
370
+ var r3=[40,80,120];
371
+ var r4=[4,5,7];
372
+
373
+ cns.clearRect(0,0,size,size);
374
+
375
+ cns.beginPath();
376
+ if(clockd.hasOwnProperty("bg_color")){cns.fillStyle=clockd["bg_color"];}else{cns.fillStyle="#ffffff";}
377
+ cns.rect(0,0,size,size);
378
+ cns.fill();
379
+ cns.closePath();
380
+ if(clockd.hasOwnProperty("bgLoaded") && clockd.bgLoaded==1){if(clockd.hasOwnProperty("bg_opacity")){cns.globalAlpha=clockd["bg_opacity"];cns.drawImage(clockd.bgImage,0,0,size,size);cns.globalAlpha=1;}}
381
+
382
+ if((clockd.hasOwnProperty("indicate") && clockd.indicate==true) || !clockd.hasOwnProperty("indicate"))
383
+ {
384
+ indicator(size, cns, clockd);
385
+ }
386
+
387
+ if(clockd.hasOwnProperty("time_add") && clockd.time_add)
388
+ {
389
+ ycd_time_add((size/2),size/5*3, size, cns, clockd);
390
+ }
391
+
392
+ if(clockd.hasOwnProperty("date_add") && clockd.date_add)
393
+ {
394
+ date_add((size/2),size/5*3+size/10, size, cns, clockd);
395
+ }
396
+
397
+ var now=new Date();
398
+ var time_off=(clockd.hasOwnProperty("timeoffset"))?clockd["timeoffset"]:0;
399
+ now.setTime(now.getTime()+time_off*1000);
400
+ var milisec=now.getMilliseconds();
401
+ var sec=now.getSeconds();
402
+ var min=now.getMinutes();
403
+ var hour=now.getHours()%12;
404
+
405
+ cns.fillStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
406
+ cns.strokeStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
407
+ cns.lineCap="round";
408
+
409
+ cns.beginPath();
410
+ cns.lineWidth=1;
411
+ cns.moveTo((size/2),(size/2));
412
+ cns.arc((size/2),(size/2),size/3,-1.57+sec*0.1046,-1.569+sec*0.1046,0);
413
+ cns.stroke();
414
+ cns.closePath();
415
+
416
+ cns.beginPath();
417
+ cns.lineWidth=1;
418
+ cns.moveTo((size/2),(size/2));
419
+ cns.arc((size/2),(size/2),size/15,1.57+sec*0.1046,1.569+sec*0.1046,1);
420
+ cns.stroke();
421
+ cns.closePath();
422
+
423
+ cns.fillStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
424
+ cns.strokeStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
425
+ cns.lineCap="round";
426
+
427
+ cns.beginPath();
428
+ cns.lineWidth=2;
429
+ cns.moveTo((size/2),(size/2));
430
+ cns.arc((size/2),(size/2),size/3,-1.57+min*0.1046,-1.569+min*0.1046,0);
431
+ cns.stroke();
432
+ cns.closePath();
433
+
434
+ cns.fillStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
435
+ cns.strokeStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
436
+ cns.lineCap="round";
437
+
438
+ cns.beginPath();
439
+ cns.lineWidth=3;
440
+ cns.moveTo((size/2),(size/2));
441
+ cns.arc((size/2),(size/2),size/4,-1.57+hour*0.523+min/60*0.523,-1.569+hour*0.523+min/60*0.523,0);
442
+ cns.stroke();
443
+ cns.closePath();
444
+
445
+ cns.fillStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
446
+ cns.strokeStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
447
+ cns.lineCap="round";
448
+
449
+ cns.beginPath();
450
+ cns.lineWidth=2;
451
+ cns.arc((size/2),(size/2),size/60,0,6.28,0);
452
+ cns.fill();
453
+ cns.closePath();
454
+
455
+ clockd.timer=setTimeout(function(){clock_norm(size, cns, clockd)},50);
456
+ }
457
+
458
+ function ycdClockFollow(size, cns, clockd, extraOptions)
459
+ {
460
+ cns.clearRect(0,0,size,size);
461
+ var isClock = true;
462
+
463
+ if(extraOptions.mode == 'timer') {
464
+ isClock = false;
465
+ }
466
+
467
+ cns.beginPath();
468
+ if(clockd.hasOwnProperty("bg_color")){cns.fillStyle=clockd["bg_color"];}else{cns.fillStyle="#ffffff";}
469
+ cns.rect(0,0,size,size);
470
+ cns.fill();
471
+ cns.closePath();
472
+ if(clockd.hasOwnProperty("bgLoaded") && clockd.bgLoaded==1){if(clockd.hasOwnProperty("bg_opacity")){cns.globalAlpha=clockd["bg_opacity"];cns.drawImage(clockd.bgImage,0,0,size,size);cns.globalAlpha=1;}}
473
+
474
+ if((clockd.hasOwnProperty("indicate") && clockd.indicate==true) || !clockd.hasOwnProperty("indicate"))
475
+ {
476
+ indicator(size, cns, clockd);
477
+ }
478
+
479
+ var now = ycdGetChangedDateFromTimeZone(extraOptions);
480
+ var time_off=(clockd.hasOwnProperty("timeoffset"))?clockd["timeoffset"]:0;
481
+ now.setTime(now.getTime()+time_off*1000);
482
+ var milisec=now.getMilliseconds();
483
+ var sec=now.getSeconds();
484
+ var min=now.getMinutes();
485
+ var hour=now.getHours()%12;
486
+
487
+ if(!isClock) {
488
+ var parseObj = YcdParseAllSeconds(extraOptions.allSeconds);
489
+ var sec=parseObj.seconds;
490
+ var min=parseObj.minutes;
491
+ var hour=parseObj.hours;
492
+ }
493
+
494
+ cns.fillStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
495
+ cns.strokeStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
496
+ cns.lineCap="round";
497
+
498
+ cns.beginPath();
499
+ cns.lineWidth=1;
500
+ cns.arc((size/2),(size/2),size/3,-1.57,-1.569+sec*0.1046+milisec/1000*0.1046,0);
501
+ cns.lineTo((size/2),(size/2));
502
+ cns.stroke();
503
+ cns.closePath();
504
+
505
+ cns.beginPath();
506
+ cns.lineWidth=1;
507
+ cns.moveTo((size/2),(size/2));
508
+ cns.arc((size/2),(size/2),size/17,1.57+sec*0.1046+milisec/1000*0.1046,1.569+sec*0.1046+milisec/1000*0.1046,1);
509
+ cns.stroke();
510
+ cns.closePath();
511
+
512
+ cns.fillStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
513
+ cns.strokeStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
514
+ cns.beginPath();
515
+ cns.lineWidth=2;
516
+ cns.arc((size/2),(size/2),size/3.5,-1.57,-1.569+min*0.1046+sec/60*0.1046,0);
517
+ cns.lineTo((size/2),(size/2));
518
+ cns.stroke();
519
+ cns.closePath();
520
+
521
+ cns.fillStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
522
+ cns.strokeStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
523
+ cns.beginPath();
524
+ cns.lineWidth=2;
525
+ cns.arc((size/2),(size/2),size/4.5,-1.57,-1.569+hour*0.523+min/60*0.523,0);
526
+ cns.lineTo((size/2),(size/2));
527
+ cns.stroke();
528
+ cns.closePath();
529
+
530
+ cns.beginPath();
531
+ cns.lineWidth=2;
532
+ cns.arc((size/2),(size/2),size/60,0,6.28,0);
533
+ cns.fill();
534
+ cns.closePath();
535
+
536
+ if(clockd.hasOwnProperty("time_add") && clockd.time_add)
537
+ {
538
+ ycd_time_add((size/2),size/5*3, size, cns, clockd, extraOptions);
539
+ }
540
+
541
+ if(clockd.hasOwnProperty("date_add") && clockd.date_add)
542
+ {
543
+ ycd_date_add((size/2),size/5*3+size/15, size, cns, clockd, extraOptions);
544
+ }
545
+
546
+ var intervalSec = 50;
547
+ if(!isClock) {
548
+ if(!window.ycdClockStetting[extraOptions.options['id']].countUp) {
549
+ extraOptions.allSeconds -= 1;
550
+ }
551
+ else {
552
+ extraOptions.allSeconds += 1;
553
+ }
554
+
555
+ intervalSec = 1000;
556
+ }
557
+ var stoSecond = -1;
558
+ if(extraOptions.options['ycd-countdown-expire-behavior'] == 'countToUp') {
559
+ stoSecond = 0;
560
+ }
561
+ if(!isClock && extraOptions.allSeconds == stoSecond) {
562
+ YcdClockTimerExpireBehavior(extraOptions.options);
563
+ if (window.ycdClockStetting[extraOptions.options['id']].stopTimer) {
564
+ return false
565
+ }
566
+ }
567
+
568
+ window.YcdClockTimout = clockd.timer=setTimeout(function(){ycdClockFollow(size, cns, clockd, extraOptions)},intervalSec);
569
+ }
570
+
571
+ function ycdClockCircles(size, cns, clockd, extraOptions)
572
+ {
573
+ cns.clearRect(0,0,size,size);
574
+ var isClock = true;
575
+ if(extraOptions.mode == 'timer') {
576
+ isClock = false;
577
+ }
578
+
579
+ cns.beginPath();
580
+ if(clockd.hasOwnProperty("bg_color")){cns.fillStyle=clockd["bg_color"];}else{cns.fillStyle="#ffffff";}
581
+ cns.rect(0,0,size,size);
582
+ cns.fill();
583
+ cns.closePath();
584
+ if(clockd.hasOwnProperty("bgLoaded") && clockd.bgLoaded==1){if(clockd.hasOwnProperty("bg_opacity")){cns.globalAlpha=clockd["bg_opacity"];cns.drawImage(clockd.bgImage,0,0,size,size);cns.globalAlpha=1;}}
585
+
586
+ if((clockd.hasOwnProperty("indicate") && clockd.indicate==true) || !clockd.hasOwnProperty("indicate"))
587
+ {
588
+ indicator(size, cns, clockd);
589
+ }
590
+
591
+ var now = ycdGetChangedDateFromTimeZone(extraOptions);
592
+ var time_off=(clockd.hasOwnProperty("timeoffset"))?clockd["timeoffset"]:0;
593
+ now.setTime(now.getTime()+time_off*1000);
594
+ var milisec=now.getMilliseconds();
595
+ var sec=now.getSeconds();
596
+ var min=now.getMinutes();
597
+ var hour=now.getHours()%12;
598
+
599
+ if(!isClock) {
600
+ var parseObj = YcdParseAllSeconds(extraOptions.allSeconds);
601
+ var sec=parseObj.seconds;
602
+ var min=parseObj.minutes;
603
+ var hour=parseObj.hours;
604
+ }
605
+
606
+ cns.fillStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
607
+ cns.strokeStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
608
+ cns.lineCap="round";
609
+ cns.beginPath();
610
+ cns.moveTo((size/2),(size/2));
611
+ cns.arc((size/2),(size/2),size/3,-1.57,-1.569+sec*0.1046+milisec/1000*0.1046,0);
612
+ cns.lineTo((size/2),(size/2));
613
+ cns.fill();
614
+ cns.closePath();
615
+
616
+ cns.fillStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
617
+ cns.strokeStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
618
+ cns.lineCap="round";
619
+ cns.beginPath();
620
+ cns.moveTo((size/2),(size/2));
621
+ cns.arc((size/2),(size/2),size/3.5,-1.57,-1.569+min*0.1046+sec/60*0.1046,0);
622
+ cns.lineTo((size/2),(size/2));
623
+ cns.fill();
624
+ cns.closePath();
625
+
626
+ cns.fillStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
627
+ cns.strokeStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
628
+ cns.lineCap="round";
629
+ cns.beginPath();
630
+ cns.moveTo((size/2),(size/2));
631
+ cns.arc((size/2),(size/2),size/4.5,-1.57,-1.569+hour*0.523+min/60*0.523,0);
632
+ cns.lineTo((size/2),(size/2));
633
+ cns.fill();
634
+ cns.closePath();
635
+
636
+ if(clockd.hasOwnProperty("time_add") && clockd.time_add)
637
+ {
638
+ ycd_time_add((size/2),size/6*3, size, cns, clockd, extraOptions);
639
+ }
640
+
641
+ if(clockd.hasOwnProperty("date_add") && clockd.date_add)
642
+ {
643
+ ycd_date_add((size/2),size/6*3+size/10, size, cns, clockd, extraOptions);
644
+ }
645
+
646
+ var intervalSec = 50;
647
+ if(!isClock) {
648
+ if(!window.ycdClockStetting[extraOptions.options['id']].countUp) {
649
+ extraOptions.allSeconds -= 1;
650
+ }
651
+ else {
652
+ extraOptions.allSeconds += 1;
653
+ }
654
+
655
+ intervalSec = 1000;
656
+ }
657
+ var stoSecond = -1;
658
+ if(extraOptions.options['ycd-countdown-expire-behavior'] == 'countToUp') {
659
+ stoSecond = 0;
660
+ }
661
+ if(!isClock && extraOptions.allSeconds == stoSecond) {
662
+ YcdClockTimerExpireBehavior(extraOptions.options);
663
+ if (window.ycdClockStetting[extraOptions.options['id']].stopTimer) {
664
+ return false
665
+ }
666
+ }
667
+
668
+ window.YcdClockTimout = clockd.timer=setTimeout(function(){ycdClockCircles(size, cns, clockd, extraOptions)},intervalSec);
669
+ }
670
+
671
+ function clock_grow(size, cns, clockd)
672
+ {
673
+ cns.clearRect(0,0,size,size);
674
+
675
+ cns.beginPath();
676
+ if(clockd.hasOwnProperty("bg_color")){cns.fillStyle=clockd["bg_color"];}else{cns.fillStyle="#ffffff";}
677
+ cns.rect(0,0,size,size);
678
+ cns.fill();
679
+ cns.closePath();
680
+ if(clockd.hasOwnProperty("bgLoaded") && clockd.bgLoaded==1){if(clockd.hasOwnProperty("bg_opacity")){cns.globalAlpha=clockd["bg_opacity"];cns.drawImage(clockd.bgImage,0,0,size,size);cns.globalAlpha=1;}}
681
+
682
+ if((clockd.hasOwnProperty("indicate") && clockd.indicate==true) || !clockd.hasOwnProperty("indicate"))
683
+ {
684
+ indicator(size, cns, clockd);
685
+ }
686
+
687
+ if(clockd.hasOwnProperty("time_add") && clockd.time_add)
688
+ {
689
+ ycd_time_add((size/2),size/5*3, size, cns, clockd);
690
+ }
691
+
692
+ if(clockd.hasOwnProperty("date_add") && clockd.date_add)
693
+ {
694
+ date_add((size/2),size/5*3+size/10, size, cns, clockd);
695
+ }
696
+
697
+ var now=new Date();
698
+ var time_off=(clockd.hasOwnProperty("timeoffset"))?clockd["timeoffset"]:0;
699
+ now.setTime(now.getTime()+time_off*1000);
700
+ var milisec=now.getMilliseconds();
701
+ var sec=now.getSeconds();
702
+ var min=now.getMinutes();
703
+ var hour=now.getHours()%12;
704
+
705
+ cns.fillStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
706
+ cns.strokeStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
707
+ cns.lineCap="round";
708
+ cns.beginPath();
709
+ cns.lineWidth=1;
710
+ cns.moveTo((size/2),(size/2));
711
+ cns.arc((size/2),(size/2),sec*size/200+size/15,-1.57+sec*0.1046+milisec/1000*0.1046,-1.569+sec*0.1046+milisec/1000*0.1046,0);
712
+ cns.stroke();
713
+ cns.closePath();
714
+
715
+ cns.fillStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
716
+ cns.strokeStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
717
+ cns.lineCap="round";
718
+ cns.lineWidth=1;
719
+ cns.moveTo((size/2),(size/2));
720
+ cns.arc((size/2),(size/2),min*size/200+sec/60*size/200+size/15,-1.57+min*0.1046+sec/60*0.1046,-1.569+min*0.1046+sec/60*0.1046,0);
721
+ cns.stroke();
722
+ cns.closePath();
723
+
724
+ cns.fillStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
725
+ cns.strokeStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
726
+ cns.lineCap="round";
727
+ cns.lineWidth=2;
728
+ cns.moveTo((size/2),(size/2));
729
+ cns.arc((size/2),(size/2),hour*size/200*3+min/60*size/200*3+size/15,-1.57+hour*0.523+min/60*0.523,-1.569+hour*0.523+min/60*0.523,0);
730
+ cns.stroke();
731
+ cns.closePath();
732
+
733
+ cns.beginPath();
734
+ cns.lineWidth=2;
735
+ cns.arc((size/2),(size/2),size/60,0,6.28,0);
736
+ cns.fill();
737
+ cns.closePath();
738
+
739
+ clockd.timer=setTimeout(function(){clock_grow(size, cns, clockd)},50);
740
+ }
741
+
742
+ function ycdClockDots(size, cns, clockd,extraOptions)
743
+ {
744
+ cns.clearRect(0,0,size,size);
745
+ var isClock = true;
746
+
747
+ if(extraOptions.mode == 'timer') {
748
+ isClock = false;
749
+ }
750
+
751
+ cns.beginPath();
752
+ if(clockd.hasOwnProperty("bg_color")){cns.fillStyle=clockd["bg_color"];}else{cns.fillStyle="#ffffff";}
753
+ cns.rect(0,0,size,size);
754
+ cns.fill();
755
+ cns.closePath();
756
+ if(clockd.hasOwnProperty("bgLoaded") && clockd.bgLoaded==1){if(clockd.hasOwnProperty("bg_opacity")){cns.globalAlpha=clockd["bg_opacity"];cns.drawImage(clockd.bgImage,0,0,size,size);cns.globalAlpha=1;}}
757
+
758
+ if((clockd.hasOwnProperty("indicate") && clockd.indicate==true) || !clockd.hasOwnProperty("indicate"))
759
+ {
760
+ indicator(size, cns, clockd);
761
+ }
762
+
763
+ if(clockd.hasOwnProperty("time_add") && clockd.time_add)
764
+ {
765
+ ycd_time_add((size/2),size/6*3, size, cns, clockd, extraOptions);
766
+ }
767
+
768
+ if(clockd.hasOwnProperty("date_add") && clockd.date_add)
769
+ {
770
+ ycd_date_add((size/2),size/6*3+size/10, size, cns, clockd, extraOptions);
771
+ }
772
+
773
+ var now = ycdGetChangedDateFromTimeZone(extraOptions);
774
+ var time_off=(clockd.hasOwnProperty("timeoffset"))?clockd["timeoffset"]:0;
775
+ now.setTime(now.getTime()+time_off*1000);
776
+ var milisec=now.getMilliseconds();
777
+ var sec=now.getSeconds();
778
+ var min=now.getMinutes();
779
+ var hour=now.getHours()%12;
780
+
781
+ if(!isClock) {
782
+ var parseObj = YcdParseAllSeconds(extraOptions.allSeconds);
783
+ var sec=parseObj.seconds;
784
+ var min=parseObj.minutes;
785
+ var hour=parseObj.hours;
786
+ }
787
+
788
+ cns.fillStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
789
+ cns.strokeStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
790
+ cns.lineCap="round";
791
+ for(var a=0;a<(sec+1);a++)
792
+ {
793
+ var r=parseInt(a)*0.1046;
794
+ var calc=Math.cos(r-1.57)*(size/2.8);
795
+ var y=Math.sin(r-1.57)*(size/2.8);
796
+
797
+ cns.beginPath();
798
+ cns.arc(calc+(size/2),y+(size/2),size/100,0,6.28,0);
799
+ cns.fill();
800
+ cns.closePath();
801
+ }
802
+
803
+ cns.fillStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
804
+ cns.strokeStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
805
+ cns.lineCap="round";
806
+
807
+ for(var a=0;a<(min+1);a++)
808
+ {
809
+ var r=parseInt(a)*0.1046;
810
+ var calc=Math.cos(r-1.57)*(size/3.4);
811
+ var y=Math.sin(r-1.57)*(size/3.4);
812
+
813
+ cns.beginPath();
814
+ cns.arc(calc+(size/2),y+(size/2),size/100,0,6.28,0);
815
+ cns.fill();
816
+ cns.closePath();
817
+ }
818
+
819
+ cns.fillStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
820
+ cns.strokeStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
821
+ cns.lineCap="round";
822
+
823
+ for(var a=0;a<(hour+1);a++)
824
+ {
825
+ var r=parseInt(a)*0.523;
826
+ var calc=Math.cos(r-1.57)*(size/4.5);
827
+ var y=Math.sin(r-1.57)*(size/4.5);
828
+
829
+ cns.beginPath();
830
+ cns.arc(calc+(size/2),y+(size/2),size/100,0,6.28,0);
831
+ cns.fill();
832
+ cns.closePath();
833
+ }
834
+
835
+ var intervalSec = 50;
836
+ if(!isClock) {
837
+ if(!window.ycdClockStetting[extraOptions.options['id']].countUp) {
838
+ extraOptions.allSeconds -= 1;
839
+ }
840
+ else {
841
+ extraOptions.allSeconds += 1;
842
+ }
843
+
844
+ intervalSec = 1000;
845
+ }
846
+ var stoSecond = -1;
847
+ if(extraOptions.options['ycd-countdown-expire-behavior'] == 'countToUp') {
848
+ stoSecond = 0;
849
+ }
850
+ if(!isClock && extraOptions.allSeconds == stoSecond) {
851
+ YcdClockTimerExpireBehavior(extraOptions.options);
852
+ if (window.ycdClockStetting[extraOptions.options['id']].stopTimer) {
853
+ return false
854
+ }
855
+ }
856
+
857
+ window.YcdClockTimout = clockd.timer=setTimeout(function(){ycdClockDots(size, cns, clockd, extraOptions)}, intervalSec);
858
+ }
859
+
860
+ function clock_num(size, cns, clockd)
861
+ {
862
+ cns.clearRect(0,0,size,size);
863
+
864
+ cns.beginPath();
865
+ if(clockd.hasOwnProperty("bg_color")){cns.fillStyle=clockd["bg_color"];}else{cns.fillStyle="#ffffff";}
866
+ cns.rect(0,0,size,size);
867
+ cns.fill();
868
+ cns.closePath();
869
+ if(clockd.hasOwnProperty("bgLoaded") && clockd.bgLoaded==1){if(clockd.hasOwnProperty("bg_opacity")){cns.globalAlpha=clockd["bg_opacity"];cns.drawImage(clockd.bgImage,0,0,size,size);cns.globalAlpha=1;}}
870
+
871
+ if((clockd.hasOwnProperty("indicate") && clockd.indicate==true) || !clockd.hasOwnProperty("indicate"))
872
+ {
873
+ indicator(size, cns, clockd);
874
+ }
875
+
876
+ if(clockd.hasOwnProperty("time_add") && clockd.time_add)
877
+ {
878
+ ycd_time_add((size/2),size/5*3, size, cns, clockd);
879
+ }
880
+
881
+ if(clockd.hasOwnProperty("date_add") && clockd.date_add)
882
+ {
883
+ date_add((size/2),size/5*3+size/10, size, cns, clockd);
884
+ }
885
+
886
+ var now=new Date();
887
+ var time_off=(clockd.hasOwnProperty("timeoffset"))?clockd["timeoffset"]:0;
888
+ now.setTime(now.getTime()+time_off*1000);
889
+ var milisec=now.getMilliseconds();
890
+ var sec=now.getSeconds();
891
+ var min=now.getMinutes();
892
+ var hour=now.getHours()%12;
893
+
894
+ cns.fillStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
895
+ cns.strokeStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
896
+ cns.lineCap="round";
897
+ cns.beginPath();
898
+ cns.lineWidth=1;
899
+ cns.moveTo((size/2),(size/2));
900
+ cns.arc((size/2),(size/2),size/3.2,-1.57+sec*0.1046+milisec/1000*0.1046,-1.569+sec*0.1046+milisec/1000*0.1046,0);
901
+ cns.stroke();
902
+ cns.closePath();
903
+
904
+ cns.textBaseline="middle";
905
+ cns.textAlign="center";
906
+ cns.font=(size/35+5)+"px Arial";
907
+ cns.fillText(sec,Math.cos(-1.57+sec*0.1046+milisec/1000*0.1046)*size/3+(size/2),Math.sin(-1.57+sec*0.1046+milisec/1000*0.1046)*size/3+(size/2))
908
+
909
+ cns.beginPath();
910
+ cns.lineWidth=1;
911
+ cns.moveTo((size/2),(size/2));
912
+ cns.arc((size/2),(size/2),size/15,1.57+sec*0.1046+milisec/1000*0.1046,1.569+sec*0.1046+milisec/1000*0.1046,1);
913
+ cns.stroke();
914
+ cns.closePath();
915
+
916
+ cns.fillStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
917
+ cns.strokeStyle=(clockd.hasOwnProperty("dial2_color"))?clockd["dial2_color"]:"#333333";
918
+ cns.beginPath();
919
+ cns.lineWidth=2;
920
+ cns.moveTo((size/2),(size/2));
921
+ cns.arc((size/2),(size/2),size/3.2,-1.57+min*0.1046+sec/60*0.1046,-1.569+min*0.1046+sec/60*0.1046,0);
922
+ cns.stroke();
923
+ cns.closePath();
924
+ cns.fillText(min,Math.cos(-1.57+min*0.1046+sec/60*0.1046)*size/3+(size/2),Math.sin(-1.57+min*0.1046+sec/60*0.1046)*size/3+(size/2))
925
+
926
+ cns.fillStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
927
+ cns.strokeStyle=(clockd.hasOwnProperty("dial3_color"))?clockd["dial3_color"]:"#333333";
928
+ cns.beginPath();
929
+ cns.lineWidth=3;
930
+ cns.moveTo((size/2),(size/2));
931
+ cns.arc((size/2),(size/2),size/4,-1.57+hour*0.523+min/60*0.523,-1.569+hour*0.523+min/60*0.523,0);
932
+ cns.stroke();
933
+ cns.closePath();
934
+ if(hour==0){var hour2=12;}else{var hour2=hour;}
935
+ cns.fillText(hour2,Math.cos(-1.57+hour*0.523+min/60*0.523)*size/3.5+(size/2),Math.sin(-1.57+hour*0.523+min/60*0.523)*size/3.5+(size/2))
936
+
937
+ cns.beginPath();
938
+ cns.lineWidth=2;
939
+ cns.arc((size/2),(size/2),size/80,0,6.28,0);
940
+ cns.fill();
941
+ cns.closePath();
942
+
943
+ clockd.timer=setTimeout(function(){clock_num(size, cns, clockd)},50);
944
+ }
945
+
946
+ function clock_random(size, cns, clockd)
947
+ {
948
+ var now=new Date();
949
+ var time_off=(clockd.hasOwnProperty("timeoffset"))?clockd["timeoffset"]:0;
950
+ now.setTime(now.getTime()+time_off*1000);
951
+ var milisec=now.getMilliseconds();
952
+ var sec=now.getSeconds();
953
+ var min=now.getMinutes();
954
+ var hour=now.getHours();
955
+
956
+ if(!clockd.hasOwnProperty("track")){clockd["track"]=20;}
957
+ clockd["track"]=parseInt(clockd["track"])+1;
958
+
959
+ if(parseInt(clockd["track"])>=20)
960
+ {
961
+ cns.clearRect(0,0,size,size);
962
+
963
+ cns.beginPath();
964
+ if(clockd.hasOwnProperty("bg_color")){cns.fillStyle=clockd["bg_color"];}else{cns.fillStyle="#ffffff";}
965
+ cns.rect(0,0,size,size);
966
+ cns.fill();
967
+ cns.closePath();
968
+ if(clockd.hasOwnProperty("bgLoaded") && clockd.bgLoaded==1){if(clockd.hasOwnProperty("bg_opacity")){cns.globalAlpha=clockd["bg_opacity"];cns.drawImage(clockd.bgImage,0,0,size,size);cns.globalAlpha=1;}}
969
+
970
+ if(clockd.hasOwnProperty("date_add") && clockd.date_add)
971
+ {
972
+ date_add((size/2),size/5*3+size/10, size, cns, clockd);
973
+ }
974
+
975
+ var hourx=Math.floor(Math.random()*size/1.5)+Math.floor((size/2)/10);
976
+ var houry=Math.floor(Math.random()*size/1.5)+Math.floor((size/2)/10);
977
+
978
+ cns.fillStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
979
+ cns.strokeStyle=(clockd.hasOwnProperty("dial1_color"))?clockd["dial1_color"]:"#333333";
980
+ //if(hour==0){hour=12;}else{hour=hour;}
981
+ if(hour<10){hour="0"+hour;}
982
+ if(min<10){min="0"+min;}
983
+ if(sec<10){sec="0"+sec;}
984
+
985
+ cns.textBaseline="middle";
986
+ cns.textAlign="left";
987
+ cns.font=(size/15)+"pt Arial";
988
+ cns.fillText(hour+":"+min+":"+sec,hourx,houry);
989
+
990
+ clockd["track"]=0;
991
+ }
992
+
993
+ clockd.timer=setTimeout(function(){clock_random(size, cns, clockd)},50);
994
+ }
995
+
996
+ function clock_digitalran(size, cns, clockd)
997
+ {
998
+ var now=new Date();
999
+ var time_off=(clockd.hasOwnProperty("timeoffset"))?clockd["timeoffset"]:0;
1000
+ now.setTime(now.getTime()+time_off*1000);
1001
+ var sec=now.getSeconds();
1002
+ var min=now.getMinutes();
1003
+ var hour=now.getHours();
1004
+ var hexarr=new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F");
1005
+ var a=Math.floor(Math.random()*16);
1006
+ var b=Math.floor(Math.random()*16);
1007
+ var c=Math.floor(Math.random()*16);
1008
+ var d=Math.floor(Math.random()*16);
1009
+ var e=Math.floor(Math.random()*16);
1010
+ var f=Math.floor(Math.random()*16);
1011
+
1012
+ if(clockd.hasOwnProperty("track"))
1013
+ {
1014
+ clockd["track"]+=1;
1015
+ }
1016
+ else
1017
+ {
1018
+ clockd["track"]=20;
1019
+ }
1020
+
1021
+ if(parseInt(clockd["track"])==20)
1022
+ {
1023
+ cns.clearRect(0,0,size,size);
1024
+
1025
+ cns.beginPath();
1026
+ if(clockd.hasOwnProperty("bg_color")){cns.fillStyle=clockd["bg_color"];}else{cns.fillStyle="#ffffff";}
1027
+ cns.rect(0,0,size,size);
1028
+ cns.fill();
1029
+ cns.closePath();
1030
+ if(clockd.hasOwnProperty("bgLoaded") && clockd.bgLoaded==1){if(clockd.hasOwnProperty("bg_opacity")){cns.globalAlpha=clockd["bg_opacity"];cns.drawImage(clockd.bgImage,0,0,size,size);cns.globalAlpha=1;}}
1031
+
1032
+ if(clockd.hasOwnProperty("date_add") && clockd.date_add)
1033
+ {
1034
+ date_add((size/2),size/3*2, size, cns, clockd);
1035
+ }
1036
+
1037
+ if(hour==0){var hour2=12;}else{var hour2=hour;}
1038
+ if(hour<10){hour="0"+hour;}
1039
+ if(min<10){min="0"+min;}
1040
+ if(sec<10){sec="0"+sec;}
1041
+ cns.strokeStyle="#333333";
1042
+ cns.fillStyle="#"+hexarr[a]+hexarr[b]+hexarr[c]+hexarr[d]+hexarr[e]+hexarr[f];
1043
+ cns.textBaseline="middle";
1044
+ cns.textAlign="center";
1045
+ cns.font=size/7+"px Arial";
1046
+ cns.fillText(hour2+":"+min+":"+sec,(size/2),size/2.5);
1047
+
1048
+ clockd["track"]=0;
1049
+ }
1050
+
1051
+ clockd.timer=setTimeout(function(){clock_digitalran(size, cns, clockd)},50);
1052
+ }
1053
+
1054
+ function ycdClockBars(size, cns, clockd, extraOptions)
1055
+ {
1056
+ cns.clearRect(0,0,size,size);
1057
+ var isClock = true;
1058
+ if(extraOptions.mode ==