1 | .ZebraDialog { |
---|
2 | font-family: Tahoma, Arial, Helvetica, sans-serif; |
---|
3 | font-size: 12px; |
---|
4 | background: #FFF; |
---|
5 | padding: 0px; |
---|
6 | width: 350px; |
---|
7 | color: #222; |
---|
8 | -webkit-border-radius: 6px; |
---|
9 | -moz-border-radius: 6px; |
---|
10 | border-radius: 6px; |
---|
11 | -webkit-box-shadow: 0px 0px 4px 2px #222; |
---|
12 | -moz-box-shadow: 0px 0px 4px 2px #222; |
---|
13 | box-shadow: 0px 0px 4px 2px #222; |
---|
14 | *border: 1px solid #666; /* IE6 & 7 */ |
---|
15 | border: 1px solid #666\9; /* IE8 */ |
---|
16 | } |
---|
17 | |
---|
18 | .ZebraDialog .ZebraDialog_Title { |
---|
19 | margin: 0; |
---|
20 | padding: 5px 10px; |
---|
21 | font-weight: bold; |
---|
22 | font-size: 14px; |
---|
23 | background: #222; |
---|
24 | color: #FFF; |
---|
25 | text-align: left; |
---|
26 | -webkit-border-top-left-radius: 4px; |
---|
27 | -webkit-border-top-right-radius: 4px; |
---|
28 | -moz-border-radius-topleft: 4px; |
---|
29 | -moz-border-radius-topright: 4px; |
---|
30 | border-top-left-radius: 4px; |
---|
31 | border-top-right-radius: 4px; |
---|
32 | *padding: 7px 10px; /* IE6 & 7 */ |
---|
33 | padding: 7px 10px\9; /* IE8 */ |
---|
34 | } |
---|
35 | |
---|
36 | .ZebraDialog .ZebraDialog_Body { background-repeat: no-repeat; background-position: 10px 10px; padding: 10px; text-align: left } |
---|
37 | |
---|
38 | .ZebraDialog .ZebraDialog_Icon { padding: 10px 10px 10px 68px; min-height: 48px; _height: 48px } |
---|
39 | |
---|
40 | .ZebraDialog .ZebraDialog_Confirmation { background-image: url('confirmation.png') } |
---|
41 | .ZebraDialog .ZebraDialog_Error { background-image: url('error.png') } |
---|
42 | .ZebraDialog .ZebraDialog_Information { background-image: url('information.png') } |
---|
43 | .ZebraDialog .ZebraDialog_Question { background-image: url('question.png') } |
---|
44 | .ZebraDialog .ZebraDialog_Warning { background-image: url('warning.png') } |
---|
45 | |
---|
46 | .ZebraDialog .ZebraDialog_Buttons { |
---|
47 | background: #E5E5E5; |
---|
48 | border-top: 1px solid #DADADA; |
---|
49 | padding: 5px 5px 5px 10px; |
---|
50 | -webkit-border-bottom-left-radius: 5px; |
---|
51 | -webkit-border-bottom-right-radius: 5px; |
---|
52 | -moz-border-radius-bottomleft: 5px; |
---|
53 | -moz-border-radius-bottomright: 5px; |
---|
54 | border-bottom-left-radius: 5px; |
---|
55 | border-bottom-right-radius: 5px; |
---|
56 | } |
---|
57 | |
---|
58 | .ZebraDialog .ZebraDialog_Buttons a { |
---|
59 | text-decoration: none; |
---|
60 | font-weight: bold; |
---|
61 | color: #000; |
---|
62 | background: transparent; |
---|
63 | border: 1px solid #AAA; |
---|
64 | padding: 4px 10px; |
---|
65 | float: right; |
---|
66 | margin-right: 5px; |
---|
67 | min-width: 60px; |
---|
68 | _width: 60px; |
---|
69 | text-align: center; |
---|
70 | -webkit-border-radius: 4px; |
---|
71 | -moz-border-radius: 4px; |
---|
72 | border-radius: 4px; |
---|
73 | } |
---|
74 | |
---|
75 | .ZebraDialog .ZebraDialog_Buttons a:hover { background: #717366; color: #FFF } |
---|
76 | |
---|
77 | .ZebraDialogOverlay { background: #666 } |
---|