PluginProbe
Ultimate Store Kit – Store Builder Addons for Elementor, WooCommerce Store Builder, EDD Store Builder / 1.6.2
Ultimate Store Kit – Store Builder Addons for Elementor, WooCommerce Store Builder, EDD Store Builder v1.6.2
3.1.4 3.0.8 3.0.9 3.1.0 3.1.2 3.1.3 3.0.7 3.0.5 3.0.4 3.0.3 3.0.2 trunk 1.5.0 1.5.1 1.5.2 1.6.1 1.6.2 1.6.3 1.6.4 2.0.0 2.0.1 2.0.2 2.0.3 2.0.4 2.0.5 All 93 releases
ultimate-store-kit / assets / css / usk-edd-classic-carousel.css

usk-edd-classic-carousel.css in Ultimate Store Kit – Store Builder Addons for Elementor, WooCommerce Store Builder, EDD Store Builder 1.6.2, at assets/css/usk-edd-classic-carousel.css

162 lines 8.1 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .usk-edd-classic-carousel .usk-edd-classic-carousel-item {
2 transition: all .3s ease-in-out;
3 border-width: 2px;
4 border-style: solid;
5 border-color: #f2f2f3;
6 border-radius: 5px; }
7 .usk-edd-classic-carousel .usk-edd-classic-carousel-item:hover {
8 border-color: #f00; }
9 .usk-edd-classic-carousel .usk-edd-classic-carousel-item:hover .usk-edd-classic-carousel-image-wrapper::before {
10 opacity: 1; }
11 .usk-edd-classic-carousel .usk-edd-classic-carousel-item:hover .usk-action-button .edd_purchase_submit_wrapper,
12 .usk-edd-classic-carousel .usk-edd-classic-carousel-item:hover .usk-action-button .usk-details-button,
13 .usk-edd-classic-carousel .usk-edd-classic-carousel-item:hover .usk-action-button .edd-add-to-cart {
14 opacity: 1;
15 transform: scale(1); }
16 .usk-edd-classic-carousel .usk-edd-classic-carousel-item:hover .usk-action-button .edd_purchase_submit_wrapper {
17 transition-delay: .3s; }
18 .usk-edd-classic-carousel .usk-edd-classic-carousel-item:hover .usk-action-button .usk-details-button {
19 transition-delay: .5s; }
20
21 .usk-edd-classic-carousel .usk-edd-classic-carousel-image-wrapper {
22 position: relative; }
23 .usk-edd-classic-carousel .usk-edd-classic-carousel-image-wrapper::before {
24 position: absolute;
25 content: '';
26 width: 100%;
27 height: 100%;
28 top: 0;
29 left: 0;
30 background: rgba(255, 255, 255, 0.529);
31 opacity: 0;
32 transition: all .3s ease-in-out; }
33 .usk-edd-classic-carousel .usk-edd-classic-carousel-image-wrapper img {
34 width: 100%;
35 height: 100%;
36 object-fit: cover; }
37
38 .usk-edd-classic-carousel .usk-action-button {
39 position: absolute;
40 top: 50%;
41 left: 0;
42 right: 0;
43 margin: 0 90px;
44 display: inline-flex;
45 flex-direction: column;
46 text-align: center;
47 transform: translateY(-50%); }
48 .usk-edd-classic-carousel .usk-action-button input[type=submit] {
49 display: none; }
50 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper {
51 margin-bottom: 10px; }
52 .usk-edd-classic-carousel .usk-action-button .edd-loading {
53 position: absolute !important; }
54 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper,
55 .usk-edd-classic-carousel .usk-action-button .usk-details-button {
56 transform: scale(0.5);
57 opacity: 0;
58 transition: all .3s ease-in-out; }
59 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper a,
60 .usk-edd-classic-carousel .usk-action-button .usk-details-button a {
61 display: block; }
62 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper a,
63 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper .edd-add-to-cart,
64 .usk-edd-classic-carousel .usk-action-button .usk-details-button a,
65 .usk-edd-classic-carousel .usk-action-button .usk-details-button .edd-add-to-cart {
66 background-color: #000;
67 padding: 12px 20px;
68 font-size: 10px;
69 text-transform: uppercase;
70 font-weight: 700;
71 color: #fff;
72 text-decoration: navajowhite;
73 border-radius: 5px;
74 overflow: hidden;
75 position: relative;
76 border: 0;
77 transition: all .3s ease-in-out;
78 width: 100%; }
79 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper a:hover,
80 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper .edd-add-to-cart:hover,
81 .usk-edd-classic-carousel .usk-action-button .usk-details-button a:hover,
82 .usk-edd-classic-carousel .usk-action-button .usk-details-button .edd-add-to-cart:hover {
83 background-color: #d71400; }
84 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper a .usk-cart-button,
85 .usk-edd-classic-carousel .usk-action-button .edd_purchase_submit_wrapper .edd-add-to-cart .usk-cart-button,
86 .usk-edd-classic-carousel .usk-action-button .usk-details-button a .usk-cart-button,
87 .usk-edd-classic-carousel .usk-action-button .usk-details-button .edd-add-to-cart .usk-cart-button {
88 margin-bottom: 10px; }
89
90 .usk-edd-classic-carousel .usk-edd-content {
91 text-align: center;
92 padding: 20px; }
93
94 .usk-edd-classic-carousel .usk-edd-category {
95 margin-bottom: 10px;
96 display: inline-block; }
97 .usk-edd-classic-carousel .usk-edd-category a {
98 color: #5b5d66;
99 font-size: 13px;
100 text-transform: capitalize;
101 text-decoration: none;
102 transition: all .3s ease-in-out; }
103 .usk-edd-classic-carousel .usk-edd-category a:hover {
104 color: #d71400; }
105
106 .usk-edd-classic-carousel .usk-edd-title {
107 font-size: 16px;
108 font-weight: 700;
109 text-transform: capitalize;
110 margin: 0 0 10px; }
111 .usk-edd-classic-carousel .usk-edd-title a {
112 color: rgba(40, 40, 57, 0.96);
113 text-decoration: none;
114 transition: all .3s ease-in-out; }
115 .usk-edd-classic-carousel .usk-edd-title a:hover {
116 color: #d71400; }
117
118 .usk-edd-classic-carousel .usk-edd-price {
119 font-size: 13px;
120 font-weight: 600;
121 margin-bottom: 10px;
122 display: inline-flex;
123 align-content: center;
124 justify-content: center;
125 grid-column-gap: 10px; }
126
127 .elementor-widget-usk-edd-classic-carousel .usk-arrows-container {
128 -webkit-transform: translate(var(--usk-edd-classic-carousel-arrows-ncx, 0), var(--usk-edd-classic-carousel-arrows-ncy, 0));
129 transform: translate(var(--usk-edd-classic-carousel-arrows-ncx, 0), var(--usk-edd-classic-carousel-arrows-ncy, 0)); }
130
131 .elementor-widget-usk-edd-classic-carousel .usk-dots-container {
132 -webkit-transform: translate(var(--usk-edd-classic-carousel-dots-nnx, 0), var(--usk-edd-classic-carousel-dots-nny, 30));
133 transform: translate(var(--usk-edd-classic-carousel-dots-nnx, 0), var(--usk-edd-classic-carousel-dots-nny, 30)); }
134
135 .elementor-widget-usk-edd-classic-carousel .usk-arrows-dots-container {
136 -webkit-transform: translate(var(--usk-edd-classic-carousel-both-ncx, 0), var(--usk-edd-classic-carousel-both-ncy, 40));
137 transform: translate(var(--usk-edd-classic-carousel-both-ncx, 0), var(--usk-edd-classic-carousel-both-ncy, 40)); }
138
139 .elementor-widget-usk-edd-classic-carousel .usk-arrows-fraction-container {
140 -webkit-transform: translate(var(--usk-edd-classic-carousel-arrows-fraction-ncx, 0), var(--usk-edd-classic-carousel-arrows-fraction-ncy, 40));
141 transform: translate(var(--usk-edd-classic-carousel-arrows-fraction-ncx, 0), var(--usk-edd-classic-carousel-arrows-fraction-ncy, 40)); }
142
143 .elementor-widget-usk-edd-classic-carousel .usk-position-center-left .usk-arrows-container,
144 .elementor-widget-usk-edd-classic-carousel .usk-position-center-right .usk-arrows-container {
145 -webkit-transform: translate(var(--usk-edd-classic-carousel-arrows-ncx, 0), var(--usk-edd-classic-carousel-arrows-ncy, 0)) rotate(90deg);
146 transform: translate(var(--usk-edd-classic-carousel-arrows-ncx, 0), var(--usk-edd-classic-carousel-arrows-ncy, 0)) rotate(90deg); }
147
148 .elementor-widget-usk-edd-classic-carousel .usk-position-center-left .usk-dots-container,
149 .elementor-widget-usk-edd-classic-carousel .usk-position-center-right .usk-dots-container {
150 -webkit-transform: translate(var(--usk-edd-classic-carousel-dots-nnx, 0), var(--usk-edd-classic-carousel-dots-nny, 0)) rotate(90deg);
151 transform: translate(var(--usk-edd-classic-carousel-dots-nnx, 0), var(--usk-edd-classic-carousel-dots-nny, 0)) rotate(90deg); }
152
153 .elementor-widget-usk-edd-classic-carousel .usk-position-center-left .usk-arrows-dots-container,
154 .elementor-widget-usk-edd-classic-carousel .usk-position-center-right .usk-arrows-dots-container {
155 -webkit-transform: translate(var(--usk-edd-classic-carousel-both-ncx, 0), var(--usk-edd-classic-carousel-both-ncy, 0)) rotate(90deg);
156 transform: translate(var(--usk-edd-classic-carousel-both-ncx, 0), var(--usk-edd-classic-carousel-both-ncy, 0)) rotate(90deg); }
157
158 .elementor-widget-usk-edd-classic-carousel .usk-position-center-left .usk-arrows-fraction-container,
159 .elementor-widget-usk-edd-classic-carousel .usk-position-center-right .usk-arrows-fraction-container {
160 -webkit-transform: translate(var(--usk-edd-classic-carousel-arrows-fraction-ncx, 0), var(--usk-edd-classic-carousel-arrows-fraction-ncy, 0)) rotate(90deg);
161 transform: translate(var(--usk-edd-classic-carousel-arrows-fraction-ncx, 0), var(--usk-edd-classic-carousel-arrows-fraction-ncy, 0)) rotate(90deg); }
162