[5341] | 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 } |
---|