001 #lightwindow_overlay {
002 /* REQUIRED */
003 display: none;
004 visibility: hidden;
005 position: absolute;
006 top: 0;
007 left: 0;
008 width: 100%;
009 height: 100px;
010 z-index: 500;
011 /* REQUIRED */
012 }
013 #lightwindow {
014 /* REQUIRED */
015 /* Of Note - The height and width of this element are set to 0px */
016 display: none;
017 visibility: hidden;
018 position: absolute;
019 z-index: 999;
020 line-height: 0px;
021 /* REQUIRED */
022 }
023 #lightwindow_container {
024 /* REQUIRED */
025 display: none;
026 visibility: hidden;
027 position: absolute;
028 /* REQUIRED */
029 padding: 0 0 0 0;
030 margin: 0 0 0 0;
031 border:solid 2px gold;
032 background-color: #ffffff;
033 }
034 /* IE6 needs this or it messes with our positioning */
035 * html #lightwindow_container {
036 overflow: hidden;
037 }
038 #lightwindow_contents {
039 overflow: hidden;
040 z-index: 0;
041 position: relative;
042 border: 10px solid #ffffff;
043 background-color: #ffffff;
044 }
045 #lightwindow_loading {
046 /* REQUIRED */
047 height: 100%;
048 width: 100%;
049 top: 0px;
050 left: 0px;
051 z-index: 9999;
052 position: absolute;
053 /* REQUIRED */
054 background-color: #f0f0f0;
055 padding: 10px;
056 }
057 #lightwindow_loading_shim {
058 display: none;
059 left: 0px;
060 position: absolute;
061 top: 0px;
062 width: 100%;
063 height: 100%;
064 }
065 #lightwindow_loading span {
066 font-size: 12px;
067 line-height: 32px;
068 color: #444444;
069 float: left;
070 padding: 0 10px 0 0;
071 }
072 #lightwindow_loading span a,
073 #lightwindow_loading span a:link,
074 #lightwindow_loading span a:visited {
075 color: #09F;
076 text-decoration: none;
077 cursor: pointer;
078 }
079 #lightwindow_loading span a:hover,
080 #lightwindow_loading span a:active {
081 text-decoration: underline;
082 }
083 #lightwindow_loading img {
084 float: left;
085 margin: 0 10px 0 0;
086 }
087 /*-----------------------------------------------------------------------------------------------
088 I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
089 I mean let's face it, it works really well and is very easy to figure out.
090 */
091 #lightwindow_navigation {
092 /* REQUIRED */
093 position: absolute;
094 top: 0px;
095 left: 0px;
096 display: none;
097 /* REQUIRED */
098 }
099 /* We need to shim the navigation for IE, though its more of a sub-floor */
100 #lightwindow_navigation_shim {
101 /* REQUIRED */
102 display: none;
103 left: 0px;
104 position: absolute;
105 top: 0px;
106 width: 110%;
107 height: 100%;
108 /* REQUIRED */
109 }
110 #lightwindow_navigation a,
111 #lightwindow_navigation a:link,
112 #lightwindow_navigation a:visited,
113 #lightwindow_navigation a:hover,
114 #lightwindow_navigation a:active {
115 /* REQUIRED */
116 outline: none;
117 /* REQUIRED */
118 }
119 #lightwindow_previous,
120 #lightwindow_next {
121 width: 49%;
122 height: 100%;
123 background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
124 display: block;
125 }
126 #lightwindow_previous {
127 float: left;
128 left: 0px;
129 }
130 #lightwindow_next {
131 float: right;
132 right: 0px;
133 }
134 #lightwindow_previous:hover,
135 #lightwindow_previous:active {
136 background: url(../images/prevlabel.gif) left 15% no-repeat;
137 }
138 #lightwindow_next:hover,
139 #lightwindow_next:active {
140 background: url(../images/nextlabel.gif) right 15% no-repeat;
141 }
142 #lightwindow_previous_title,
143 #lightwindow_next_title {
144 display: none;
145 }
146 #lightwindow_galleries {
147 width: 100%;
148 position: absolute;
149 z-index: 50;
150 display: none;
151 overflow: hidden;
152 margin: 0 0 0 10px;
153 bottom: 0px;
154 left: 0px;
155 }
156 #lightwindow_galleries_tab_container {
157 width: 100%;
158 height: 0px;
159 overflow: hidden;
160 }
161 a#lightwindow_galleries_tab,
162 a:link#lightwindow_galleries_tab,
163 a:visited#lightwindow_galleries_tab {
164 display: block;
165 height: 20px;
166 width: 77px;
167 float: right;
168 line-height: 22px;
169 color: #ffffff;
170 text-decoration: none;
171 font-weight: bold;
172 cursor: pointer;
173 font-size: 11px;
174 color: #ffffbe;
175 background: url(../images/black-70.png) repeat 0 0 transparent;
176 }
177 * html a#lightwindow_galleries_tab,
178 * html a:link#lightwindow_galleries_tab,
179 * html a:visited#lightwindow_galleries_tab {
180 background: none;
181 background-color: #000000;
182 opacity: .70;
183 filter: alpha(opacity=70);
184 }
185 a:hover#lightwindow_galleries_tab,
186 a:active#lightwindow_galleries_tab {
187 color: #ffffbe;
188 }
189 #lightwindow_galleries_tab_span {
190 display: block;
191 height: 20px;
192 width: 63px;
193 padding: 0 7px 0 7px;
194 }
195 #lightwindow_galleries_tab .up {
196 background: url(../images/arrow-up.gif) no-repeat 60px 5px transparent;
197 }
198 #lightwindow_galleries_tab .down {
199 background: url(../images/arrow-down.gif) no-repeat 60px 6px transparent;
200 }
201 #lightwindow_galleries_list {
202 background: url(../images/black-70.png) repeat 0 0 transparent;
203 overflow: hidden;
204 height: 0px;
205 }
206 * html #lightwindow_galleries_list {
207 background: none;
208 background-color: #000000;
209 opacity: .70;
210 filter: alpha(opacity=70);
211 }
212 .lightwindow_galleries_list {
213 width: 200px;
214 float: left;
215 margin: 0 0 10px 0;
216 padding: 10px;
217 }
218 .lightwindow_galleries_list h1 {
219 color: #09F;
220 text-decoration: none;
221 font-weight: bold;
222 cursor: pointer;
223 padding: 10px 0 5px 0;
224 font-size: 16px;
225 }
226 .lightwindow_galleries_list li {
227 margin: 5px 0 5px 0;
228 list-style-type: none;
229 }
230 .lightwindow_galleries_list a,
231 .lightwindow_galleries_list a:link,
232 .lightwindow_galleries_list a:visited {
233 display: block;
234 line-height: 22px;
235 color: #ffffff;
236 text-decoration: none;
237 font-weight: bold;
238 cursor: pointer;
239 padding: 0 0 0 10px;
240 font-size: 11px;
241 }
242 .lightwindow_galleries_list a:hover,
243 .lightwindow_galleries_list a:active {
244 background: #000000;
245 color: #ffffbe;
246 border-left: 3px solid #ffffbe;
247 padding: 0 0 0 7px;
248 }
249 #lightwindow_data {
250 /* REQUIRED */
251 position: absolute;
252 /* REQUIRED */
253 }
254 #lightwindow_data_slide {
255 /* REQUIRED */
256 position: relative;
257 /* REQUIRED */
258 }
259 #lightwindow_data_slide_inner {
260 background-color: #ffffff;
261 padding: 0 10px 10px 10px;
262 }
263 #lightwindow_data_caption {
264 padding: 10px 0 0 0;
265 color: #666666;
266 line-height: 25px;
267 background-color: #ffffff;
268 clear: both;
269 }
270 #lightwindow_data_details {
271 background-color: #f0f0f0;
272 padding: 0 10px 0 10px;
273 height: 20px;
274 }
275 #lightwindow_data_author_container {
276 width: 40%;
277 text-align: right;
278 color: #666666;
279 font-style: italic;
280 font-size: 10px;
281 line-height: 20px;
282 float: right;
283 overflow: hidden;
284 }
285 #lightwindow_data_gallery_container {
286 font-size: 10px;
287 width: 40%;
288 text-align: left;
289 color: #666666;
290 line-height: 20px;
291 float: left;
292 overflow: hidden;
293 }
294 #lightwindow_title_bar {
295 height: 25px;
296 overflow: hidden;
297 background-color:gold;
298 }
299 #lightwindow_title_bar_title {
300 color: #ffffbe;
301 font-size: 14px;
302 line-height: 25px;
303 text-align: left;
304 float: left;
305 }
306 a#lightwindow_title_bar_close_link,
307 a:link#lightwindow_title_bar_close_link,
308 a:visited#lightwindow_title_bar_close_link {
309 float: right;
310 text-align: right;
311 cursor: pointer;
312 color: #0000ff;
313 line-height: 25px;
314 padding: 0;
315 margin-right: 10px;
316 font-weight:bold;
317 }
318 a:hover#lightwindow_title_bar_close_link,
319 a:active#lightwindow_title_bar_close_link {
320 color: #ffffff;
321 }
322 /*-----------------------------------------------------------------------------------------------
323 Theme styling stuff
324 */
325 #lightwindow p {
326 color: #000000;
327 padding-right: 10px;
328 }
Prepared by IT&Web Programming Project