Commit | Line | Data |
---|---|---|
fcfb76ce RK |
1 | body { |
2 | background-color: #000000; | |
3 | color: #FF9F00; | |
4 | margin-top: 2em; | |
5 | font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; | |
6 | font-size: 100%; | |
e548e22e | 7 | min-height: 200px; |
fcfb76ce RK |
8 | } |
9 | ||
10 | p { | |
11 | font-size: .8em; | |
12 | } | |
13 | ||
14 | #error-box { | |
15 | background: url('chrome://global/skin/icons/information-24.png') no-repeat left 4px; | |
16 | -moz-padding-start: 30px; | |
17 | } | |
18 | ||
19 | #error-box:-moz-locale-dir(rtl) { | |
20 | background-position: right 4px; | |
21 | } | |
22 | ||
23 | #main-error-msg { | |
e548e22e | 24 | color: #4b4b4b; |
fcfb76ce RK |
25 | font-weight: bold; |
26 | } | |
27 | ||
28 | ||
29 | #button-box { | |
30 | text-align: center; | |
31 | width: 75%; | |
32 | margin: 0 auto; | |
33 | } | |
34 | ||
35 | @media all and (min-width: 300px) { | |
36 | #error-box { | |
37 | max-width: 50%; | |
38 | margin: 0 auto; | |
39 | background-image: url('chrome://global/skin/icons/information-32.png'); | |
40 | min-height: 36px; | |
41 | -moz-padding-start: 38px; | |
42 | } | |
43 | ||
44 | button { | |
45 | width: auto !important; | |
46 | min-width: 150px; | |
47 | } | |
48 | } | |
49 | ||
50 | @media all and (min-width: 780px) { | |
51 | #error-box { | |
52 | max-width: 30%; | |
53 | } | |
54 | } | |
55 | ||
56 | button { | |
57 | font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; | |
58 | font-size: 0.6875em; | |
fcfb76ce RK |
59 | -moz-user-select: none; |
60 | width: 100%; | |
61 | margin: 2px 0; | |
62 | padding: 2px 6px; | |
63 | line-height: 1.2; | |
64 | background-color: #000000; | |
65 | color: #FFCF00; | |
66 | background-clip: padding-box; | |
67 | border: none; | |
68 | border-radius: 3px; | |
e548e22e RK |
69 | |
70 | transition-property: background-color, color; | |
71 | transition-duration: 150ms; | |
72 | transition-timing-function: ease; | |
73 | ||
fcfb76ce RK |
74 | } |
75 | ||
e548e22e | 76 | button:hover { |
fcfb76ce RK |
77 | background-color: #FFCF00; |
78 | color: #000000; | |
e548e22e RK |
79 | transition-duration: 150ms; |
80 | transition-timing-function: ease; | |
81 | } | |
82 | ||
83 | button:hover:active { | |
84 | background-color: #FF9F00; | |
85 | color: #000000; | |
86 | transition-duration: 10ms; | |
87 | transition-timing-function: linear; | |
fcfb76ce | 88 | } |