Subversion-Projekte lars-tiefland.cienc

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
8 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 
    /*
34 
	-moz-box-shadow: 0 0 5px #ccc;
35 
	-webkit-box-shadow: 0 0 5px #ccc;
36 
	box-shadow: 0 0 5px #ccc;
37 
	border:  5px solid #fff;
38 
 
39 
	left: -5px;
40 
    */
41 
	background: #fff;
42 
 
43 
	/*fix other elements on the page moving (on Chrome)*/
44 
	-webkit-transform: translatez(0);
45 
	-moz-transform: translatez(0);
46 
    	-ms-transform: translatez(0);
47 
    	-o-transform: translatez(0);
48 
    	transform: translatez(0);
49 
}
50 
 
51 
.bx-wrapper .bx-pager,
52 
.bx-wrapper .bx-controls-auto {
53 
	position: absolute;
54 
	bottom: -30px;
55 
	width: 100%;
56 
}
57 
 
58 
/* LOADER */
59 
 
60 
.bx-wrapper .bx-loading {
61 
	min-height: 50px;
62 
	background: url(images/bx_loader.gif) center center no-repeat #fff;
63 
	height: 100%;
64 
	width: 100%;
65 
	position: absolute;
66 
	top: 0;
67 
	left: 0;
68 
	z-index: 2000;
69 
}
70 
 
71 
/* PAGER */
72 
 
73 
.bx-wrapper .bx-pager {
74 
	text-align: center;
75 
	font-size: .85em;
76 
	font-family: Arial;
77 
	font-weight: bold;
78 
	color: #666;
79 
	padding-top: 20px;
80 
}
81 
 
82 
.bx-wrapper .bx-pager .bx-pager-item,
83 
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
84 
	display: inline-block;
85 
	*zoom: 1;
86 
	*display: inline;
87 
}
88 
 
89 
.bx-wrapper .bx-pager.bx-default-pager a {
90 
	background: #666;
91 
	text-indent: -9999px;
92 
	display: block;
93 
	width: 10px;
94 
	height: 10px;
95 
	margin: 0 5px;
96 
	outline: 0;
97 
	-moz-border-radius: 5px;
98 
	-webkit-border-radius: 5px;
99 
	border-radius: 5px;
100 
}
101 
 
102 
.bx-wrapper .bx-pager.bx-default-pager a:hover,
103 
.bx-wrapper .bx-pager.bx-default-pager a.active {
104 
	background: #000;
105 
}
106 
 
107 
/* DIRECTION CONTROLS (NEXT / PREV) */
108 
 
109 
.bx-wrapper .bx-prev {
110 
	left: 10px;
111 
	background: url(images/controls.png) no-repeat 0 -32px;
112 
}
113 
 
114 
.bx-wrapper .bx-next {
115 
	right: 10px;
116 
	background: url(images/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 
.bx-wrapper .bx-controls-direction a {
128 
	position: absolute;
129 
	top: 50%;
130 
	margin-top: -16px;
131 
	outline: 0;
132 
	width: 32px;
133 
	height: 32px;
134 
	text-indent: -9999px;
135 
	z-index: 9999;
136 
}
137 
 
138 
.bx-wrapper .bx-controls-direction a.disabled {
139 
	display: none;
140 
}
141 
 
142 
/* AUTO CONTROLS (START / STOP) */
143 
 
144 
.bx-wrapper .bx-controls-auto {
145 
	text-align: center;
146 
}
147 
 
148 
.bx-wrapper .bx-controls-auto .bx-start {
149 
	display: block;
150 
	text-indent: -9999px;
151 
	width: 10px;
152 
	height: 11px;
153 
	outline: 0;
154 
	background: url(images/controls.png) -86px -11px no-repeat;
155 
	margin: 0 3px;
156 
}
157 
 
158 
.bx-wrapper .bx-controls-auto .bx-start:hover,
159 
.bx-wrapper .bx-controls-auto .bx-start.active {
160 
	background-position: -86px 0;
161 
}
162 
 
163 
.bx-wrapper .bx-controls-auto .bx-stop {
164 
	display: block;
165 
	text-indent: -9999px;
166 
	width: 9px;
167 
	height: 11px;
168 
	outline: 0;
169 
	background: url(images/controls.png) -86px -44px no-repeat;
170 
	margin: 0 3px;
171 
}
172 
 
173 
.bx-wrapper .bx-controls-auto .bx-stop:hover,
174 
.bx-wrapper .bx-controls-auto .bx-stop.active {
175 
	background-position: -86px -33px;
176 
}
177 
 
178 
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
179 
 
180 
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
181 
	text-align: left;
182 
	width: 80%;
183 
}
184 
 
185 
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
186 
	right: 0;
187 
	width: 35px;
188 
}
189 
 
190 
/* IMAGE CAPTIONS */
191 
 
192 
.bx-wrapper .bx-caption {
193 
	position: absolute;
194 
	bottom: 0;
195 
	left: 0;
196 
	background: #666\9;
197 
	background: rgba(80, 80, 80, 0.75);
198 
	width: 100%;
199 
}
200 
 
201 
.bx-wrapper .bx-caption span {
202 
	color: #fff;
203 
	font-family: Arial;
204 
	display: block;
205 
	font-size: .85em;
206 
	padding: 10px;
207 
}