sync both themes with toolkit windows theme changes in Mozilla 32 cycle
[themes.git] / LCARStrek / browser / aboutSocialError.css
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%;
7 }
8
9 p {
10   font-size: .8em;
11 }
12
13 #error-box {
14   background: url('chrome://global/skin/icons/information-24.png') no-repeat left 4px;
15   -moz-padding-start: 30px;
16 }
17
18 #error-box:-moz-locale-dir(rtl) {
19   background-position: right 4px;
20 }
21
22 #main-error-msg {
23   color: #FF9F00;
24   font-weight: bold;
25 }
26
27
28 #button-box {
29   text-align: center;
30   width: 75%;
31   margin: 0 auto;
32 }
33
34 @media all and (min-width: 300px) {
35   #error-box {
36     max-width: 50%;
37     margin: 0 auto;
38     background-image: url('chrome://global/skin/icons/information-32.png');
39     min-height: 36px;
40     -moz-padding-start: 38px;
41   }
42
43   button {
44     width: auto !important;
45     min-width: 150px;
46   }
47 }
48
49 @media all and (min-width: 780px) {
50   #error-box {
51     max-width: 30%;
52   }
53 }
54
55 button {
56   font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
57   font-size: 0.6875em;
58   -moz-appearance: none;
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;
69 }
70
71 button:hover,
72 button:hover:active {
73   background-color: #FFCF00;
74   color: #000000;
75 }