Subversion-Projekte lars-tiefland.webanos.zeldi.de

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
4 lars 1 
html.lb-disable-scrolling {
2 
  overflow: hidden;
3 
  /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */
4 
  position: fixed;
5 
  height: 100vh;
6 
  width: 100vw;
7 
}
8 
 
9 
.lightboxOverlay {
10 
  position: absolute;
11 
  top: 0;
12 
  left: 0;
13 
  z-index: 9999;
14 
  background-color: black;
15 
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
16 
  opacity: 0.8;
17 
  display: none;
18 
}
19 
 
20 
.lightbox {
21 
  position: absolute;
22 
  left: 0;
23 
  width: 100%;
24 
  z-index: 10000;
25 
  text-align: center;
26 
  line-height: 0;
27 
  font-weight: normal;
28 
}
29 
 
30 
.lightbox .lb-image {
31 
  display: block;
32 
  height: auto;
33 
  max-width: inherit;
34 
  max-height: none;
35 
  border-radius: 3px;
36 
 
37 
  /* Image border */
38 
  border: 4px solid white;
39 
}
40 
 
41 
.lightbox a img {
42 
  border: none;
43 
}
44 
 
45 
.lb-outerContainer {
46 
  position: relative;
47 
  *zoom: 1;
48 
  width: 250px;
49 
  height: 250px;
50 
  margin: 0 auto;
51 
  border-radius: 4px;
52 
 
53 
  /* Background color behind image.
54 
     This is visible during transitions. */
55 
  background-color: white;
56 
}
57 
 
58 
.lb-outerContainer:after {
59 
  content: "";
60 
  display: table;
61 
  clear: both;
62 
}
63 
 
64 
.lb-loader {
65 
  position: absolute;
66 
  top: 43%;
67 
  left: 0;
68 
  height: 25%;
69 
  width: 100%;
70 
  text-align: center;
71 
  line-height: 0;
72 
}
73 
 
74 
.lb-cancel {
75 
  display: block;
76 
  width: 32px;
77 
  height: 32px;
78 
  margin: 0 auto;
79 
  background: url(../images/loading.gif) no-repeat;
80 
}
81 
 
82 
.lb-nav {
83 
  position: absolute;
84 
  top: 0;
85 
  left: 0;
86 
  height: 100%;
87 
  width: 100%;
88 
  z-index: 10;
89 
}
90 
 
91 
.lb-container > .nav {
92 
  left: 0;
93 
}
94 
 
95 
.lb-nav a {
96 
  outline: none;
97 
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
98 
}
99 
 
100 
.lb-prev, .lb-next {
101 
  height: 100%;
102 
  cursor: pointer;
103 
  display: block;
104 
}
105 
 
106 
.lb-nav a.lb-prev {
107 
  width: 34%;
108 
  left: 0;
109 
  float: left;
110 
  background: url(../images/prev.png) left 48% no-repeat;
111 
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
112 
  opacity: 0;
113 
  -webkit-transition: opacity 0.6s;
114 
  -moz-transition: opacity 0.6s;
115 
  -o-transition: opacity 0.6s;
116 
  transition: opacity 0.6s;
117 
}
118 
 
119 
.lb-nav a.lb-prev:hover {
120 
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
121 
  opacity: 1;
122 
}
123 
 
124 
.lb-nav a.lb-next {
125 
  width: 64%;
126 
  right: 0;
127 
  float: right;
128 
  background: url(../images/next.png) right 48% no-repeat;
129 
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
130 
  opacity: 0;
131 
  -webkit-transition: opacity 0.6s;
132 
  -moz-transition: opacity 0.6s;
133 
  -o-transition: opacity 0.6s;
134 
  transition: opacity 0.6s;
135 
}
136 
 
137 
.lb-nav a.lb-next:hover {
138 
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
139 
  opacity: 1;
140 
}
141 
 
142 
.lb-dataContainer {
143 
  margin: 0 auto;
144 
  padding-top: 5px;
145 
  *zoom: 1;
146 
  width: 100%;
147 
  border-bottom-left-radius: 4px;
148 
  border-bottom-right-radius: 4px;
149 
}
150 
 
151 
.lb-dataContainer:after {
152 
  content: "";
153 
  display: table;
154 
  clear: both;
155 
}
156 
 
157 
.lb-data {
158 
  padding: 0 4px;
159 
  color: #ccc;
160 
}
161 
 
162 
.lb-data .lb-details {
163 
  width: 85%;
164 
  float: left;
165 
  text-align: left;
166 
  line-height: 1.1em;
167 
}
168 
 
169 
.lb-data .lb-caption {
170 
  font-size: 13px;
171 
  font-weight: bold;
172 
  line-height: 1em;
173 
}
174 
 
175 
.lb-data .lb-caption a {
176 
  color: #4ae;
177 
}
178 
 
179 
.lb-data .lb-number {
180 
  display: block;
181 
  clear: left;
182 
  padding-bottom: 1em;
183 
  font-size: 12px;
184 
  color: #999999;
185 
}
186 
 
187 
.lb-data .lb-close {
188 
  display: block;
189 
  float: right;
190 
  width: 30px;
191 
  height: 30px;
192 
  background: url(../images/close.png) top right no-repeat;
193 
  text-align: right;
194 
  outline: none;
195 
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
196 
  opacity: 0.7;
197 
  -webkit-transition: opacity 0.2s;
198 
  -moz-transition: opacity 0.2s;
199 
  -o-transition: opacity 0.2s;
200 
  transition: opacity 0.2s;
201 
}
202 
 
203 
.lb-data .lb-close:hover {
204 
  cursor: pointer;
205 
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
206 
  opacity: 1;
207 
}