slider-pager-buttons.css — Strong Testimonials 3.3.4

strong-testimonials / assets / public / css / slider-pager-buttons.css

strong-testimonials / assets / public / css Last commit date

slider-pager-buttons.css

133 lines

1	/* =bxSlider structure
2	---------------------------------------------------------*/
3	.strong-view .wpmslider-wrapper {
4	position: relative;
5	margin: 0 auto;
6	padding: 0;
7	*zoom: 1;
8	-ms-touch-action: pan-y;
9	touch-action: pan-y;
10	direction: ltr;
11	}
12	.strong-view .wpmslider {
13	margin: 0;
14	padding: 0;
15	}
16	.strong-view .wpmslider-viewport {
17	/* fix other elements on the page moving (on Chrome) */
18	-webkit-transform: translatez(0);
19	}
20
21	/* =pager
22	---------------------------------------------------------*/
23	.strong-view .wpmslider-pager {
24	display: inline-block;
25	}
26	.strong-view.rtl .wpmslider-pager {
27	direction: rtl;
28	}
29	.strong-view .wpmslider-pager-item {
30	display: inline-block;
31	}
32	.strong-view .wpmslider-pager-link {
33	text-decoration: none;
34	margin-left: 10px;
35	}
36
37	/* =controls
38	---------------------------------------------------------*/
39	.strong-view .wpmslider-start,
40	.strong-view .wpmslider-stop,
41	.strong-view .wpmslider-next,
42	.strong-view .wpmslider-prev {
43	z-index: 5;
44	}
45	.strong-view .wpmslider-controls-auto,
46	.strong-view .wpmslider-controls-direction {
47	display: inline-block;
48	vertical-align: middle;
49	}
50	.strong-view .wpmslider-controls a {
51	box-shadow: none;
52	text-decoration: none;
53	}
54	.strong-view .wpmslider-controls a:hover, .strong-view .wpmslider-controls a:active, .strong-view .wpmslider-controls a:focus {
55	outline: 0;
56	}
57
58	.strong-view.controls-style-text .wpmslider-start,
59	.strong-view.controls-style-text .wpmslider-stop,
60	.strong-view.controls-style-text .wpmslider-next,
61	.strong-view.controls-style-text .wpmslider-prev {
62	display: inline-block;
63	cursor: pointer;
64	margin: 0 0.5em;
65	text-align: center;
66	transition: all 0.2s ease;
67	}
68
69	.strong-view.pager-style-buttons .wpmslider-pager {
70	line-height: 24px;
71	margin: 0 7px;
72	text-align: center;
73	}
74	.strong-view.pager-style-buttons .wpmslider-pager-link:before {
75	content: "";
76	-webkit-mask: url('../svg/circle-regular.svg') center center no-repeat;
77	mask: url('../svg/circle-regular.svg') center center no-repeat;
78	display: inline-block;
79	color: #999;
80	background: #999;
81	cursor: pointer;
82	width: 10px;
83	height: 20px;
84	text-align: center;
85	}
86	.strong-view.pager-style-buttons .wpmslider-pager-link:hover:before {
87	content: "";
88	-webkit-mask: url('../svg/circle-solid.svg') center center no-repeat;
89	mask: url('../svg/circle-solid.svg') center center no-repeat;
90	display: inline-block;
91	width: 10px;
92	height: 20px;
93	color: #111;
94	background: #111;
95	}
96	.strong-view.pager-style-buttons .wpmslider-pager-link.active:before {
97	content: "";
98	-webkit-mask: url('../svg/circle-solid.svg') center center no-repeat;
99	mask: url('../svg/circle-solid.svg') center center no-repeat;
100	display: inline-block;
101	width: 10px;
102	height: 20px;
103	}
104
105	.strong-view.nav-position-inside:not(.controls-type-sides) .wpmslider-controls {
106	position: absolute;
107	bottom: 0;
108	width: 100%;
109	line-height: 1;
110	padding-bottom: 15px;
111	text-align: center;
112	z-index: 5;
113	}
114	.strong-view.nav-position-inside:not(.controls-type-sides) .wpmslider-controls .wpmslider-start,
115	.strong-view.nav-position-inside:not(.controls-type-sides) .wpmslider-controls .wpmslider-stop,
116	.strong-view.nav-position-inside:not(.controls-type-sides) .wpmslider-controls .wpmslider-prev,
117	.strong-view.nav-position-inside:not(.controls-type-sides) .wpmslider-controls .wpmslider-next {
118	margin: 0 3px;
119	}
120
121	.strong-view.nav-position-outside .wpmslider-controls {
122	line-height: 1;
123	padding: 20px 0 20px;
124	text-align: center;
125	z-index: 5;
126	}
127	.strong-view.nav-position-outside .wpmslider-controls .wpmslider-start,
128	.strong-view.nav-position-outside .wpmslider-controls .wpmslider-stop,
129	.strong-view.nav-position-outside .wpmslider-controls .wpmslider-prev,
130	.strong-view.nav-position-outside .wpmslider-controls .wpmslider-next {
131	margin: 0 3px;
132	}
133