slider-pager-text.css — Strong Testimonials trunk

strong-testimonials / assets / public / css / slider-pager-text.css

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

slider-pager-text.css

112 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-text .wpmslider-start,
58	.strong-view.controls-style-text .wpmslider-stop,
59	.strong-view.controls-style-text .wpmslider-next,
60	.strong-view.controls-style-text .wpmslider-prev {
61	display: inline-block;
62	cursor: pointer;
63	margin: 0 0.5em;
64	text-align: center;
65	transition: all 0.2s ease;
66	}
67
68	.strong-view.nav-position-inside:not(.controls-type-sides) .wpmslider-controls {
69	position: absolute;
70	bottom: 0;
71	width: 100%;
72	line-height: 1;
73	padding-bottom: 15px;
74	text-align: center;
75	z-index: 5;
76	}
77	.strong-view.nav-position-inside:not(.controls-type-sides) .wpmslider-controls .wpmslider-start,
78	.strong-view.nav-position-inside:not(.controls-type-sides) .wpmslider-controls .wpmslider-stop,
79	.strong-view.nav-position-inside:not(.controls-type-sides) .wpmslider-controls .wpmslider-prev,
80	.strong-view.nav-position-inside:not(.controls-type-sides) .wpmslider-controls .wpmslider-next {
81	margin: 0 3px;
82	}
83
84	.strong-view.nav-position-outside .wpmslider-controls {
85	line-height: 1;
86	padding: 20px 0 20px;
87	text-align: center;
88	z-index: 5;
89	}
90	.strong-view.nav-position-outside .wpmslider-controls .wpmslider-start,
91	.strong-view.nav-position-outside .wpmslider-controls .wpmslider-stop,
92	.strong-view.nav-position-outside .wpmslider-controls .wpmslider-prev,
93	.strong-view.nav-position-outside .wpmslider-controls .wpmslider-next {
94	margin: 0 3px;
95	}
96
97	.strong-view .wpmslider-pager {
98	line-height: 24px;
99	margin: 0 7px;
100	text-align: center;
101	}
102	.strong-view .wpmslider-pager-link {
103	display: inline-block;
104	}
105	.strong-view .wpmslider-pager-link.active {
106	color: #111;
107	font-weight: 700;
108	}
109	.strong-view.pager-style-text .wpmslider-pager-link {
110	padding: 0 0.3em;
111	}
112