/
imagegallery.css
executable file
·118 lines (118 loc) · 2.12 KB
/
imagegallery.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
/*POP UP GALLERY*/
#popupGalleryHolder {
width:612px;
max-width:627px;
overflow:hidden;
padding-left:4%;
margin:auto;
}
#popupGalleryHolder div{
width:29%;
padding:1%;
border:solid 1px #CCC;
margin-right:1%;
margin-bottom:1%;
display:inline-block;
height:160px;
float:left;
zoom: 1;
*display:inline;
overflow:hidden;
text-align:center;
cursor:pointer;
}
#popupGalleryHolder div span{
width:100%;
height:140px;
display:inline-block;
overflow:hidden;
}
#popupGalleryHolder div span img{
max-width:100%;
min-height:140px;
display:block;
}
#popupGalleryHolder div p{
padding-top:5px;
padding-bottom:5px;
margin:0px;
}
#pageWrap{
position:absolute;
z-index:9999;
display: none;
background-color: #000;
opacity: 0.2;
filter: alpha(opacity=20);
width:100%;
top:0px;
left:0px;
}
#fullSizeGallery{
position: fixed;
z-index:10000;
display:none;
background-color: #FFF;
width:960px;
height:600px;
top:100px;
text-align:center;
left:50%;
margin-left:-480px;
padding-top:10px;
border:solid 1px;
border-color:#CCCCCC;
}
#fullSizeGallery #xBtn{
position:absolute;
display:block;
width:30px;
height:30px;
right:0px;
margin-top:-10px;
background-image:url(xclosebutton.png);
}
#fullSizeGallery #backBtn{
position: absolute;
width:30px;
height:22px;
cursor:pointer;
top:275px;
left:50%;
margin-left:-476px;
background-image:url(button-left-arrow.png);
}
#fullSizeGallery #fwdBtn{
position: absolute;
width:30px;
height:22px;
cursor:pointer;
top:275px;
right:0%;
margin-right:4px;
background-image:url(button-right-arrow.png);
}
#fullSizeGallery #fullSizeImg{
max-width:80%;
max-height:450px;
margin-top:30px;
display:inline-block;
padding-left:10%;
padding-right:10%;
}
#fullSizeGallery #imgTitle{
width:75%;
padding-left:10%;
padding-right:15%;
margin-top:5px;
text-align: center;
font-weight: bold;
}
#fullSizeGallery #description{
width:75%;
padding-left:10%;
padding-right:15%;
margin-top:5px;
margin-bottom:5px;
font-size:14px;
}