slider-controls-sides-outside-buttons.css — Strong Testimonials 2.33

strong-testimonials / public / css / slider-controls-sides-outside-buttons.css

strong-testimonials / public / css Last commit date

slider-controls-sides-outside-buttons.css

157 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.nav-position-inside:not(.controls-type-sides) .wpmslider-controls {
58	position: absolute;
59	bottom: 0;
60	width: 100%;
61	line-height: 1;
62	padding-bottom: 15px;
63	text-align: center;
64	z-index: 5;
65	}
66	.strong-view.nav-position-inside:not(.controls-type-sides) .wpmslider-controls .wpmslider-start,
67	.strong-view.nav-position-inside:not(.controls-type-sides) .wpmslider-controls .wpmslider-stop,
68	.strong-view.nav-position-inside:not(.controls-type-sides) .wpmslider-controls .wpmslider-prev,
69	.strong-view.nav-position-inside:not(.controls-type-sides) .wpmslider-controls .wpmslider-next {
70	margin: 0 3px;
71	}
72
73	.strong-view.nav-position-outside .wpmslider-controls {
74	line-height: 1;
75	padding: 20px 0 20px;
76	text-align: center;
77	z-index: 5;
78	}
79	.strong-view.nav-position-outside .wpmslider-controls .wpmslider-start,
80	.strong-view.nav-position-outside .wpmslider-controls .wpmslider-stop,
81	.strong-view.nav-position-outside .wpmslider-controls .wpmslider-prev,
82	.strong-view.nav-position-outside .wpmslider-controls .wpmslider-next {
83	margin: 0 3px;
84	}
85
86	.strong-view.controls-type-sides-outside {
87	padding: 0 50px;
88	}
89	.strong-view.controls-type-sides-outside .wpmslider-controls {
90	height: 0;
91	}
92	.strong-view.controls-type-sides-outside.pager-style-text .wpmslider-controls, .strong-view.controls-type-sides-outside.pager-style-buttons .wpmslider-controls {
93	height: auto;
94	}
95	.strong-view.controls-type-sides-outside .wpmslider-prev,
96	.strong-view.controls-type-sides-outside .wpmslider-next {
97	position: absolute;
98	top: calc(50% - 14px);
99	}
100	.strong-view.controls-type-sides-outside:not(.rtl) .wpmslider-prev {
101	left: -40px;
102	}
103	.strong-view.controls-type-sides-outside:not(.rtl) .wpmslider-next {
104	right: -40px;
105	}
106	.strong-view.controls-type-sides-outside.rtl .wpmslider-prev {
107	right: -40px;
108	}
109	.strong-view.controls-type-sides-outside.rtl .wpmslider-next {
110	left: -40px;
111	}
112
113	.strong-view.controls-style-buttons .wpmslider-start,
114	.strong-view.controls-style-buttons .wpmslider-stop,
115	.strong-view.controls-style-buttons .wpmslider-next,
116	.strong-view.controls-style-buttons .wpmslider-prev {
117	font-family: FontAwesome;
118	display: inline-block;
119	color: #999;
120	cursor: pointer;
121	font-size: 24px;
122	line-height: 24px;
123	width: 24px;
124	height: 24px;
125	text-align: center;
126	transition: all 0.2s ease;
127	}
128	.strong-view.controls-style-buttons .wpmslider-start:before,
129	.strong-view.controls-style-buttons .wpmslider-stop:before {
130	position: relative;
131	top: -1px;
132	}
133	.strong-view.controls-style-buttons .wpmslider-start:before {
134	content: "\f04b";
135	}
136	.strong-view.controls-style-buttons .wpmslider-stop:before {
137	content: "\f04c";
138	}
139	.strong-view.controls-style-buttons .wpmslider-start:hover,
140	.strong-view.controls-style-buttons .wpmslider-stop:hover,
141	.strong-view.controls-style-buttons .wpmslider-next:hover,
142	.strong-view.controls-style-buttons .wpmslider-prev:hover {
143	color: #111;
144	}
145	.strong-view.controls-style-buttons:not(.rtl) .wpmslider-prev:before {
146	content: "\f053";
147	}
148	.strong-view.controls-style-buttons:not(.rtl) .wpmslider-next:before {
149	content: "\f054";
150	}
151	.strong-view.controls-style-buttons.rtl .wpmslider-prev:before {
152	content: "\f054";
153	}
154	.strong-view.controls-style-buttons.rtl .wpmslider-next:before {
155	content: "\f053";
156	}
157