slider-controls-full-buttons.css — Strong Testimonials 3.3.5

strong-testimonials / assets / public / css / slider-controls-full-buttons.css

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

slider-controls-full-buttons.css

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