slider-controls-sides-inside-buttons2.css — Strong Testimonials 2.33

strong-testimonials / public / css / slider-controls-sides-inside-buttons2.css

strong-testimonials / public / css Last commit date

slider-controls-sides-inside-buttons2.css

161 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-buttons2 .wpmslider-start,
54	.strong-view.controls-style-buttons2 .wpmslider-stop,
55	.strong-view.controls-style-buttons2 .wpmslider-next,
56	.strong-view.controls-style-buttons2 .wpmslider-prev {
57	font-family: FontAwesome;
58	display: inline-block;
59	background: #C0C0C0;
60	border-radius: 5px;
61	color: #FFF;
62	cursor: pointer;
63	font-size: 16px;
64	line-height: 27px;
65	width: 27px;
66	height: 27px;
67	margin: 0 5px;
68	padding-top: 1px;
69	text-align: center;
70	transition: all 0.2s ease;
71	}
72	.strong-view.controls-style-buttons2 .wpmslider-start,
73	.strong-view.controls-style-buttons2 .wpmslider-stop {
74	margin: 0 7px;
75	}
76	.strong-view.controls-style-buttons2 .wpmslider-start:before {
77	content: "\f04b";
78	position: relative;
79	left: 1px;
80	top: -1px;
81	}
82	.strong-view.controls-style-buttons2 .wpmslider-stop:before {
83	content: "\f04c";
84	}
85	.strong-view.controls-style-buttons2 .wpmslider-start:hover,
86	.strong-view.controls-style-buttons2 .wpmslider-stop:hover,
87	.strong-view.controls-style-buttons2 .wpmslider-next:hover,
88	.strong-view.controls-style-buttons2 .wpmslider-prev:hover {
89	background: #333;
90	}
91	.strong-view.controls-style-buttons2:not(.rtl) .wpmslider-prev {
92	left: -38px;
93	}
94	.strong-view.controls-style-buttons2:not(.rtl) .wpmslider-prev:before {
95	content: "\f053";
96	position: relative;
97	left: -1px;
98	}
99	.strong-view.controls-style-buttons2:not(.rtl) .wpmslider-next {
100	right: -38px;
101	}
102	.strong-view.controls-style-buttons2:not(.rtl) .wpmslider-next:before {
103	content: "\f054";
104	position: relative;
105	left: 1px;
106	}
107	.strong-view.controls-style-buttons2.rtl .wpmslider-prev {
108	right: -38px;
109	}
110	.strong-view.controls-style-buttons2.rtl .wpmslider-prev:before {
111	content: "\f054";
112	position: relative;
113	left: 1px;
114	}
115	.strong-view.controls-style-buttons2.rtl .wpmslider-next {
116	left: -38px;
117	}
118	.strong-view.controls-style-buttons2.rtl .wpmslider-next:before {
119	content: "\f053";
120	position: relative;
121	left: -1px;
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