slider-controls-sides-inside-buttons2.css — Strong Testimonials 3.3.6

strong-testimonials / assets / public / css / slider-controls-sides-inside-buttons2.css

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

slider-controls-sides-inside-buttons2.css

202 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	}
11	.strong-view .wpmslider {
12	margin: 0;
13	padding: 0;
14	}
15	.strong-view .wpmslider-viewport {
16	/* fix other elements on the page moving (on Chrome) */
17	-webkit-transform: translatez(0);
18	}
19
20	/* =pager
21	---------------------------------------------------------*/
22	.strong-view .wpmslider-pager {
23	display: inline-block;
24	}
25	.strong-view .wpmslider-pager-item {
26	display: inline-block;
27	}
28	.strong-view .wpmslider-pager-link {
29	text-decoration: none;
30	}
31
32	/* =controls
33	---------------------------------------------------------*/
34	.strong-view .wpmslider-start,
35	.strong-view .wpmslider-stop,
36	.strong-view .wpmslider-next,
37	.strong-view .wpmslider-prev {
38	z-index: 5;
39	}
40	.strong-view .wpmslider-controls-auto,
41	.strong-view .wpmslider-controls-direction {
42	display: inline-block;
43	vertical-align: middle;
44	}
45	.strong-view .wpmslider-controls a {
46	box-shadow: none;
47	text-decoration: none;
48	}
49	.strong-view .wpmslider-controls a:hover, .strong-view .wpmslider-controls a:active, .strong-view .wpmslider-controls a:focus {
50	outline: 0;
51	}
52
53	.strong-view.controls-style-buttons2 .wpmslider-start,
54	.strong-view.controls-style-buttons2 .wpmslider-stop,
55	.strong-view.controls-style-buttons2 .wpmslider-next,
56	.strong-view.controls-style-buttons2 .wpmslider-prev {
57	display: inline-block;
58	background: #C0C0C0;
59	border-radius: 5px;
60	color: #FFF;
61	cursor: pointer;
62	font-size: 16px;
63	line-height: 27px;
64	width: 27px;
65	height: 27px;
66	margin: 0 5px;
67	padding-top: 1px;
68	text-align: center;
69	transition: all 0.2s ease;
70	}
71	.strong-view.controls-style-buttons2 .wpmslider-start,
72	.strong-view.controls-style-buttons2 .wpmslider-stop {
73	margin: 0 7px;
74	}
75	.strong-view.controls-style-buttons2 .wpmslider-start:before {
76	content: "";
77	background:#fff;
78	position: relative;
79	-webkit-mask: url('../svg/play-solid.svg') center center no-repeat;
80	mask: url('../svg/play-solid.svg') center center no-repeat;
81	top:3px;
82	display: inline-block;
83	width: 20px;
84	height: 20px;
85	left: 1px;
86	}
87	.strong-view.controls-style-buttons2 .wpmslider-stop:before {
88	content: "";
89	background:#fff;
90	-webkit-mask: url('../svg/pause-solid.svg') center center no-repeat;
91	mask: url('../svg/pause-solid.svg') center center no-repeat;
92	display: inline-block;
93	width: 20px;
94	height: 20px;
95	position: relative;
96	top:3px;
97	}
98	.strong-view.controls-style-buttons2 .wpmslider-start:hover,
99	.strong-view.controls-style-buttons2 .wpmslider-stop:hover,
100	.strong-view.controls-style-buttons2 .wpmslider-next:hover,
101	.strong-view.controls-style-buttons2 .wpmslider-prev:hover {
102	background: #333;
103	}
104	.strong-view.controls-style-buttons2:not(.rtl) .wpmslider-prev {
105	left: -38px;
106	}
107	.strong-view.controls-style-buttons2:not(.rtl) .wpmslider-prev:before {
108	content: "";
109	-webkit-mask: url('../svg/chevron-left-solid.svg') center center no-repeat;
110	mask: url('../svg/chevron-left-solid.svg') center center no-repeat;
111	background:#fff;
112	position: relative;
113	left: -1px;
114	display: inline-block;
115	width: 20px;
116	height: 20px;
117	top: 3px;
118	}
119	.strong-view.controls-style-buttons2:not(.rtl) .wpmslider-next {
120	right: -38px;
121	}
122	.strong-view.controls-style-buttons2:not(.rtl) .wpmslider-next:before {
123	content: "";
124	-webkit-mask: url('../svg/chevron-right-solid.svg') center center no-repeat;
125	mask: url('../svg/chevron-right-solid.svg') center center no-repeat;
126	position: relative;
127	left: 1px;
128	display: inline-block;
129	width: 20px;
130	background: #fff;
131	height: 20px;
132	top: 3px;
133	}
134	.strong-view.controls-style-buttons2.rtl .wpmslider-prev {
135	right: -38px;
136	}
137	.strong-view.controls-style-buttons2.rtl .wpmslider-prev:before {
138	content: "";
139	-webkit-mask: url('../svg/chevron-right-solid.svg') center center no-repeat;
140	mask: url('../svg/chevron-right-solid.svg') center center no-repeat;
141	position: relative;
142	left: 1px;
143	display: inline-block;
144	width: 20px;
145	background: #fff;
146	height: 20px;
147	top: 3px;
148	}
149	.strong-view.controls-style-buttons2.rtl .wpmslider-next {
150	left: -38px;
151	}
152	.strong-view.controls-style-buttons2.rtl .wpmslider-next:before {
153	content: "";
154	-webkit-mask: url('../svg/chevron-right-solid.svg') center center no-repeat;
155	mask: url('../svg/chevron-right-solid.svg') center center no-repeat;
156	position: relative;
157	left: 1px;
158	display: inline-block;
159	width: 20px;
160	background: #fff;
161	height: 20px;
162	top: 3px;
163	}
164
165	.strong-view.nav-position-inside:not(.controls-type-sides-inside) .wpmslider-controls {
166	position: absolute;
167	bottom: 0;
168	width: 100%;
169	line-height: 1;
170	padding-bottom: 15px;
171	text-align: center;
172	z-index: 5;
173	}
174
175	.strong-view.nav-position-outside .wpmslider-controls {
176	line-height: 1;
177	padding: 10px 0 20px;
178	text-align: center;
179	z-index: 5;
180	}
181
182	.strong-view.controls-type-sides-inside .wpmslider-controls {
183	height: 0;
184	}
185	.strong-view.controls-type-sides-inside .wpmslider-prev,
186	.strong-view.controls-type-sides-inside .wpmslider-next {
187	position: absolute;
188	top: calc(50% - 14px);
189	}
190	.strong-view.controls-type-sides-inside:not(.rtl) .wpmslider-prev {
191	left: 8px;
192	}
193	.strong-view.controls-type-sides-inside:not(.rtl) .wpmslider-next {
194	right: 8px;
195	}
196	.strong-view.controls-type-sides-inside.rtl .wpmslider-prev {
197	right: 8px;
198	}
199	.strong-view.controls-type-sides-inside.rtl .wpmslider-next {
200	left: 8px;
201	}
202