make network error reporting look a bit better
[themes.git] / LCARStrek / browser / aboutTabCrashed.css
1 body {
2   background-color: #000000;
3   margin-top: 2em;
4   font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
5 }
6
7 p {
8   font-size: .8em;
9 }
10
11 #error-box {
12   border: 2px solid #FFCF00;
13   border-radius: 10px;
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: #A09090;
24   font-weight: bold;
25 }
26
27 #report-box {
28   text-align: center;
29   width: 75%;
30   margin: 0 auto;
31   display: none;
32 }
33
34 .crashDumpAvailable #report-box {
35   display: block;
36 }
37
38 #button-box {
39   text-align: center;
40   width: 75%;
41   margin: 0 auto;
42 }
43
44 @media all and (min-width: 300px) {
45   #error-box {
46     max-width: 50%;
47     margin: 0 auto;
48     background-image: url('chrome://global/skin/icons/information-32.png');
49     min-height: 36px;
50     -moz-padding-start: 38px;
51   }
52
53   button {
54     width: auto !important;
55     min-width: 150px;
56   }
57 }
58
59 @media all and (min-width: 780px) {
60   #error-box {
61     max-width: 30%;
62   }
63 }
64
65 button {
66   border-radius: 10px;
67   background: #C09070;
68   color: #000000;
69   border: none;
70   padding: 0 .5em;
71 }
72
73 button:hover,
74 button:hover:active {
75   background-color: #FFCF00;
76   color: #000000;
77 }