1 @charset "UTF-8"; |
1 .nyroModalBg { |
2 |
2 position: fixed; |
3 div#nyroModalFull { |
3 overflow: hidden; |
4 font-size: 12px; |
4 top: 0; |
5 color: #777; |
5 left: 0; |
|
6 height: 100%; |
|
7 width: 100%; |
|
8 background: #000; |
|
9 opacity: 0.7; |
6 } |
10 } |
7 div#nyroModalLoading { |
11 .nmReposition { |
|
12 position: absolute; |
|
13 } |
|
14 .nyroModalCloseButton { |
|
15 top: -13px; |
|
16 right: -13px; |
|
17 width: 12px; |
|
18 height: 12px; |
|
19 text-indent: -9999em; |
|
20 background: url(../img/close.gif); |
|
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; |
8 border: 4px solid #777; |
31 border: 4px solid #777; |
9 width: 150px; |
32 margin: 25px; |
10 height: 150px; |
|
11 text-indent: -9999em; |
|
12 background: #fff url(../img/ajax-loader-43x43.gif) no-repeat; |
|
13 background-position: center; |
|
14 } |
|
15 div#nyroModalLoading.error { |
|
16 border: 4px solid #f66; |
|
17 line-height: 20px; |
|
18 padding: 20px; |
|
19 width: 300px; |
|
20 height: 100px; |
|
21 text-indent: 0; |
|
22 background: #fff; |
33 background: #fff; |
23 } |
34 } |
24 div#nyroModalWrapper { |
35 .nyroModalCont iframe { |
25 background: #fff; |
36 width: 600px; |
26 border-color: #777; |
37 height: 400px; |
27 border-style: solid; |
|
28 border-width: 24px 4px 4px 4px; |
|
29 } |
38 } |
30 a#closeBut { |
39 .nyroModalError { |
31 position: absolute; |
40 border: 4px solid red; |
32 display: block; |
41 color: red; |
33 top: -19px; |
42 width: 250px; |
34 right: 0px; |
43 height: 250px; |
35 width: 16px; |
|
36 height: 16px; |
|
37 text-indent: -9999em; |
|
38 background: url(../img/close.png) no-repeat; |
|
39 outline: 0; |
|
40 } |
44 } |
41 h1#nyroModalTitle { |
45 .nyroModalError div { |
42 margin: 0; |
46 min-width: 0; |
43 padding: 0; |
47 min-height: 0; |
44 position: absolute; |
48 padding: 10px; |
45 top: -22px; |
|
46 left: 5px; |
|
47 font-size: 12px; |
|
48 color: #ddd; |
|
49 } |
49 } |
50 div#nyroModalContent { |
50 .nyroModalLink, .nyroModalDom, .nyroModalForm, .nyroModalFormFile { |
51 overflow: auto; |
51 position: relative; |
|
52 padding: 10px; |
|
53 min-height: 250px; |
|
54 min-width: 250px; |
|
55 max-width: 1000px; |
52 } |
56 } |
53 div.wrapper div#nyroModalContent { |
57 .nyroModalImage, .nyroModalSwf, .nyroModalIframe, .nyroModalIframeForm { |
54 padding: 5px; |
|
55 } |
|
56 div.wrapperImg div#nyroModalContent { |
|
57 position: relative; |
58 position: relative; |
58 overflow: hidden; |
59 overflow: hidden; |
59 text-align: center; |
|
60 } |
60 } |
61 div.wrapperImg img { |
61 .nyroModalHidden { |
62 vertical-align: baseline; |
62 left: -9999em; |
|
63 top: -9999em; |
63 } |
64 } |
64 div.wrapperImg div#nyroModalContent div { |
65 .nyroModalLoad { |
65 position: absolute; |
66 position: absolute; |
66 bottom: 0; |
67 width: 100px; |
67 left: 0; |
68 height: 100px; |
68 background: black; |
69 background: #fff url(../img/ajaxLoader.gif) no-repeat center; |
69 padding: 10px; |
70 padding: 0; |
70 margin: 10px; |
|
71 border: 1px white dotted; |
|
72 overflow: hidden; |
|
73 opacity: 0.2; |
|
74 filter: alpha(opacity=20); |
|
75 } |
71 } |
76 div.wrapperImg div#nyroModalContent div:hover { |
72 .nyroModalPrev, .nyroModalNext { |
77 opacity: 0.5; |
|
78 filter: alpha(opacity=50); |
|
79 cursor: help; |
|
80 } |
|
81 a.nyroModalPrev, a.nyroModalNext { |
|
82 z-index: 105; |
|
83 outline: none; |
73 outline: none; |
84 position: absolute; |
74 position: absolute; |
85 top: 0; |
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 { |
86 height: 100%; |
85 height: 100%; |
87 width: 40%; |
86 width: 40%; |
88 cursor: pointer; |
87 max-height: none; |
89 text-indent: -9999em; |
|
90 background: left 20% no-repeat; |
|
91 background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */ |
|
92 } |
88 } |
93 div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext { |
89 .nyroModalPrev { |
94 height: 60%; |
|
95 width: 20%; |
|
96 } |
|
97 a.nyroModalPrev { |
|
98 left: 0; |
90 left: 0; |
99 } |
91 } |
100 a.nyroModalPrev:hover { |
92 .nyroModalPrev:hover { |
101 background-image: url(../img/prev.gif); |
93 background-image: url(../img/prev.gif); |
102 } |
94 } |
103 a.nyroModalNext { |
95 .nyroModalNext { |
104 right: 0; |
96 right: 0; |
105 background-position: right 20%; |
97 background-position: right 20%; |
106 } |
98 } |
107 a.nyroModalNext:hover { |
99 .nyroModalNext:hover { |
|
100 background-position: right 20%; |
108 background-image: url(../img/next.gif); |
101 background-image: url(../img/next.gif); |
109 } |
102 } |