Subversion-Projekte lars-tiefland.zeldi.de_alt

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 
    display:none;
67 
}
68 
 
69 
/* PAGER */
70 
 
71 
.bx-wrapper .bx-pager {
72 
	text-align: center;
73 
	font-size: .85em;
74 
	font-family: Arial;
75 
	font-weight: bold;
76 
	color: #666;
77 
	padding-top: 20px;
78 
    display:none;
79 
}
80 
 
81 
.bx-wrapper .bx-pager .bx-pager-item,
82 
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
83 
	display: inline-block;
84 
	*zoom: 1;
85 
	*display: inline;
86 
}
87 
 
88 
.bx-wrapper .bx-pager.bx-default-pager a {
89 
	background: #666;
90 
	text-indent: -9999px;
91 
	display: block;
92 
	width: 10px;
93 
	height: 10px;
94 
	margin: 0 5px;
95 
	outline: 0;
96 
	-moz-border-radius: 5px;
97 
	-webkit-border-radius: 5px;
98 
	border-radius: 5px;
99 
}
100 
 
101 
.bx-wrapper .bx-pager.bx-default-pager a:hover,
102 
.bx-wrapper .bx-pager.bx-default-pager a.active {
103 
	background: #3A3B3D;
104 
}
105 
 
106 
/* DIRECTION CONTROLS (NEXT / PREV) */
107 
 
108 
 
109 
.bx-wrapper .bx-prev {
110 
	left: 10px;
111 
	background: url(/images/webelemente/controls.png) no-repeat 0 -32px;
112 
}
113 
 
114 
.bx-wrapper .bx-next {
115 
	right: 10px;
116 
	background: url(/images/webelemente/controls.png) no-repeat -43px -32px;
117 
}
118 
 
119 
.bx-wrapper .bx-prev:hover {
120 
	background-position: 0 0;
121 
}
122 
 
123 
.bx-wrapper .bx-next:hover {
124 
	background-position: -43px 0;
125 
}
126 
 
127 
 
128 
.bx-wrapper .bx-controls-direction a {
129 
	position: absolute;
130 
	top: 50%;
131 
	margin-top: -16px;
132 
	outline: 0;
133 
	width: 32px;
134 
	height: 32px;
135 
	text-indent: -9999px;
136 
	z-index: 9999;
137 
}
138 
 
139 
.bx-wrapper .bx-controls-direction a.disabled {
140 
	display: none;
141 
}
142 
 
143 
/* AUTO CONTROLS (START / STOP) */
144 
 
145 
.bx-wrapper .bx-controls-auto {
146 
	text-align: center;
147 
}
148 
 
149 
.bx-wrapper .bx-controls-auto .bx-start {
150 
	display: block;
151 
	text-indent: -9999px;
152 
	width: 10px;
153 
	height: 11px;
154 
	outline: 0;
155 
	background: url(/images/webelemente/controls.png) -86px -11px no-repeat;
156 
	margin: 0 3px;
157 
}
158 
 
159 
.bx-wrapper .bx-controls-auto .bx-start:hover,
160 
.bx-wrapper .bx-controls-auto .bx-start.active {
161 
	background-position: -86px 0;
162 
}
163 
 
164 
.bx-wrapper .bx-controls-auto .bx-stop {
165 
	display: block;
166 
	text-indent: -9999px;
167 
	width: 9px;
168 
	height: 11px;
169 
	outline: 0;
170 
	background: url(/images/webelemente/controls.png) -86px -44px no-repeat;
171 
	margin: 0 3px;
172 
}
173 
 
174 
.bx-wrapper .bx-controls-auto .bx-stop:hover,
175 
.bx-wrapper .bx-controls-auto .bx-stop.active {
176 
	background-position: -86px -33px;
177 
}
178 
 
179 
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
180 
 
181 
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
182 
	text-align: left;
183 
	width: 80%;
184 
}
185 
 
186 
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
187 
	right: 0;
188 
	width: 35px;
189 
}
190 
 
191 
/* IMAGE CAPTIONS */
192 
 
193 
.bx-wrapper .bx-caption {
194 
	position: absolute;
195 
	bottom: 0;
196 
	left: 0;
197 
	background: #666\9;
198 
	background: rgba(80, 80, 80, 0.75);
199 
	width: 100%;
200 
}
201 
 
202 
.bx-wrapper .bx-caption span {
203 
	color: #fff;
204 
	font-family: Arial;
205 
	display: block;
206 
	font-size: .85em;
207 
	padding: 10px;
208 
}