slider-controls-sides-inside-buttons3-pager-text.css — Strong Testimonials 2.33

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

strong-testimonials / public / css Last commit date

slider-controls-sides-inside-buttons3-pager-text.css

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