slider-controls-sides-buttons3-pager-buttons.css — Strong Testimonials 2.33

strong-testimonials / public / css / slider-controls-sides-buttons3-pager-buttons.css

strong-testimonials / public / css Last commit date

slider-controls-sides-buttons3-pager-buttons.css

192 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	}
35
36	/* =controls
37	---------------------------------------------------------*/
38	.strong-view .wpmslider-start,
39	.strong-view .wpmslider-stop,
40	.strong-view .wpmslider-next,
41	.strong-view .wpmslider-prev {
42	z-index: 5;
43	}
44	.strong-view .wpmslider-controls-auto,
45	.strong-view .wpmslider-controls-direction {
46	display: inline-block;
47	vertical-align: middle;
48	}
49	.strong-view .wpmslider-controls a {
50	box-shadow: none;
51	text-decoration: none;
52	}
53	.strong-view .wpmslider-controls a:hover, .strong-view .wpmslider-controls a:active, .strong-view .wpmslider-controls a:focus {
54	outline: 0;
55	}
56
57	.strong-view.controls-style-buttons3 .wpmslider-start,
58	.strong-view.controls-style-buttons3 .wpmslider-stop,
59	.strong-view.controls-style-buttons3 .wpmslider-next,
60	.strong-view.controls-style-buttons3 .wpmslider-prev {
61	font-family: FontAwesome;
62	display: inline-block;
63	color: #999;
64	cursor: pointer;
65	font-size: 28px;
66	line-height: 28px;
67	text-align: center;
68	transition: all 0.2s ease;
69	}
70	.strong-view.controls-style-buttons3 .wpmslider-start:before {
71	content: "\f144";
72	}
73	.strong-view.controls-style-buttons3 .wpmslider-stop:before {
74	content: "\f28b";
75	}
76	.strong-view.controls-style-buttons3 .wpmslider-start:hover,
77	.strong-view.controls-style-buttons3 .wpmslider-stop:hover,
78	.strong-view.controls-style-buttons3 .wpmslider-next:hover,
79	.strong-view.controls-style-buttons3 .wpmslider-prev:hover {
80	color: #333;
81	}
82	.strong-view.controls-style-buttons3:not(.rtl) .wpmslider-prev:before {
83	content: "\f137";
84	}
85	.strong-view.controls-style-buttons3:not(.rtl) .wpmslider-next:before {
86	content: "\f138";
87	}
88	.strong-view.controls-style-buttons3.rtl .wpmslider-prev:before {
89	content: "\f138";
90	}
91	.strong-view.controls-style-buttons3.rtl .wpmslider-next:before {
92	content: "\f137";
93	}
94
95	.strong-view.pager-style-buttons .wpmslider-pager {
96	line-height: 24px;
97	margin: 0 7px;
98	text-align: center;
99	}
100	.strong-view.pager-style-buttons .wpmslider-pager-link:before {
101	font-family: FontAwesome;
102	content: "\f10c";
103	display: inline-block;
104	color: #999;
105	cursor: pointer;
106	font-size: 12px;
107	width: 18px;
108	text-align: center;
109	}
110	.strong-view.pager-style-buttons .wpmslider-pager-link:hover:before {
111	content: "\f111";
112	color: #111;
113	}
114	.strong-view.pager-style-buttons .wpmslider-pager-link.active:before {
115	content: "\f111";
116	}
117
118	.strong-view.controls-type-sides.nav-position-inside .wpmslider-controls-direction {
119	display: inline-block;
120	}
121	.strong-view.controls-type-sides.nav-position-inside .wpmslider-pager {
122	position: absolute;
123	bottom: 0;
124	width: 100%;
125	line-height: 1;
126	padding: 1em 0;
127	z-index: 5;
128	}
129
130	.strong-view.nav-position-outside .wpmslider-controls {
131	line-height: 1;
132	padding: 20px 0 20px;
133	text-align: center;
134	z-index: 5;
135	}
136	.strong-view.nav-position-outside .wpmslider-controls .wpmslider-start,
137	.strong-view.nav-position-outside .wpmslider-controls .wpmslider-stop,
138	.strong-view.nav-position-outside .wpmslider-controls .wpmslider-prev,
139	.strong-view.nav-position-outside .wpmslider-controls .wpmslider-next {
140	margin: 0 3px;
141	}
142
143	.strong-view.controls-type-sides .wpmslider-controls {
144	height: 0;
145	}
146	.strong-view.controls-type-sides .wpmslider-prev,
147	.strong-view.controls-type-sides .wpmslider-next {
148	position: absolute;
149	top: calc(50% - 14px);
150	margin: 0;
151	}
152	.strong-view.controls-type-sides:not(.rtl) .wpmslider-prev {
153	left: 10px;
154	}
155	.strong-view.controls-type-sides:not(.rtl) .wpmslider-next {
156	right: 10px;
157	}
158	.strong-view.controls-type-sides.rtl .wpmslider-prev {
159	right: 10px;
160	}
161	.strong-view.controls-type-sides.rtl .wpmslider-next {
162	left: 10px;
163	}
164
165	.strong-view.controls-type-sides .wpmslider-controls {
166	height: 0;
167	}
168	.strong-view.controls-type-sides.pager-style-text .wpmslider-controls, .strong-view.controls-type-sides.pager-style-buttons .wpmslider-controls {
169	height: auto;
170	}
171	.strong-view.controls-type-sides.nav-position-inside .wpmslider-controls-direction {
172	display: inline;
173	}
174	.strong-view.controls-type-sides.nav-position-inside .wpmslider-pager {
175	position: absolute;
176	bottom: 0;
177	display: inline-block;
178	padding-bottom: 15px;
179	width: 100%;
180	}
181	.strong-view.controls-type-sides.nav-position-inside .wpmslider-prev,
182	.strong-view.controls-type-sides.nav-position-inside .wpmslider-next {
183	position: absolute;
184	top: calc(50% - 14px);
185	}
186	.strong-view.controls-type-sides.nav-position-outside .wpmslider-prev,
187	.strong-view.controls-type-sides.nav-position-outside .wpmslider-next {
188	position: absolute;
189	/* subtract pager height */
190	top: calc(50% - 55px + 14px);
191	}
192