slider-controls-simple-buttons2-pager-text.css — Strong Testimonials 2.33

strong-testimonials / public / css / slider-controls-simple-buttons2-pager-text.css

strong-testimonials / public / css Last commit date

slider-controls-simple-buttons2-pager-text.css

168 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	font-family: FontAwesome;
62	display: inline-block;
63	background: #C0C0C0;
64	border-radius: 5px;
65	color: #FFF;
66	cursor: pointer;
67	font-size: 16px;
68	line-height: 27px;
69	width: 27px;
70	height: 27px;
71	text-align: center;
72	transition: all 0.2s ease;
73	}
74	.strong-view.controls-style-buttons2 .wpmslider-start:before {
75	content: "\f04b";
76	position: relative;
77	left: 1px;
78	}
79	.strong-view.controls-style-buttons2 .wpmslider-stop:before {
80	content: "\f04c";
81	}
82	.strong-view.controls-style-buttons2 .wpmslider-start:hover,
83	.strong-view.controls-style-buttons2 .wpmslider-stop:hover,
84	.strong-view.controls-style-buttons2 .wpmslider-next:hover,
85	.strong-view.controls-style-buttons2 .wpmslider-prev:hover {
86	background: #333;
87	}
88	.strong-view.controls-style-buttons2:not(.rtl) .wpmslider-prev:before {
89	content: "\f053";
90	position: relative;
91	left: -1px;
92	top: 1px;
93	}
94	.strong-view.controls-style-buttons2:not(.rtl) .wpmslider-next:before {
95	content: "\f054";
96	position: relative;
97	left: 1px;
98	top: 1px;
99	}
100	.strong-view.controls-style-buttons2.rtl .wpmslider-prev:before {
101	content: "\f054";
102	position: relative;
103	left: 1px;
104	top: 1px;
105	}
106	.strong-view.controls-style-buttons2.rtl .wpmslider-next:before {
107	content: "\f053";
108	position: relative;
109	left: -1px;
110	top: 1px;
111	}
112
113	.strong-view.controls-style-text .wpmslider-start,
114	.strong-view.controls-style-text .wpmslider-stop,
115	.strong-view.controls-style-text .wpmslider-next,
116	.strong-view.controls-style-text .wpmslider-prev {
117	display: inline-block;
118	cursor: pointer;
119	margin: 0 0.5em;
120	text-align: center;
121	transition: all 0.2s ease;
122	}
123
124	.strong-view.nav-position-inside:not(.controls-type-sides) .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	.strong-view.nav-position-inside:not(.controls-type-sides) .wpmslider-controls .wpmslider-start,
134	.strong-view.nav-position-inside:not(.controls-type-sides) .wpmslider-controls .wpmslider-stop,
135	.strong-view.nav-position-inside:not(.controls-type-sides) .wpmslider-controls .wpmslider-prev,
136	.strong-view.nav-position-inside:not(.controls-type-sides) .wpmslider-controls .wpmslider-next {
137	margin: 0 3px;
138	}
139
140	.strong-view.nav-position-outside .wpmslider-controls {
141	line-height: 1;
142	padding: 20px 0 20px;
143	text-align: center;
144	z-index: 5;
145	}
146	.strong-view.nav-position-outside .wpmslider-controls .wpmslider-start,
147	.strong-view.nav-position-outside .wpmslider-controls .wpmslider-stop,
148	.strong-view.nav-position-outside .wpmslider-controls .wpmslider-prev,
149	.strong-view.nav-position-outside .wpmslider-controls .wpmslider-next {
150	margin: 0 3px;
151	}
152
153	.strong-view .wpmslider-pager {
154	line-height: 24px;
155	margin: 0 7px;
156	text-align: center;
157	}
158	.strong-view .wpmslider-pager-link {
159	display: inline-block;
160	}
161	.strong-view .wpmslider-pager-link.active {
162	color: #111;
163	font-weight: 700;
164	}
165	.strong-view.pager-style-text .wpmslider-pager-link {
166	padding: 0 0.3em;
167	}
168