PluginProbe
Selection Lite / trunk
Selection Lite vtrunk
trunk 1.0 1.1 1.10 1.11 1.12 1.14 1.15 1.16 1.17 1.2 1.3 1.4 1.5 1.6 1.7 1.8 1.9
selection-lite / css / uper-elementor.css

uper-elementor.css in Selection Lite trunk, at css/uper-elementor.css

228 lines 4.1 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * * Selection Lite
3 * * Carefully selected Elementor addons bundle, for building the most awesome websites
4 * *
5 * * @encoding UTF-8
6 * * @version 1.17
7 * * @copyright (C) 2018-2026 Merkulove ( https://merkulov.design/ ). All rights reserved.
8 * * @license GPLv3
9 * * @contributors merkulove, vladcherviakov, phoenixmkua, podolianochka, viktorialev01
10 * * @support help@merkulov.design
11 * **/
12 html {
13 scroll-behavior: auto;
14 }
15
16 .mdp-uper-elementor-button {
17 display: inline-flex;
18 background: #0a4b78;
19 color: #fff;
20 cursor: pointer;
21 z-index: 999;
22 position: relative;
23 }
24
25 .mdp-uper-elementor-button-hide {
26 display: none;
27 }
28
29 .mdp-uper-elementor-text-wrapper {
30 display: inline-flex;
31 }
32
33 .mdp-uper-elementor-button-fixed {
34 position: fixed;
35 }
36
37 .mdp-uper-elementor-button-fixed-position-top-left {
38 top: 0;
39 left: 0;
40 }
41
42 .mdp-uper-elementor-button-fixed-position-top-center {
43 top: 0;
44 left: 50%;
45 transform: translateX(-50%);
46 }
47
48 .mdp-uper-elementor-button-fixed-position-top-right {
49 top: 0;
50 right: 0;
51 }
52
53 .mdp-uper-elementor-button-fixed-position-left-center {
54 top: 50%;
55 transform: translateY(-50%);
56 left: 0;
57 }
58
59 .mdp-uper-elementor-button-fixed-position-right-center {
60 top: 50%;
61 transform: translateY(-50%);
62 right: 0;
63 }
64
65 .mdp-uper-elementor-button-fixed-position-bottom-left {
66 bottom: 0;
67 left: 0;
68 }
69
70 .mdp-uper-elementor-button-fixed-position-bottom-center {
71 bottom: 0;
72 left: 50%;
73 transform: translateX(-50%);
74 }
75
76 .mdp-uper-elementor-button-fixed-position-bottom-right {
77 bottom: 0;
78 right: 0;
79 }
80
81 .mdp-uper-elementor-icon-position-above-left,
82 .mdp-uper-elementor-icon-position-above-center,
83 .mdp-uper-elementor-icon-position-above-right {
84 flex-direction: column;
85 }
86
87 .mdp-uper-elementor-icon-position-under-left,
88 .mdp-uper-elementor-icon-position-under-center,
89 .mdp-uper-elementor-icon-position-under-right {
90 flex-direction: column-reverse;
91 }
92
93 .mdp-uper-elementor-icon-position-after {
94 flex-direction: row-reverse;
95 }
96
97 .mdp-uper-elementor-icon-position-above-left .mdp-uper-elementor-button-icon {
98 align-self: flex-start;
99 }
100
101 .mdp-uper-elementor-icon-position-above-center .mdp-uper-elementor-button-icon {
102 align-self: center;
103 }
104
105 .mdp-uper-elementor-icon-position-above-right .mdp-uper-elementor-button-icon {
106 align-self: flex-end;
107 }
108
109 .mdp-uper-elementor-icon-position-under-left .mdp-uper-elementor-button-icon {
110 align-self: flex-start;
111 }
112
113 .mdp-uper-elementor-icon-position-under-center .mdp-uper-elementor-button-icon {
114 align-self: center;
115 }
116
117 .mdp-uper-elementor-icon-position-under-right .mdp-uper-elementor-button-icon {
118 align-self: flex-end;
119 }
120
121 .mdp-uper-elementor-scroll-indicator-svg {
122 max-width: none;
123 position: absolute;
124 overflow: visible;
125 top: 50%;
126 right: 50%;
127 transform: translate(50%, -50%);
128 }
129
130 .mdp-uper-elementor-scroll-indicator-circle {
131 fill: none;
132 stroke-width: 2;
133 stroke: #fff;
134 }
135
136 @keyframes grow {
137 from {
138 transform: scale(0);
139 }
140 to {
141 transform: scale(1);
142 }
143 }
144 @keyframes shrink {
145 from {
146 transform: scale(1.2);
147 }
148 to {
149 transform: scale(1);
150 }
151 }
152 @keyframes fade {
153 from {
154 opacity: 0;
155 }
156 to {
157 opacity: 1;
158 }
159 }
160 @keyframes slide-up {
161 0% {
162 opacity: 0;
163 transform: translateY(10px);
164 }
165 100% {
166 opacity: 1;
167 transform: translateY(0px);
168 }
169 }
170 @keyframes slide-down {
171 0% {
172 opacity: 0;
173 transform: translateY(-10px);
174 }
175 100% {
176 opacity: 1;
177 transform: translateY(0px);
178 }
179 }
180 @keyframes grow-hover {
181 0% {
182 transform: scale(1);
183 }
184 100% {
185 transform: scale(1.25);
186 }
187 }
188 @keyframes shrink-hover {
189 100% {
190 transform: scale(0.7);
191 }
192 }
193 @keyframes slide-up-hover {
194 0% {
195 transform: translateY(10px);
196 }
197 100% {
198 transform: translateY(0px);
199 }
200 }
201 @keyframes slide-down-hover {
202 0% {
203 transform: translateY(-10px);
204 }
205 100% {
206 transform: translateY(0px);
207 }
208 }
209 @keyframes swing-hover {
210 15% {
211 transform: translateX(9px);
212 }
213 30% {
214 transform: translateX(-9px);
215 }
216 40% {
217 transform: translateX(6px);
218 }
219 50% {
220 transform: translateX(-6px);
221 }
222 65% {
223 transform: translateX(3px);
224 }
225 100% {
226 transform: translateX(0);
227 }
228 }