source: trunk/web-app/css/lightbox.css @ 365

Last change on this file since 365 was 182, checked in by gav, 15 years ago

Add support for inventory item Pictures and Images.
Add new PersonService, refactor CreateDataService and TaskService to suite.

File size: 1.9 KB
Line 
1#lightbox {
2  position: absolute;
3  left: 0;
4  width: 100%;
5  text-align: center;
6  line-height: 0;
7  overflow: auto;
8  z-index: 100;
9}
10
11#lightbox a img { border: none; }
12
13#outerImageContainer {
14  position: relative;
15  background-color: #fff;
16  width: 250px;
17  height: 250px;
18  margin: 0 auto;
19}
20
21#imageContainer {
22  padding: 10px;
23}
24
25#loading {
26  position: absolute;
27  top: 40%;
28  left: 0%;
29  height: 25%;
30  width: 100%;
31  text-align: center;
32  line-height: 0;
33  background: transparent url("../images/loading.gif") center center no-repeat;
34}
35
36#hoverNav {
37    position: absolute;
38    top: 0;
39    left: 0;
40    height: 100%;
41    width: 100%;
42    z-index: 10;
43}
44
45#imageContainer > #hoverNav { left: 0; }
46#hoverNav a { outline: none; }
47
48#prevLink, #nextLink {
49  width: 49%;
50  height: 100%;
51  background: transparent url("../images/blank.gif") no-repeat; /* Trick IE into showing hover */
52  display: block;
53}
54#prevLink { left: 0; float: left; }
55#nextLink { right: 0; float: right; }
56#prevLink:hover, #prevLink:visited:hover { background: url("../images/prevlabel.gif") left 15% no-repeat; }
57#nextLink:hover, #nextLink:visited:hover { background: url("../images/nextlabel.gif") right 15% no-repeat; }
58
59#imageDataContainer {
60  font: 10px Verdana, Helvetica, sans-serif;
61  background-color: #fff;
62  margin: 0 auto;
63  line-height: 1.4em;
64  width: 100%
65}
66
67#imageData { padding: 0 10px; color: #666; text-align: center; }
68#imageData #imageDetails { float: left; text-align: left; }     
69#imageData #caption { font-weight: bold; }
70#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }                       
71#imageData #bottomNav { float: right; text-align: right; } 
72
73#imageData #bottomNavClose { cursor: pointer; }
74
75#imageData #bottomNavNext, #imageData #bottomNavPrev { 
76  cursor: pointer;
77  padding: 5px 2px;
78}
79
80#overlay {
81  position: absolute;
82  top: 0;
83  left: 0;
84  z-index: 90;
85  width: 100%;
86  height: 500px;
87  background-color: #000;
88}
Note: See TracBrowser for help on using the repository browser.