slider-controls-simple-buttons3.css — Strong Testimonials 3.3.6

strong-testimonials / assets / public / css / slider-controls-simple-buttons3.css

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

slider-controls-simple-buttons3.css

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