Subversion-Projekte lars-tiefland.marine-sales.de

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
2 lars 1 
/**
2 
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
3 
 * http://bxslider.com
4 
 *
5 
 * Written by: Steven Wanderski, 2014
6 
 * http://stevenwanderski.com
7 
 * (while drinking Belgian ales and listening to jazz)
8 
 *
9 
 * CEO and founder of bxCreative, LTD
10 
 * http://bxcreative.com
11 
 */
12 
 
13 
 
14 
/** RESET AND LAYOUT
15 
===================================*/
16 
 
17 
.bx-wrapper {
18 
	position: relative;
19 
	margin: 0 auto 60px;
20 
	padding: 0;
21 
	*zoom: 1;
22 
}
23 
 
24 
.bx-wrapper img {
25 
	max-width: 100%;
26 
	display: block;
27 
}
28 
 
29 
/** THEME
30 
===================================*/
31 
 
32 
.bx-wrapper .bx-viewport {
33 
	-moz-box-shadow: 0 0 5px #ccc;
34 
	-webkit-box-shadow: 0 0 5px #ccc;
35 
	box-shadow: 0 0 5px #ccc;
36 
	border:  5px solid #fff;
37 
	left: -5px;
38 
	background: #fff;
39 
 
40 
	/*fix other elements on the page moving (on Chrome)*/
41 
	-webkit-transform: translatez(0);
42 
	-moz-transform: translatez(0);
43 
    	-ms-transform: translatez(0);
44 
    	-o-transform: translatez(0);
45 
    	transform: translatez(0);
46 
}
47 
 
48 
.bx-wrapper .bx-pager,
49 
.bx-wrapper .bx-controls-auto {
50 
	position: absolute;
51 
	bottom: -30px;
52 
	width: 100%;
53 
}
54 
 
55 
/* LOADER */
56 
 
57 
.bx-wrapper .bx-loading {
58 
	min-height: 50px;
59 
	background: url(images/bx_loader.gif) center center no-repeat #fff;
60 
	height: 100%;
61 
	width: 100%;
62 
	position: absolute;
63 
	top: 0;
64 
	left: 0;
65 
	z-index: 2000;
66 
}
67 
 
68 
/* PAGER */
69 
 
70 
.bx-wrapper .bx-pager {
71 
	text-align: center;
72 
	font-size: .85em;
73 
	font-family: Arial;
74 
	font-weight: bold;
75 
	color: #666;
76 
	padding-top: 20px;
77 
}
78 
 
79 
.bx-wrapper .bx-pager .bx-pager-item,
80 
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
81 
	display: inline-block;
82 
	*zoom: 1;
83 
	*display: inline;
84 
}
85 
 
86 
.bx-wrapper .bx-pager.bx-default-pager a {
87 
	background: #666;
88 
	text-indent: -9999px;
89 
	display: block;
90 
	width: 10px;
91 
	height: 10px;
92 
	margin: 0 5px;
93 
	outline: 0;
94 
	-moz-border-radius: 5px;
95 
	-webkit-border-radius: 5px;
96 
	border-radius: 5px;
97 
}
98 
 
99 
.bx-wrapper .bx-pager.bx-default-pager a:hover,
100 
.bx-wrapper .bx-pager.bx-default-pager a.active {
101 
	background: #000;
102 
}
103 
 
104 
/* DIRECTION CONTROLS (NEXT / PREV) */
105 
 
106 
.bx-wrapper .bx-prev {
107 
	left: 10px;
108 
	background: url(images/controls.png) no-repeat 0 -32px;
109 
}
110 
 
111 
.bx-wrapper .bx-next {
112 
	right: 10px;
113 
	background: url(images/controls.png) no-repeat -43px -32px;
114 
}
115 
 
116 
.bx-wrapper .bx-prev:hover {
117 
	background-position: 0 0;
118 
}
119 
 
120 
.bx-wrapper .bx-next:hover {
121 
	background-position: -43px 0;
122 
}
123 
 
124 
.bx-wrapper .bx-controls-direction a {
125 
	position: absolute;
126 
	top: 50%;
127 
	margin-top: -16px;
128 
	outline: 0;
129 
	width: 32px;
130 
	height: 32px;
131 
	text-indent: -9999px;
132 
	z-index: 9999;
133 
}
134 
 
135 
.bx-wrapper .bx-controls-direction a.disabled {
136 
	display: none;
137 
}
138 
 
139 
/* AUTO CONTROLS (START / STOP) */
140 
 
141 
.bx-wrapper .bx-controls-auto {
142 
	text-align: center;
143 
}
144 
 
145 
.bx-wrapper .bx-controls-auto .bx-start {
146 
	display: block;
147 
	text-indent: -9999px;
148 
	width: 10px;
149 
	height: 11px;
150 
	outline: 0;
151 
	background: url(images/controls.png) -86px -11px no-repeat;
152 
	margin: 0 3px;
153 
}
154 
 
155 
.bx-wrapper .bx-controls-auto .bx-start:hover,
156 
.bx-wrapper .bx-controls-auto .bx-start.active {
157 
	background-position: -86px 0;
158 
}
159 
 
160 
.bx-wrapper .bx-controls-auto .bx-stop {
161 
	display: block;
162 
	text-indent: -9999px;
163 
	width: 9px;
164 
	height: 11px;
165 
	outline: 0;
166 
	background: url(images/controls.png) -86px -44px no-repeat;
167 
	margin: 0 3px;
168 
}
169 
 
170 
.bx-wrapper .bx-controls-auto .bx-stop:hover,
171 
.bx-wrapper .bx-controls-auto .bx-stop.active {
172 
	background-position: -86px -33px;
173 
}
174 
 
175 
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
176 
 
177 
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
178 
	text-align: left;
179 
	width: 80%;
180 
}
181 
 
182 
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
183 
	right: 0;
184 
	width: 35px;
185 
}
186 
 
187 
/* IMAGE CAPTIONS */
188 
 
189 
.bx-wrapper .bx-caption {
190 
	position: absolute;
191 
	bottom: 0;
192 
	left: 0;
193 
	background: #666\9;
194 
	background: rgba(80, 80, 80, 0.75);
195 
	width: 100%;
196 
}
197 
 
198 
.bx-wrapper .bx-caption span {
199 
	color: #fff;
200 
	font-family: Arial;
201 
	display: block;
202 
	font-size: .85em;
203 
	padding: 10px;
204 
}