slider-controls-simple-buttons2.css — Strong Testimonials 3.3.4

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

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

slider-controls-simple-buttons2.css

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