← All changes | includes/widgets/Content_Ticker/style.css +293 -0 51.1.2 → 51.1.86 View file →

		@@ -1,0 +1,293 @@
	1	+.king-addons-content-ticker {
	2	+ display: flex;
	3	+ overflow: hidden;
	4	+}
	5	+
	6	+.king-addons-content-ticker-inner {
	7	+ position: relative;
	8	+ z-index: 20;
	9	+ display: flex;
	10	+ overflow: hidden;
	11	+ align-items: center;
	12	+ flex-direction: row;
	13	+ width: 100%;
	14	+}
	15	+
	16	+.king-addons-ticker-arrow-position-left .king-addons-content-ticker-inner {
	17	+ flex-direction: row-reverse;
	18	+}
	19	+
	20	+.king-addons-ticker-gradient-type-both .king-addons-ticker-gradient:before,
	21	+.king-addons-ticker-gradient-type-left .king-addons-ticker-gradient:before {
	22	+ position: absolute;
	23	+ z-index: 20;
	24	+ top: 0;
	25	+ bottom: 0;
	26	+ left: 0;
	27	+ width: 40px;
	28	+ content: "";
	29	+}
	30	+
	31	+.king-addons-ticker-gradient-type-both .king-addons-ticker-gradient:after,
	32	+.king-addons-ticker-gradient-type-right .king-addons-ticker-gradient:after {
	33	+ position: absolute;
	34	+ z-index: 20;
	35	+ top: 0;
	36	+ right: 0;
	37	+ bottom: 0;
	38	+ width: 40px;
	39	+ content: "";
	40	+}
	41	+
	42	+.king-addons-ticker-arrow-position-left .king-addons-ticker-slider-controls {
	43	+ margin-right: 20px;
	44	+}
	45	+
	46	+.king-addons-ticker-arrow-position-right .king-addons-ticker-slider-controls {
	47	+ margin-left: 20px;
	48	+}
	49	+
	50	+.king-addons-ticker-slider {
	51	+ position: relative;
	52	+ overflow: hidden;
	53	+ width: 100%;
	54	+}
	55	+
	56	+.king-addons-ticker-heading-position-right .king-addons-content-ticker {
	57	+ flex-direction: row-reverse;
	58	+}
	59	+
	60	+.king-addons-ticker-title {
	61	+ display: flex;
	62	+ overflow: hidden;
	63	+ align-items: center;
	64	+ margin: 0;
	65	+ transition-timing-function: ease-in-out;
	66	+ transition-duration: 200ms;
	67	+ transition-property: all;
	68	+}
	69	+
	70	+.king-addons-ticker-title a,
	71	+.king-addons-ticker-title:hover a {
	72	+ color: inherit;
	73	+}
	74	+
	75	+.elementor-widget-king-addons-content-ticker .king-addons-ticker-item .king-addons-ticker-title {
	76	+ font-size: 14px;
	77	+}
	78	+
	79	+.king-addons-ticker-title-inner {
	80	+ display: inline;
	81	+ overflow: hidden;
	82	+ white-space: nowrap;
	83	+ text-overflow: ellipsis;
	84	+}
	85	+
	86	+.king-addons-ticker-heading {
	87	+ position: relative;
	88	+ z-index: 25;
	89	+ display: flex;
	90	+ align-items: center;
	91	+ transition-timing-function: ease-in-out;
	92	+ transition-property: all;
	93	+}
	94	+
	95	+.king-addons-ticker-heading-icon-position-left .king-addons-ticker-heading {
	96	+ flex-direction: row-reverse;
	97	+}
	98	+
	99	+.elementor-widget-king-addons-content-ticker .king-addons-content-ticker .king-addons-ticker-heading {
	100	+ font-size: 14px;
	101	+}
	102	+
	103	+.king-addons-ticker-heading-triangle-middle .king-addons-ticker-heading:before {
	104	+ position: absolute;
	105	+ top: 50%;
	106	+ width: 0;
	107	+ height: 0;
	108	+ content: "";
	109	+ transition-timing-function: inherit;
	110	+ transition-duration: inherit;
	111	+ transition-property: inherit;
	112	+ border-width: 10px;
	113	+ border-top-style: solid;
	114	+ border-top-color: transparent;
	115	+ border-right-style: solid;
	116	+ border-bottom-style: solid;
	117	+ border-bottom-color: transparent;
	118	+ background: transparent !important;
	119	+}
	120	+
	121	+.king-addons-ticker-heading-triangle-top .king-addons-ticker-heading:before,
	122	+.king-addons-ticker-heading-triangle-bottom .king-addons-ticker-heading:before {
	123	+ position: absolute;
	124	+ z-index: 1;
	125	+ top: 0;
	126	+ bottom: 0;
	127	+ width: 100%;
	128	+ content: "";
	129	+ transition-timing-function: inherit;
	130	+ transition-duration: inherit;
	131	+ transition-property: inherit;
	132	+}
	133	+
	134	+.king-addons-ticker-heading-text,
	135	+.king-addons-ticker-heading-icon {
	136	+ position: relative;
	137	+ z-index: 20;
	138	+ transition-timing-function: inherit;
	139	+ transition-duration: inherit;
	140	+ transition-property: inherit;
	141	+}
	142	+
	143	+.king-addons-ticker-heading-triangle-top .king-addons-ticker-heading:before {
	144	+ transform: skew(-20deg);
	145	+}
	146	+
	147	+.king-addons-ticker-heading-triangle-bottom .king-addons-ticker-heading:before {
	148	+ transform: skew(20deg);
	149	+}
	150	+
	151	+.king-addons-ticker-heading-position-left.king-addons-ticker-heading-triangle-middle .king-addons-ticker-heading:before {
	152	+ transform: translateY(-50%) rotate(180deg);
	153	+}
	154	+
	155	+.king-addons-ticker-heading-position-right.king-addons-ticker-heading-triangle-middle .king-addons-ticker-heading:before {
	156	+ transform: translateY(-50%);
	157	+}
	158	+
	159	+.king-addons-ticker-slider-controls {
	160	+ display: flex;
	161	+}
	162	+
	163	+.king-addons-ticker-arrow-style-vertical .king-addons-ticker-slider-controls {
	164	+ flex-direction: column;
	165	+}
	166	+
	167	+.king-addons-ticker-arrow-style-horizontal .king-addons-ticker-slider-controls {
	168	+ flex-direction: row;
	169	+}
	170	+
	171	+.king-addons-ticker-arrow {
	172	+ box-sizing: content-box;
	173	+ cursor: pointer;
	174	+ transition: all 0.5s;
	175	+ text-align: center;
	176	+}
	177	+
	178	+.king-addons-ticker-arrow i {
	179	+ line-height: inherit;
	180	+ display: block;
	181	+ width: 100%;
	182	+ height: 100%;
	183	+}
	184	+
	185	+.king-addons-ticker-next-arrow {
	186	+ transform: rotate(180deg);
	187	+}
	188	+
	189	+.king-addons-content-ticker-inner .king-addons-ticker-item {
	190	+ position: relative;
	191	+ display: flex !important;
	192	+ overflow: hidden;
	193	+ align-items: center;
	194	+}
	195	+
	196	+.king-addons-ticker-marquee {
	197	+ overflow: hidden;
	198	+}
	199	+
	200	+.king-addons-ticker-marquee .king-addons-ticker-item {
	201	+ float: left;
	202	+}
	203	+
	204	+.king-addons-ticker-marquee .js-marquee {
	205	+ display: flex;
	206	+}
	207	+
	208	+.king-addons-ticker-arrow-style-vertical .king-addons-ticker-slider .king-addons-ticker-item {
	209	+ margin: 1px 0;
	210	+}
	211	+
	212	+.king-addons-ticker-image {
	213	+ margin-right: 10px;
	214	+}
	215	+
	216	+.king-addons-ticker-link {
	217	+ position: absolute;
	218	+ z-index: 20;
	219	+ top: 0;
	220	+ left: 0;
	221	+ display: block;
	222	+ width: 100%;
	223	+ height: 100%;
	224	+}
	225	+
	226	+.king-addons-ticker-icon-circle {
	227	+ z-index: 5;
	228	+ display: block;
	229	+ transition-timing-function: inherit;
	230	+ transition-duration: inherit;
	231	+ transition-property: inherit;
	232	+ border-radius: 50%;
	233	+}
	234	+
	235	+.king-addons-ticker-icon-circle:before,
	236	+.king-addons-ticker-icon-circle:after {
	237	+ position: absolute;
	238	+ top: 50%;
	239	+ left: 50%;
	240	+ content: "";
	241	+ transition-timing-function: inherit;
	242	+ transition-duration: inherit;
	243	+ transition-property: inherit;
	244	+ animation-name: king-addons-ticker-icon-blink;
	245	+ animation-duration: 2s;
	246	+ animation-iteration-count: infinite;
	247	+ border-width: 1px;
	248	+ border-style: solid;
	249	+ border-radius: 50%;
	250	+}
	251	+
	252	+.king-addons-ticker-icon-circle:after {
	253	+ animation-delay: 1s;
	254	+}
	255	+
	256	+@keyframes king-addons-ticker-icon-blink {
	257	+ 0% {
	258	+ transform: scale(1, 1);
	259	+ }
	260	+ 100% {
	261	+ transform: scale(3, 3);
	262	+ opacity: 0;
	263	+ }
	264	+}
	265	+
	266	+.king-addons-ticker-effect-typing .king-addons-ticker-title:after {
	267	+ display: inline-block;
	268	+ margin-left: 2px;
	269	+ vertical-align: top;
	270	+ opacity: 1;
	271	+ color: inherit;
	272	+}
	273	+
	274	+.king-addons-ticker-effect-typing .slick-current .king-addons-ticker-title:after {
	275	+ animation-name: king-addons-cursor-blink;
	276	+ animation-duration: 0.5s;
	277	+ animation-iteration-count: infinite;
	278	+}
	279	+
	280	+.king-addons-ticker-effect-typing .slick-current .king-addons-ticker-title-inner {
	281	+ display: inline-flex;
	282	+ overflow: hidden;
	283	+ animation: king-addons-ticker-typing 1s steps(30, end);
	284	+}
	285	+
	286	+@keyframes king-addons-ticker-typing {
	287	+ from {
	288	+ width: 0;
	289	+ }
	290	+ to {
	291	+ width: 100%;
	292	+ }
	293	+}