| author | Cavalie Thibaut <thibaut.cavalie@centrepompidou.fr> |
| Mon, 28 Feb 2011 12:43:13 +0100 | |
| branch | modal_update |
| changeset 31 | 0d829ac13c4b |
| parent 24 | 57a2650a7f87 |
| child 32 | 7bb37c869d0d |
| permissions | -rw-r--r-- |
| 24 | 1 |
.nyroModalBg { |
2 |
position: fixed; |
|
3 |
overflow: hidden; |
|
4 |
top: 0; |
|
5 |
left: 0; |
|
6 |
height: 100%; |
|
7 |
width: 100%; |
|
8 |
background: #000; |
|
9 |
opacity: 0.7; |
|
10 |
} |
|
11 |
.nmReposition { |
|
12 |
position: absolute; |
|
13 |
} |
|
14 |
.nyroModalCloseButton { |
|
15 |
top: -13px; |
|
16 |
right: -13px; |
|
17 |
width: 12px; |
|
18 |
height: 12px; |
|
19 |
text-indent: -9999em; |
|
|
31
0d829ac13c4b
Update modal behavior, to test if LDT swf has a still not saved work. Update language files too.
Cavalie Thibaut <thibaut.cavalie@centrepompidou.fr>
parents:
24
diff
changeset
|
20 |
background: url(../img/close.png); |
| 24 | 21 |
} |
22 |
.nyroModalTitle { |
|
23 |
top: -26px; |
|
24 |
left: 0; |
|
25 |
margin: 0; |
|
26 |
font-size: 1.1em; |
|
27 |
color: #ddd; |
|
28 |
} |
|
29 |
.nyroModalCont { |
|
30 |
position: absolute; |
|
31 |
border: 4px solid #777; |
|
32 |
margin: 25px; |
|
33 |
background: #fff; |
|
34 |
} |
|
35 |
.nyroModalCont iframe { |
|
36 |
width: 600px; |
|
37 |
height: 400px; |
|
38 |
} |
|
39 |
.nyroModalError { |
|
40 |
border: 4px solid red; |
|
41 |
color: red; |
|
42 |
width: 250px; |
|
43 |
height: 250px; |
|
44 |
} |
|
45 |
.nyroModalError div { |
|
46 |
min-width: 0; |
|
47 |
min-height: 0; |
|
48 |
padding: 10px; |
|
49 |
} |
|
50 |
.nyroModalLink, .nyroModalDom, .nyroModalForm, .nyroModalFormFile { |
|
51 |
position: relative; |
|
52 |
padding: 10px; |
|
53 |
min-height: 250px; |
|
54 |
min-width: 250px; |
|
55 |
max-width: 1000px; |
|
56 |
} |
|
57 |
.nyroModalImage, .nyroModalSwf, .nyroModalIframe, .nyroModalIframeForm { |
|
58 |
position: relative; |
|
59 |
overflow: hidden; |
|
60 |
} |
|
61 |
.nyroModalHidden { |
|
62 |
left: -9999em; |
|
63 |
top: -9999em; |
|
64 |
} |
|
65 |
.nyroModalLoad { |
|
66 |
position: absolute; |
|
67 |
width: 100px; |
|
68 |
height: 100px; |
|
69 |
background: #fff url(../img/ajaxLoader.gif) no-repeat center; |
|
70 |
padding: 0; |
|
71 |
} |
|
72 |
.nyroModalPrev, .nyroModalNext { |
|
73 |
outline: none; |
|
74 |
position: absolute; |
|
75 |
top: 0; |
|
76 |
height: 60%; |
|
77 |
width: 150px; |
|
78 |
min-height: 50px; |
|
79 |
max-height: 300px; |
|
80 |
cursor: pointer; |
|
81 |
text-indent: -9999em; |
|
82 |
background: transparent url('data:image/gif;base64,AAAA') left 20% no-repeat; |
|
83 |
} |
|
84 |
.nyroModalImage .nyroModalPrev, .nyroModalImage .nyroModalNext { |
|
85 |
height: 100%; |
|
86 |
width: 40%; |
|
87 |
max-height: none; |
|
88 |
} |
|
89 |
.nyroModalPrev { |
|
90 |
left: 0; |
|
91 |
} |
|
92 |
.nyroModalPrev:hover { |
|
93 |
background-image: url(../img/prev.gif); |
|
94 |
} |
|
95 |
.nyroModalNext { |
|
96 |
right: 0; |
|
97 |
background-position: right 20%; |
|
98 |
} |
|
99 |
.nyroModalNext:hover { |
|
100 |
background-position: right 20%; |
|
101 |
background-image: url(../img/next.gif); |
|
| 0 | 102 |
} |