1+ /*
2+ * jQuery FlexSlider v2.6.0
3+ * http://www.woothemes.com/flexslider/
4+ *
5+ * Copyright 2012 WooThemes
6+ * Free to use under the GPLv2 and later license.
7+ * http://www.gnu.org/licenses/gpl-2.0.html
8+ *
9+ * Contributing author: Tyler Smith (@mbmufffin)
10+ *
11+ */
12+ /* ====================================================================================================================
13+ * FONT-FACE
14+ * ====================================================================================================================*/
15+ /*@font-face {
16+ font-family: 'flexslider-icon';
17+ src: url('fonts/flexslider-icon.eot');
18+ src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
19+ font-weight: normal;
20+ font-style: normal;
21+ }*/
22+ /* ====================================================================================================================
23+ * RESETS
24+ * ====================================================================================================================*/
25+ .flex-container a : hover ,
26+ .flex-slider a : hover {
27+ outline : none;
28+ }
29+ .slides ,
30+ .slides > li ,
31+ .flex-control-nav ,
32+ .flex-direction-nav {
33+ margin : 0 ;
34+ padding : 0 ;
35+ list-style : none;
36+ }
37+ .flex-pauseplay span {
38+ text-transform : capitalize;
39+ }
40+ /* ====================================================================================================================
41+ * BASE STYLES
42+ * ====================================================================================================================*/
43+ .flexslider {
44+ margin : 0 ;
45+ padding : 0 ;
46+ }
47+ .flexslider .slides > li {
48+ display : none;
49+ -webkit-backface-visibility : hidden;
50+ }
51+ .flexslider .slides img {
52+ width : 100% ;
53+ display : block;
54+ }
55+ .flexslider .slides : after {
56+ /*content: "\0020";*/
57+ display : block;
58+ clear : both;
59+ visibility : hidden;
60+ line-height : 0 ;
61+ height : 0 ;
62+ }
63+ html [xmlns ] .flexslider .slides {
64+ display : block;
65+ }
66+ * html .flexslider .slides {
67+ height : 1% ;
68+ }
69+ .no-js .flexslider .slides > li : first-child {
70+ display : block;
71+ }
72+ /* ====================================================================================================================
73+ * DEFAULT THEME
74+ * ====================================================================================================================*/
75+ .flexslider {
76+ margin : 0 0 60px ;
77+ background : # ffffff ;
78+ border : 4px solid # ffffff ;
79+ position : relative;
80+ zoom : 1 ;
81+ -webkit-border-radius : 4px ;
82+ -moz-border-radius : 4px ;
83+ border-radius : 4px ;
84+ -webkit-box-shadow : '' 0 1px 4px rgba (0 , 0 , 0 , 0.2 );
85+ -moz-box-shadow : '' 0 1px 4px rgba (0 , 0 , 0 , 0.2 );
86+ -o-box-shadow : '' 0 1px 4px rgba (0 , 0 , 0 , 0.2 );
87+ box-shadow : '' 0 1px 4px rgba (0 , 0 , 0 , 0.2 );
88+ }
89+ .flexslider .slides {
90+ zoom : 1 ;
91+ }
92+ .flexslider .slides img {
93+ height : auto;
94+ -moz-user-select : none;
95+ }
96+ .flex-viewport {
97+ max-height : 2000px ;
98+ -webkit-transition : all 1s ease;
99+ -moz-transition : all 1s ease;
100+ -ms-transition : all 1s ease;
101+ -o-transition : all 1s ease;
102+ transition : all 1s ease;
103+ }
104+ .loading .flex-viewport {
105+ max-height : 300px ;
106+ }
107+ .carousel li {
108+ margin-right : 5px ;
109+ }
110+ .flex-direction-nav {
111+ * height : 0 ;
112+ }
113+ .flex-direction-nav a {
114+ text-decoration : none;
115+ display : block;
116+ width : 40px ;
117+ height : 40px ;
118+ margin : -20px 0 0 ;
119+ position : absolute;
120+ top : 50% ;
121+ z-index : 10 ;
122+ overflow : hidden;
123+ opacity : 0 ;
124+ cursor : pointer;
125+ color : rgba (0 , 0 , 0 , 0.8 );
126+ text-shadow : 1px 1px 0 rgba (255 , 255 , 255 , 0.3 );
127+ -webkit-transition : all 0.3s ease-in-out;
128+ -moz-transition : all 0.3s ease-in-out;
129+ -ms-transition : all 0.3s ease-in-out;
130+ -o-transition : all 0.3s ease-in-out;
131+ transition : all 0.3s ease-in-out;
132+ }
133+ .flex-direction-nav a : before {
134+ font-family : "flexslider-icon" ;
135+ font-size : 40px ;
136+ display : inline-block;
137+ content : '\f001' ;
138+ color : rgba (0 , 0 , 0 , 0.8 );
139+ text-shadow : 1px 1px 0 rgba (255 , 255 , 255 , 0.3 );
140+ }
141+ .flex-direction-nav a .flex-next : before {
142+ content : '\f002' ;
143+ }
144+ .flex-direction-nav .flex-prev {
145+ left : -50px ;
146+ }
147+ .flex-direction-nav .flex-next {
148+ right : -50px ;
149+ text-align : right;
150+ }
151+ .flexslider : hover .flex-direction-nav .flex-prev {
152+ opacity : 0.7 ;
153+ left : 10px ;
154+ }
155+ .flexslider : hover .flex-direction-nav .flex-prev : hover {
156+ opacity : 1 ;
157+ }
158+ .flexslider : hover .flex-direction-nav .flex-next {
159+ opacity : 0.7 ;
160+ right : 10px ;
161+ }
162+ .flexslider : hover .flex-direction-nav .flex-next : hover {
163+ opacity : 1 ;
164+ }
165+ .flex-direction-nav .flex-disabled {
166+ opacity : 0 !important ;
167+ filter : alpha (opacity=0);
168+ cursor : default;
169+ z-index : -1 ;
170+ }
171+ .flex-pauseplay a {
172+ display : block;
173+ width : 20px ;
174+ height : 20px ;
175+ position : absolute;
176+ bottom : 5px ;
177+ left : 10px ;
178+ opacity : 0.8 ;
179+ z-index : 10 ;
180+ overflow : hidden;
181+ cursor : pointer;
182+ color : # 000 ;
183+ }
184+ .flex-pauseplay a : before {
185+ font-family : "flexslider-icon" ;
186+ font-size : 20px ;
187+ display : inline-block;
188+ content : '\f004' ;
189+ }
190+ .flex-pauseplay a : hover {
191+ opacity : 1 ;
192+ }
193+ .flex-pauseplay a .flex-play : before {
194+ content : '\f003' ;
195+ }
196+ .flex-control-nav {
197+ width : 100% ;
198+ position : absolute;
199+ bottom : -40px ;
200+ text-align : center;
201+ }
202+ .flex-control-nav li {
203+ margin : 0 6px ;
204+ display : inline-block;
205+ zoom : 1 ;
206+ * display : inline;
207+ }
208+ .flex-control-paging li a {
209+ width : 11px ;
210+ height : 11px ;
211+ display : block;
212+ background : # 666 ;
213+ background : rgba (0 , 0 , 0 , 0.5 );
214+ cursor : pointer;
215+ text-indent : -9999px ;
216+ -webkit-box-shadow : inset 0 0 3px rgba (0 , 0 , 0 , 0.3 );
217+ -moz-box-shadow : inset 0 0 3px rgba (0 , 0 , 0 , 0.3 );
218+ -o-box-shadow : inset 0 0 3px rgba (0 , 0 , 0 , 0.3 );
219+ box-shadow : inset 0 0 3px rgba (0 , 0 , 0 , 0.3 );
220+ -webkit-border-radius : 20px ;
221+ -moz-border-radius : 20px ;
222+ border-radius : 20px ;
223+ }
224+ .flex-control-paging li a : hover {
225+ background : # 333 ;
226+ background : rgba (0 , 0 , 0 , 0.7 );
227+ }
228+ .flex-control-paging li a .flex-active {
229+ background : # 000 ;
230+ background : rgba (0 , 0 , 0 , 0.9 );
231+ cursor : default;
232+ }
233+ .flex-control-thumbs {
234+ margin : 5px 0 0 ;
235+ position : static;
236+ overflow : hidden;
237+ }
238+ .flex-control-thumbs li {
239+ width : 25% ;
240+ float : left;
241+ margin : 0 ;
242+ }
243+ .flex-control-thumbs img {
244+ width : 100% ;
245+ height : auto;
246+ display : block;
247+ opacity : .7 ;
248+ cursor : pointer;
249+ -moz-user-select : none;
250+ -webkit-transition : all 1s ease;
251+ -moz-transition : all 1s ease;
252+ -ms-transition : all 1s ease;
253+ -o-transition : all 1s ease;
254+ transition : all 1s ease;
255+ }
256+ .flex-control-thumbs img : hover {
257+ opacity : 1 ;
258+ }
259+ .flex-control-thumbs .flex-active {
260+ opacity : 1 ;
261+ cursor : default;
262+ }
263+ /* ====================================================================================================================
264+ * RESPONSIVE
265+ * ====================================================================================================================*/
266+ @media screen and (max-width : 860px ) {
267+ .flex-direction-nav .flex-prev {
268+ opacity : 1 ;
269+ left : 10px ;
270+ }
271+ .flex-direction-nav .flex-next {
272+ opacity : 1 ;
273+ right : 10px ;
274+ }
275+ }
0 commit comments