PluginProbe
Selection Lite / 1.11
Selection Lite v1.11
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 / crawler-elementor.css

crawler-elementor.css in Selection Lite 1.11, at css/crawler-elementor.css

181 lines 4.4 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.11
7 * * @copyright (C) 2018 - 2023 Merkulove ( https://merkulov.design/ ). All rights reserved.
8 * * @license GPLv3
9 * * @contributors merkulove, vladcherviakov, phoenixmkua, podolianochka, viktorialev01
10 * * @support help@merkulov.design
11 * **/
12 .mdp-crawler-elementor-ticker {
13 position: relative;
14 display: flex;
15 flex-flow: row nowrap;
16 overflow: hidden;
17 }
18
19 .mdp-crawler-elementor-ticker-label-align-right {
20 flex-flow: row-reverse nowrap;
21 }
22 .mdp-crawler-elementor-ticker-label-align-right .mdp-crawler-elementor-arrows-align-left {
23 order: 1;
24 }
25 .mdp-crawler-elementor-ticker-label-align-right .mdp-crawler-elementor-arrows-align-right {
26 order: -1;
27 }
28
29 .mdp-crawler-elementor-ticker-hover-pause:hover .mdp-crawler-elementor-ticker-content {
30 animation-play-state: paused;
31 }
32
33 .mdp-crawler-elementor-ticker-label {
34 display: flex;
35 flex: 0 0 auto;
36 z-index: 999;
37 align-items: center;
38 background: #0a4b78;
39 }
40
41 [data-elementor-device-mode=mobile] .mdp-crawler-elementor-label-hide-mobile,
42 [data-elementor-device-mode=mobile_extra] .mdp-crawler-elementor-label-hide-mobile {
43 display: none;
44 }
45
46 .mdp-crawler-elementor-ticker-label-text-wrapper {
47 display: flex;
48 }
49
50 .mdp-crawler-elementor-ticker-label-icon-position-above-left,
51 .mdp-crawler-elementor-ticker-label-icon-position-above-center,
52 .mdp-crawler-elementor-ticker-label-icon-position-above-right {
53 flex-direction: column;
54 }
55
56 .mdp-crawler-elementor-ticker-label-icon-position-under-left,
57 .mdp-crawler-elementor-ticker-label-icon-position-under-center,
58 .mdp-crawler-elementor-ticker-label-icon-position-under-right {
59 flex-direction: column-reverse;
60 }
61
62 .mdp-crawler-elementor-ticker-label-icon-position-after {
63 flex-direction: row-reverse;
64 }
65
66 .mdp-crawler-elementor-ticker-label-icon-position-above-left .mdp-crawler-elementor-ticker-label-icon {
67 align-self: flex-start;
68 }
69
70 .mdp-crawler-elementor-ticker-label-icon-position-above-center .mdp-crawler-elementor-ticker-label-icon {
71 align-self: center;
72 }
73
74 .mdp-crawler-elementor-ticker-label-icon-position-above-right .mdp-crawler-elementor-ticker-label-icon {
75 align-self: flex-end;
76 }
77
78 .mdp-crawler-elementor-ticker-label-icon-position-under-left .mdp-crawler-elementor-ticker-label-icon {
79 align-self: flex-start;
80 }
81
82 .mdp-crawler-elementor-ticker-label-icon-position-under-center .mdp-crawler-elementor-ticker-label-icon {
83 align-self: center;
84 }
85
86 .mdp-crawler-elementor-ticker-label-icon-position-under-right .mdp-crawler-elementor-ticker-label-icon {
87 align-self: flex-end;
88 }
89
90 .mdp-crawler-elementor-ticker-content {
91 display: flex;
92 flex-direction: row;
93 align-items: center;
94 height: 100%;
95 }
96
97 .mdp-crawler-elementor-content-wrapper {
98 position: relative;
99 flex: 1 1 auto;
100 overflow: hidden;
101 }
102
103 .mdp-crawler-elementor-ticker-ticker-type .mdp-crawler-elementor-ticker-animation-reverse {
104 animation-direction: reverse !important;
105 flex-direction: row-reverse;
106 }
107 .mdp-crawler-elementor-ticker-ticker-type .mdp-crawler-elementor-ticker-content {
108 animation: ticker infinite linear normal forwards;
109 }
110 .mdp-crawler-elementor-ticker-ticker-type .mdp-crawler-elementor-ticker-item {
111 white-space: nowrap;
112 }
113 .mdp-crawler-elementor-ticker-ticker-type .mdp-crawler-elementor-content-wrapper {
114 flex: unset;
115 overflow: unset;
116 }
117
118 .mdp-crawler-elementor-ticker-item {
119 display: flex;
120 align-items: center;
121 }
122
123 .mdp-crawler-elementor-ticker-item-active {
124 display: block !important;
125 }
126
127 .mdp-crawler-elementor-ticker-item-separator {
128 display: block;
129 white-space: nowrap;
130 }
131
132 .mdp-crawler-elementor-ticker-slider {
133 justify-content: flex-start;
134 position: relative;
135 }
136 .mdp-crawler-elementor-ticker-slider .mdp-crawler-elementor-slider-slide {
137 flex-shrink: 0;
138 width: 100%;
139 flex-basis: 0;
140 padding: 0 10px;
141 }
142
143 .mdp-crawler-elementor-arrows {
144 display: flex;
145 z-index: 999;
146 align-items: center;
147 }
148
149 .mdp-crawler-elementor-arrow {
150 cursor: pointer;
151 display: flex;
152 }
153
154 .mdp-crawler-elementor-previous-arrow {
155 justify-content: flex-end;
156 }
157
158 .mdp-crawler-elementor-next-arrow {
159 justify-content: flex-start;
160 }
161
162 .mdp-crawler-elementor-arrows-align-left {
163 order: -1;
164 }
165
166 @keyframes ticker {
167 0% {
168 transform: translate(var(--ticker-track-width), 0);
169 }
170 100% {
171 transform: translate(-100%, 0);
172 }
173 }
174 @keyframes fade_in_show {
175 0% {
176 opacity: 0;
177 }
178 100% {
179 opacity: 1;
180 }
181 }