slider-controls-sides-inside-buttons3.css — Strong Testimonials 3.3.4

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

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

slider-controls-sides-inside-buttons3.css

184 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.nav-position-inside:not(.controls-type-sides-inside) .wpmslider-controls {
54	position: absolute;
55	bottom: 0;
56	width: 100%;
57	line-height: 1;
58	padding-bottom: 15px;
59	text-align: center;
60	z-index: 5;
61	}
62
63	.strong-view.nav-position-outside .wpmslider-controls {
64	line-height: 1;
65	padding: 10px 0 20px;
66	text-align: center;
67	z-index: 5;
68	}
69
70	.strong-view.controls-type-sides-inside .wpmslider-controls {
71	height: 0;
72	}
73	.strong-view.controls-type-sides-inside .wpmslider-prev,
74	.strong-view.controls-type-sides-inside .wpmslider-next {
75	position: absolute;
76	top: calc(50% - 14px);
77	}
78	.strong-view.controls-type-sides-inside:not(.rtl) .wpmslider-prev {
79	left: 8px;
80	}
81	.strong-view.controls-type-sides-inside:not(.rtl) .wpmslider-next {
82	right: 8px;
83	}
84	.strong-view.controls-type-sides-inside.rtl .wpmslider-prev {
85	right: 8px;
86	}
87	.strong-view.controls-type-sides-inside.rtl .wpmslider-next {
88	left: 8px;
89	}
90
91	.strong-view.controls-style-buttons3 .wpmslider-start,
92	.strong-view.controls-style-buttons3 .wpmslider-stop,
93	.strong-view.controls-style-buttons3 .wpmslider-next,
94	.strong-view.controls-style-buttons3 .wpmslider-prev {
95	display: inline-block;
96	color: #999;
97	cursor: pointer;
98	font-size: 28px;
99	line-height: 28px;
100	width: 28px;
101	height: 28px;
102	text-align: center;
103	transition: all 0.2s ease;
104	}
105	.strong-view.controls-style-buttons3 .wpmslider-start,
106	.strong-view.controls-style-buttons3 .wpmslider-stop {
107	margin: 0 7px;
108	}
109	.strong-view.controls-style-buttons3 .wpmslider-start:before {
110	content: "";
111	background:#999;
112	position: relative;
113	-webkit-mask: url('../svg/play-circle-solid.svg') center center no-repeat;
114	mask: url('../svg/play-circle-solid.svg') center center no-repeat;
115	top:3px;
116	display: inline-block;
117	width: 25px;
118	height: 25px;
119	left: 1px;
120	}
121	.strong-view.controls-style-buttons3 .wpmslider-stop:before {
122	content: "";
123	background:#999;
124	-webkit-mask: url('../svg/pause-circle-solid.svg') center center no-repeat;
125	mask: url('../svg/pause-circle-solid.svg') center center no-repeat;
126	display: inline-block;
127	width: 25px;
128	height: 25px;
129	position: relative;
130	top:3px;
131	}
132	.strong-view.controls-style-buttons3 .wpmslider-start:hover,
133	.strong-view.controls-style-buttons3 .wpmslider-stop:hover,
134	.strong-view.controls-style-buttons3 .wpmslider-next:hover,
135	.strong-view.controls-style-buttons3 .wpmslider-prev:hover {
136	color: #333;
137	}
138	.strong-view.controls-style-buttons3:not(.rtl) .wpmslider-prev:before {
139	content: "";
140	-webkit-mask: url('../svg/chevron-circle-left-solid.svg') center center no-repeat;
141	mask: url('../svg/chevron-circle-left-solid.svg') center center no-repeat;
142	background:#999;
143	position: relative;
144	left: -1px;
145	display: inline-block;
146	width: 25px;
147	height: 25px;
148	top: 3px;}
149	.strong-view.controls-style-buttons3:not(.rtl) .wpmslider-next:before {
150	content: "";
151	-webkit-mask: url('../svg/chevron-circle-right-solid.svg') center center no-repeat;
152	mask: url('../svg/chevron-circle-right-solid.svg') center center no-repeat;
153	background:#999;
154	position: relative;
155	left: -1px;
156	display: inline-block;
157	width: 25px;
158	height: 25px;
159	top: 3px;
160	}
161	.strong-view.controls-style-buttons3.rtl .wpmslider-prev:before {
162	content: "";
163	-webkit-mask: url('../svg/chevron-circle-right-solid.svg') center center no-repeat;
164	mask: url('../svg/chevron-circle-right-solid.svg') center center no-repeat;
165	background:#999;
166	position: relative;
167	left: -1px;
168	display: inline-block;
169	width: 25px;
170	height: 25px;
171	top: 3px;
172	}
173	.strong-view.controls-style-buttons3.rtl .wpmslider-next:before {
174	content: "";
175	-webkit-mask: url('../svg/chevron-circle-left-solid.svg') center center no-repeat;
176	mask: url('../svg/chevron-circle-left-solid.svg') center center no-repeat;
177	background:#999;
178	position: relative;
179	left: -1px;
180	display: inline-block;
181	width: 25px;
182	height: 25px;
183	top: 3px;}
184