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