root / snf-astakos-app / astakos / im / static / im / css / colorbox.css @ d2a553dc
History | View | Annotate | Download (2.6 kB)
1 |
|
---|---|
2 |
#colorbox, #cboxOverlay, #cboxWrapper { |
3 |
left: 0; |
4 |
overflow: hidden; |
5 |
position: absolute; |
6 |
top: 0; |
7 |
z-index: 9999; |
8 |
} |
9 |
#cboxOverlay {
|
10 |
height: 100%; |
11 |
position: fixed; |
12 |
width: 100%; |
13 |
} |
14 |
#cboxMiddleLeft, #cboxBottomLeft { |
15 |
clear: left; |
16 |
} |
17 |
#cboxContent {
|
18 |
position: relative; |
19 |
} |
20 |
#cboxLoadedContent {
|
21 |
overflow: auto; |
22 |
} |
23 |
#cboxTitle {
|
24 |
margin: 0; |
25 |
} |
26 |
#cboxLoadingOverlay, #cboxLoadingGraphic { |
27 |
height: 100%; |
28 |
left: 0; |
29 |
position: absolute; |
30 |
top: 0; |
31 |
width: 100%; |
32 |
} |
33 |
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { |
34 |
cursor: pointer; |
35 |
} |
36 |
.cboxPhoto {
|
37 |
border: 0 none; |
38 |
display: block; |
39 |
float: left; |
40 |
margin: auto; |
41 |
} |
42 |
.cboxIframe {
|
43 |
border: 0 none; |
44 |
display: block; |
45 |
height: 100%; |
46 |
width: 100%; |
47 |
} |
48 |
#cboxOverlay {
|
49 |
background: none repeat scroll 0 0 #000000; |
50 |
} |
51 |
#cboxContent {
|
52 |
margin-top: 20px; |
53 |
} |
54 |
.cboxIframe {
|
55 |
background: none repeat scroll 0 0 #FFFFFF; |
56 |
} |
57 |
#cboxError {
|
58 |
border: 1px solid #CCCCCC; |
59 |
padding: 50px; |
60 |
} |
61 |
#cboxLoadedContent {
|
62 |
background: none repeat scroll 0 0 #FFFFFF; |
63 |
border: 5px solid #000000; |
64 |
} |
65 |
#cboxTitle {
|
66 |
color: #CCCCCC; |
67 |
left: 0; |
68 |
position: absolute; |
69 |
top: -20px; |
70 |
} |
71 |
#cboxCurrent {
|
72 |
color: #CCCCCC; |
73 |
position: absolute; |
74 |
right: 0; |
75 |
top: -20px; |
76 |
} |
77 |
#cboxSlideshow {
|
78 |
color: #FFFFFF; |
79 |
position: absolute; |
80 |
right: 90px; |
81 |
top: -20px; |
82 |
} |
83 |
#cboxPrevious {
|
84 |
background: url("../images/colorbox/controls.png") no-repeat scroll left top transparent; |
85 |
height: 65px; |
86 |
left: 5px; |
87 |
margin-top: -32px; |
88 |
position: absolute; |
89 |
text-indent: -9999px; |
90 |
top: 50%; |
91 |
width: 28px; |
92 |
} |
93 |
#cboxPrevious:hover { |
94 |
background-position: left bottom; |
95 |
} |
96 |
#cboxNext {
|
97 |
background: url("../images/colorbox/controls.png") no-repeat scroll right top transparent; |
98 |
height: 65px; |
99 |
margin-top: -32px; |
100 |
position: absolute; |
101 |
right: 5px; |
102 |
text-indent: -9999px; |
103 |
top: 50%; |
104 |
width: 28px; |
105 |
} |
106 |
#cboxNext:hover { |
107 |
background-position: right bottom; |
108 |
} |
109 |
#cboxLoadingOverlay {
|
110 |
background: none repeat scroll 0 0 #000000; |
111 |
} |
112 |
#cboxLoadingGraphic {
|
113 |
background: url("../images/colorbox/loading.gif") no-repeat scroll center center transparent; |
114 |
} |
115 |
#cboxClose {
|
116 |
background: url("../images/colorbox/controls.png") no-repeat scroll center top transparent; |
117 |
display: block; |
118 |
height: 19px; |
119 |
position: absolute; |
120 |
right: 5px; |
121 |
text-indent: -9999px; |
122 |
top: 5px; |
123 |
width: 38px; |
124 |
} |
125 |
#cboxClose:hover { |
126 |
background-position: center bottom; |
127 |
} |